/* A quiet midnight surface, with the approved warmer hero above it. */
html[data-appearance=dark] body.midnight-site{--paper:#10171f;background:#10171f}
html[data-appearance=dark] #top .tz-hero::after{background:linear-gradient(180deg,transparent 0%,#10171f 100%)}
html[data-appearance=dark] #top.light-trails-home :is(.after-story,.benefits-reference,.faq-reference){background:#10171f}
#result{width:min(940px,calc(100vw - 32px));max-width:940px;padding:42px;border-radius:28px;max-height:90dvh;overflow:auto;overscroll-behavior:contain}
#result .vehicle-options{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0 18px}
#result .vehicle-options>button{display:block;padding:0;text-align:left;border:1px solid #647582;border-radius:24px;overflow:hidden;background:#f2f5f7;color:#172c3a;transition:border-color .18s,box-shadow .18s;white-space:normal}
#result .vehicle-options>button.chosen{border:2px solid #a16b30;box-shadow:0 0 0 2px #d6ad7133}
#result .vehicle-options>button:disabled{opacity:.5;cursor:not-allowed}
#result .vehicle-art{display:block;background:linear-gradient(135deg,#1b2b38,#263c4a);padding:10px 8px 0}
#result .vehicle-art img{display:block;width:100%;height:auto}
#result .vehicle-card-body{display:block;padding:24px}
#result .vehicle-name{display:block;font:700 28px/1.15 "Bricolage Grotesque",sans-serif}
#result .vehicle-description{display:block;min-height:50px;margin:12px 0 20px;font-size:16px;line-height:1.5;color:#526b7b}
#result .vehicle-spec{display:block;font-size:17px;padding-top:18px;border-top:1px solid #71818c40}
#result .vehicle-bags{display:block;margin-top:8px;font-size:14px;color:#526b7b}
#result .vehicle-fare{display:block;font:700 30px/1.15 "Bricolage Grotesque",sans-serif;margin-top:24px}
#result .vehicle-fare small{display:block;font:400 13px/1.4 "Schibsted Grotesk",sans-serif;margin-top:5px;color:#526b7b}
#result .vehicle-return{display:block;font-size:14px;margin-top:10px}
#result .vehicle-select{display:block;text-align:center;padding:14px 20px;border:1px solid #a16b3066;border-radius:14px;font-weight:600;margin-top:22px;background:#e6bc8f;color:#142e3b}
#result .chosen .vehicle-select{background:#142e3b;color:#fff1db}
#result .vehicle-intro h3{font:700 36px/1.1 "Bricolage Grotesque",sans-serif;margin:12px 0}
#result .vehicle-intro p,.vehicle-note{font-size:15px;line-height:1.6}
#result .vehicle-note{color:var(--muted);margin-bottom:24px}
#result .vehicle-continue{width:100%;min-height:56px;font-size:17px}
#result .vehicle-edit{border:0;background:none;padding:0 0 20px;color:inherit;text-decoration:underline;font-size:15px;cursor:pointer}
#result [hidden]{display:none!important}
html[data-appearance=dark] #result .vehicle-options>button{background:#203440;color:#f3ead8;border-color:#465c6a}
html[data-appearance=dark] #result .vehicle-options>button.chosen{border-color:#e6bc8f}
html[data-appearance=dark] #result :is(.vehicle-description,.vehicle-bags,.vehicle-fare small){color:#b9c8d1}
html[data-appearance=dark] #result .chosen .vehicle-select{background:#f3ead8;color:#142e3b}
@media(max-width:600px){#result{padding:30px 20px;width:calc(100vw - 20px);max-height:94dvh}#result .vehicle-options{grid-template-columns:1fr;gap:18px}#result .vehicle-art img{height:145px;object-fit:contain}#result .vehicle-card-body{padding:20px}#result .vehicle-description{min-height:0}#result .vehicle-intro h3{font-size:30px}}