/* Icon and menu text remain easy to hit, without visible boxes. */
body>header#hdr .header-search,body>header#hdr .main-nav-toggle{border:0;background:transparent;box-shadow:none}
body>header#hdr .header-search:hover,body>header#hdr .main-nav-toggle:hover{background:transparent;color:var(--signal)}
/* Search uses its existing underline for focus, without a surrounding box. */
.ride-search .search-field:focus,.ride-search .search-field:focus-visible{outline:none;box-shadow:none;border-bottom-color:var(--paper)}
/* On Road Tours follows Great Crossing: a quiet label and an active arrow. */
body>header#hdr nav.main .on-road-nav:has(.on-road-toggle[aria-expanded=true])>.on-road-link{background:transparent;box-shadow:none}
body>header#hdr nav.main .on-road-toggle[aria-expanded=true]{background:#2c2b23;box-shadow:none;color:var(--signal)}
body>header#hdr nav.main .destination-panel a:hover,body>header#hdr nav.main .destination-panel a:focus-visible{box-shadow:none}
/* Hainan is a modest invitation after the main enquiry, not another hero. */
#hainan{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
#hainan .hainan-inner{display:grid;grid-template-columns:180px 1fr auto;gap:28px;align-items:center;padding-top:28px;padding-bottom:28px}
.hainan-picture{height:116px;background:linear-gradient(145deg,#c2dbd4,#3e8c91 60%,#1d6269);position:relative}
.hainan-picture::after{content:'HAINAN';position:absolute;left:18px;bottom:14px;font:400 26px/1 var(--display);letter-spacing:.02em;color:white}
#hainan .bridge-eyebrow{font:500 11px/1.4 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--stone);margin:0 0 8px}
#hainan h2{font:400 29px/1.1 var(--display);margin:0 0 10px;text-transform:uppercase}
#hainan .hainan-copy>p:last-child{font:400 14px/1.6 var(--body);color:var(--stone);margin:0;max-width:58ch}
.hainan-enquire{color:var(--green);font:500 14px/1.5 var(--body);text-decoration:none;border-bottom:1px solid currentColor;padding:8px 0;white-space:nowrap}
.hainan-enquire:focus-visible{outline:2px solid var(--signal);outline-offset:5px}
#plan,#fqRoute{scroll-margin-top:110px}
.hainan-selection-note{font:400 13px/1.6 var(--body);color:var(--paper);margin:10px 0 0;text-align:left}
@media(max-width:800px){#hainan .hainan-inner{grid-template-columns:100px 1fr;gap:18px}.hainan-picture{height:116px;grid-row:span 2}#hainan h2{font-size:26px}.hainan-enquire{justify-self:start;grid-column:2}#hainan .hainan-copy>p:last-child{font-size:13px}}

/* Homepage Garage navigation clears the established fixed header. */
#garage{scroll-margin-top:94px}