/* Shared category navigation, inspired by Unimatic's compact top bar. */
.lex-topnav{position:relative;display:flex;align-items:center;gap:2px;padding:4px;background:var(--lex-surface,#f0eee6);color:#24231f;border:1px solid #d7d2c6;border-radius:7px;font:12px/1.3 Arial,sans-serif}
.lex-topnav .lex-nav-home,.lex-topnav .lex-nav-trigger{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 13px;min-height:44px;border:0;border-radius:4px;color:#24231f;background:transparent;font:inherit;white-space:nowrap;text-decoration:none;cursor:pointer}
.lex-topnav .lex-nav-trigger:hover,.lex-topnav .lex-nav-home:hover,.lex-topnav .lex-nav-trigger[aria-expanded=true]{background:#e2ddcf;color:#24231f}
.lex-topnav [aria-current=page],.lex-topnav .is-current{box-shadow:inset 0 -2px #806827}
.lex-nav-panel{position:absolute;left:0;top:calc(100% + 9px);width:660px;max-width:calc(100vw - 40px);display:grid;grid-template-columns:1fr 1.25fr;gap:30px;padding:30px;background:#faf9f5;color:#24231f;border:1px solid #d7d2c6;border-radius:7px;box-shadow:0 16px 36px #15130e18;text-align:left;z-index:50}
.lex-nav-panel[hidden]{display:none}
.lex-nav-intro>span{font:10px/1.5 Arial,sans-serif;letter-spacing:1.3px;color:#66635b}
.lex-topnav .lex-nav-intro h2{font:30px/1.15 Georgia,serif;letter-spacing:-.5px;margin:18px 0 12px}
.lex-topnav .lex-nav-intro p{font:14px/1.6 Arial,sans-serif;margin:0;color:#66635b}
.lex-nav-links{display:grid;align-content:start}
.lex-topnav .lex-nav-links a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;min-height:48px;border-bottom:1px solid #ded9cd;font:14px/1.4 Arial,sans-serif;color:#24231f;text-decoration:none}
.lex-topnav .lex-nav-links a:hover{color:#79601e}
.lex-topnav .lex-nav-links a[aria-current=page]{font-weight:bold;box-shadow:none}
.site-header{gap:20px;padding-left:4%;padding-right:4%}.site-header .header-end{gap:16px}
@media(min-width:1200px){.site-header .menu-toggle,body>header .header-actions #explore-button{display:none}body>header:has(.lex-topnav):not(.site-header){grid-template-columns:auto 1fr auto;align-items:center}body>header .lex-topnav{justify-self:center}body>header .header-actions{grid-column:3;grid-row:1}}
@media(max-width:1199px){.lex-topnav{display:none}.site-header .menu-toggle{display:flex}}
.site-menu .lex-mobile-categories,#explore-menu .lex-mobile-categories{display:block}
.lex-mobile-categories details{border-bottom:1px solid #ccc6b9}
.lex-mobile-categories summary{font:26px/1.3 Georgia,serif;min-height:60px;padding:17px 0;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}
.lex-mobile-categories summary::-webkit-details-marker{display:none}.lex-mobile-categories summary:after{content:'+';font:22px Arial,sans-serif}.lex-mobile-categories details[open]>summary:after{content:'−'}
.site-menu .lex-mobile-categories a,#explore-menu .lex-mobile-categories a{display:flex;justify-content:space-between;align-items:center;gap:12px;font:16px/1.4 Arial,sans-serif;min-height:48px;padding:12px 8px;letter-spacing:0;border:0;color:#24231f}
.site-menu .lex-mobile-categories .lex-mobile-overview,#explore-menu .lex-mobile-categories .lex-mobile-overview{font:26px/1.3 Georgia,serif;padding:15px 0;border-bottom:1px solid #ccc6b9}
.lex-mobile-categories details>div{padding:0 0 16px 12px}
.site-menu .lex-mobile-categories a[aria-current=page],#explore-menu .lex-mobile-categories a[aria-current=page]{background:#e7e2d5;border-left:2px solid #806827;font-weight:600}
.lex-mobile-categories summary:focus-visible,.lex-topnav :focus-visible{outline:3px solid #806827;outline-offset:3px}

/* The journey reveals site navigation only on its final Lex screen. */
body:has(#world):not(.journey-menu-ready) .lex-topnav,body:has(#world):not(.journey-menu-ready) #explore-button,
body:has(#loading:not(.done)) .lex-topnav,body:has(#loading:not(.done)) #explore-button{visibility:hidden;pointer-events:none}