/* Vehicle choices within the Bali Reisdagboek; illustrations do not depict a fleet. */
.journal-transport{padding-top:38px;margin-top:32px;border-top:1px solid #64725f;scroll-margin-top:100px}
.transport-heading{max-width:720px;margin-bottom:27px}
.transport-heading h3{font:400 38px/1.25 Kalam,Georgia,serif;color:#f4efdf;margin:12px 0 12px;letter-spacing:-.5px}
.transport-heading>p{font:400 15px/1.85 Inter,Arial,sans-serif;color:#c3cdbb;max-width:63ch;margin:0}
.transport-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.transport-card{display:flex;flex-direction:column;min-width:0;background:#f4efdf;color:#243b33;border-top:3px solid #dec485;box-shadow:0 5px 0 #142b2440}
.transport-card--scooter{background:#eee8d5}
.transport-card-art{position:relative;display:grid;place-items:center;padding:38px 28px 22px;border-bottom:1px solid #c9cfb9}
.transport-vehicle-art{display:block;width:min(100%,360px);height:auto;aspect-ratio:5/3;object-fit:contain}
.transport-card-art>span{position:absolute;top:16px;right:24px;font:500 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.08em;color:#64705b;white-space:nowrap}
.transport-card-copy{display:flex;flex-direction:column;flex:1;align-items:flex-start;padding:25px 28px 27px}
.transport-card h4{font:400 31px/1.3 Kalam,Georgia,serif;color:#243b33;margin:0 0 13px;letter-spacing:-.3px}
.transport-card p{font:400 15px/1.85 Inter,Arial,sans-serif;color:#4e5e4a;margin:0 0 16px}
.transport-card ul{margin:0 0 24px;padding-left:19px;color:#4e5e4a;font:400 13px/1.8 Inter,Arial,sans-serif}
.transport-card li+li{margin-top:5px}
.transport-choice{display:inline-flex;justify-content:space-between;align-items:center;gap:18px;min-height:48px;min-width:44px;max-width:100%;width:100%;margin-top:auto;padding:12px 0;border:0;border-top:1px solid #9fa98c;border-radius:0;background:transparent;color:#24443d;font:500 14px/1.65 Inter,Arial,sans-serif;text-align:left;white-space:normal;cursor:pointer;touch-action:manipulation}
.transport-choice>span{flex:0 0 auto;font-size:23px;line-height:1}
.transport-choice:hover{color:#5d6b41;text-decoration:underline;text-underline-offset:5px}
.transport-choice:focus-visible{outline:3px solid #365342;outline-offset:5px}
.transport-note{font:400 12px/1.8 Inter,Arial,sans-serif;color:#c3cdbb;margin:22px 0 0;max-width:90ch}
.request-vehicle-field select{min-height:48px;font-size:16px;width:100%;max-width:100%}
.request-vehicle-field>small{display:block;font:400 12px/1.75 Inter,Arial,sans-serif;color:#52624e;margin-top:8px}
.request-vehicle-field .request-vehicle-note{font:400 13px/1.8 Inter,Arial,sans-serif;background:#eee8d5;border-left:3px solid #a2873c;color:#40533f;margin:12px 0 0;padding:12px 14px}
@media(max-width:760px){.journal-transport{padding-top:30px;margin-top:26px}.transport-cards{grid-template-columns:1fr;gap:22px}.transport-heading h3{font-size:34px}.transport-card-art{padding:34px 24px 18px}.transport-card-copy{padding:24px}.transport-card h4{font-size:31px}.transport-card ul{font-size:14px}.transport-note{font-size:12px}}
@media(max-width:380px){.transport-card-art{padding-inline:20px}.transport-card-copy{padding-inline:20px}.transport-card h4{font-size:28px}.transport-choice{font-size:13px;gap:12px}.request-vehicle-field .request-vehicle-note{padding-inline:12px}}