/* Lex harmony: shared roles for the journey chrome and editorial pages. */
:root{--lex-paper:#faf9f5;--lex-surface:#f0eee6;--lex-ink:#24231f;--lex-muted:#66635b;--lex-gold:#CBA13A;--lex-hover:#FFE8A8;--lex-link:#79601e;--lex-focus:#806827;--lex-border:#827c6d;--lex-error:#9e2924}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--lex-focus);outline-offset:4px}
.site-menu,#explore-menu{background:var(--lex-surface);color:var(--lex-ink)}
#explore-menu nav a{color:var(--lex-ink)}
#view-settings,#details{background:var(--lex-paper);color:var(--lex-ink)}
#view-settings #done-view{background:var(--lex-gold);color:var(--lex-ink);border-color:var(--lex-gold)}
#view-settings #done-view:hover{background:var(--lex-hover)}
body .travel-controls #asklex-link,body.night .travel-controls #asklex-link{color:#984509}
body .travel-controls #asklex-link:hover,body.night .travel-controls #asklex-link:hover{color:#763308}
body:has(.site-header){--paper:var(--lex-paper);--ink:var(--lex-ink);--muted:var(--lex-muted);--gold:var(--lex-gold);--hover:var(--lex-hover)}
.site-header a:hover,.page-body a:hover,.contents a:hover,.site-menu a:hover{color:var(--lex-link)}
.site-header a.button:hover,.page-body a.button:hover{color:var(--lex-ink)}
.site-header :focus-visible,.page-body :focus-visible,.contents :focus-visible,.site-menu :focus-visible{outline-color:var(--lex-focus)}
.new-footer :focus-visible{outline-color:var(--lex-hover)}
.site-menu nav a[aria-current=page]{font-weight:600;border-left:3px solid var(--lex-focus);padding-left:16px;background:#e7e2d5}
.new-footer nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.contents a[aria-current=location]{color:var(--lex-ink);font-weight:600;border-left:2px solid var(--lex-focus);padding-left:12px}
.page-body input:not([type=checkbox]):not([type=radio]),.page-body select,.page-body textarea{border-color:var(--lex-border)}
.page-body [aria-invalid=true]{border-color:var(--lex-error)!important}
.page-body .form-message,.page-body .form-success{padding:24px;background:var(--lex-surface);border-left:3px solid var(--lex-focus);border-radius:4px;margin:24px 0;scroll-margin-top:110px}
.page-body .form-message.error{border-color:var(--lex-error);color:var(--lex-error);font-size:15px}
.page-body .form-success h3{margin:0 0 14px}.page-body .form-success p{margin:0}
.page-body .form-note{font-size:14px;line-height:1.7}.page-body .form-note a{text-decoration:underline;text-underline-offset:3px}
.site-menu .menu-close{position:sticky;top:0;background:var(--lex-surface)}
@media(max-width:1100px){
 #content:has(.contents){display:block}
 .contents{display:block;position:static;width:100%;max-height:none;margin:0 0 32px;padding:16px 0;border-bottom:1px solid var(--line)}
 .contents a{display:inline-block;min-height:44px;padding:12px;margin:3px 8px 3px 0;border:1px solid #c7c2b5;border-radius:5px;font-size:12px}
 .contents a[aria-current=location]{padding-left:12px;border:1px solid var(--lex-focus);background:var(--lex-surface)}
}
@media(max-width:700px){.site-header .menu-toggle{width:auto;min-width:44px;min-height:44px;font-size:12px;gap:9px}.site-header .header-end{gap:12px}}