.experience-menu-trigger{border:0;background:transparent;color:#fff;padding:5px 0;font:600 14px/1.3 Arial,sans-serif;cursor:pointer}
.experience-menu-trigger:focus-visible{outline:2px solid #e7cb8c;outline-offset:3px;border-radius:8px}
.experience-menu{position:fixed;z-index:1100;padding:9px;border:1px solid #b79b61;border-radius:22px;background:#20382e;box-shadow:0 12px 35px #0005;color:#f6f1e5;box-sizing:border-box}
.experience-menu[hidden]{display:none}
.experience-menu-option{position:relative;display:block;width:100%;text-align:left;border:0;border-radius:15px;background:transparent;color:#f6f1e5;padding:13px 31px 13px 15px;cursor:pointer}
.experience-menu-option strong{display:block;font:400 21px/1.2 Georgia,serif}
.experience-menu-option small{display:block;font:400 13px/1.4 Arial,sans-serif;color:#bdcbbf;margin-top:5px}
.experience-menu-option:hover,.experience-menu-option:focus-visible{background:#344e3e;outline:none}
.experience-menu-option[aria-checked=true]{background:#f4efdf;color:#20382e}
.experience-menu-option[aria-checked=true] small{color:#617064}
.experience-menu-option[aria-checked=true]:after{content:'✓';position:absolute;right:12px;top:17px;color:#967237;font-size:18px}

/* Facts uses the same persistent navigation row as Essentials. */
#nav .facts-tabs{display:none;position:static;top:auto;z-index:auto;background:none;padding:0;gap:16px;overflow:visible;align-items:center}
body.tour-facts #nav .facts-tabs{display:flex}
#nav .facts-tabs button{position:relative;border:0;border-radius:0;padding:9px 0;background:transparent;color:#f4f0e8;font:400 13px/1.3 Arial,sans-serif;white-space:nowrap}
#nav .facts-tabs button[aria-selected=true]{background:transparent;color:#e7cb8c}
#nav .facts-tabs button[aria-selected=true]:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;background:#e7cb8c}
#nav .facts-tabs button:focus-visible{outline:2px solid #e7cb8c;outline-offset:3px}
@media(max-width:560px){#nav .facts-tabs{gap:13px}#nav .facts-tabs button{padding:9px 0}}

/* Balance navigation across the available width instead of clustering right. */
#nav .nav-links{flex:1;min-width:0;justify-content:space-evenly}
#nav .facts-tabs{flex:1;justify-content:space-evenly;gap:clamp(13px,1.5vw,24px)}
@media(max-width:1280px){
 #nav .nav-inner{display:flex;flex-direction:column;align-items:center;gap:10px}
 #nav .brand-cluster{justify-content:center;margin-bottom:0}
 #nav .nav-links{width:100%;justify-content:center;flex-wrap:wrap;overflow:visible;gap:16px}
}
@media(max-width:700px){
 #nav .facts-tabs{flex:1 0 100%;justify-content:space-evenly;gap:10px}
 #nav .nav-links{gap:12px}
}


#tour-mode[hidden]{display:none!important}