/* Activity-first navigation · 2026-10-29 */
.activity-header{background:#f8f6f0ed;backdrop-filter:blur(18px)}
.activity-header .header-inner{height:80px;gap:28px}
.header-utility{display:flex;align-items:center;gap:32px;margin-left:auto}
.utility-links{display:flex;align-items:center;gap:26px}
.utility-links a{display:flex;align-items:center;min-height:44px;font-size:12px;color:#516575}
.utility-links a:hover,.utility-links a.is-current{color:var(--ink)}
.utility-links a.is-current{text-decoration:underline;text-underline-offset:6px}
.header-utility .languages{display:flex;align-items:center;gap:0}
.header-utility .languages a{display:flex;align-items:center;justify-content:center;min-height:44px;width:38px;font-size:10px}
.header-utility>.button{padding:12px 23px;min-height:46px;font-size:12px}
.direction-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;isolation:isolate;border-top:1px solid #a5b3bb40}
.direction-link{display:flex;align-items:center;gap:11px;min-height:82px;padding:16px 18px;border:0;border-radius:0;position:relative;color:#213d52;transition:background-color .18s,color .18s;cursor:pointer;list-style:none;min-width:0}
.direction-nav>.direction-link:first-child{padding-left:0}
.direction-nav>.nav-group:last-child>.direction-link{padding-right:0}
.direction-link:hover{background:#ffffff90;color:#845b32}
.direction-link::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:transparent;transition:background-color .18s}
.direction-nav>.direction-link:first-child::after{left:0}
.direction-link[aria-current]::after,.nav-group[data-active]>.direction-link::after,.nav-group[open]>.direction-link::after{background:#b98b57}
.direction-link[aria-current],.nav-group[data-active]>.direction-link,.nav-group[open]>.direction-link{color:#845b32}
.direction-icon{width:22px;height:22px;flex:0 0 22px}
.direction-copy{display:block;min-width:0}
.direction-copy strong{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:550;letter-spacing:-.02em;line-height:1.4;color:inherit}
.direction-copy small{display:block;font-size:10px;line-height:1.5;color:#526d80;margin-top:5px}
.direction-short{display:none}
.direction-chevron{width:12px;height:12px;flex:0 0 12px;transition:transform .18s}
.nav-group[open] .direction-chevron{transform:rotate(180deg)}
.nav-group{min-width:0}
.nav-group>summary::-webkit-details-marker{display:none}
.direction-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:35;display:grid;grid-template-columns:.95fr 1fr 1fr;gap:0;padding:25px;background:linear-gradient(110deg,#eef1ed,#fcfaf6 38%);border:1px solid #bdc8ca;border-radius:18px;box-shadow:0 24px 50px #203c4d22;animation:nav-reveal .18s ease-out}
.direction-intro{padding:3px 28px 3px 3px}
.direction-intro>span{display:block;font-size:10px;color:#8b653f;margin-bottom:11px}
.direction-intro>strong{font-size:21px;line-height:1.25;font-weight:500;letter-spacing:-.03em;display:block;max-width:240px}
.direction-intro>p{font-size:11px;line-height:1.75;margin:12px 0 0;max-width:250px}
.direction-card{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;padding:20px 26px;border-left:1px solid #aebdc445;transition:background-color .18s}
.direction-card:hover,.direction-card:focus-visible{background:#e6ede87a;border-radius:10px}
.direction-card[aria-current]{background:#efe3cf60;border-radius:10px}
.direction-card strong{display:block;font-size:16px;font-weight:550;line-height:1.45;letter-spacing:-.02em;color:#1c3b50}
.direction-card small{font-size:12px;line-height:1.7;color:#52697b;display:block;margin-top:10px;max-width:260px}
.direction-arrow{font-size:23px;flex-shrink:0;color:#9a7045}
.activity-header .menu-toggle{display:none}
@keyframes nav-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:861px) and (max-width:1150px){
.activity-header .header-inner{height:76px}
.header-utility{gap:24px}
.direction-link{padding:15px 10px;gap:8px;min-height:80px}
.direction-copy strong{font-size:12px;gap:5px}
.direction-copy small{font-size:9px}
.direction-icon{width:19px;height:19px;flex-basis:19px}
.direction-link::after{left:10px;right:10px}
.direction-intro{padding-right:22px}
.direction-intro>strong{font-size:19px}
.direction-card{padding:18px;gap:12px}
.direction-card strong{font-size:15px}
.direction-card small{font-size:11px}
}
@media(max-width:860px){
.activity-header .header-inner{height:72px;gap:15px}
.activity-header .menu-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-width:64px;height:44px;padding:0 4px;background:none;color:var(--ink);font-size:12px}
.activity-header .menu-toggle>span:last-child{font-size:21px}
.header-utility{display:none;position:absolute;left:0;right:0;top:100%;z-index:36;margin:0;padding:20px 22px 24px;background:#f9f7f1;border-bottom:1px solid #bbc9cf;box-shadow:0 22px 45px #29495b26}
.header-utility.open{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center}
.utility-links{width:100%;gap:26px;border-bottom:1px solid #acbcc438;padding-bottom:7px}
.utility-links a{font-size:14px}
.header-utility .languages{margin-right:auto}
.header-utility .languages a{font-size:12px;width:44px}
.header-utility>.button{font-size:12px;padding-inline:20px}
.direction-nav{grid-template-columns:repeat(6,minmax(0,1fr));width:calc(100% - 44px)}
.direction-nav>.direction-link{grid-column:span 2}
.direction-nav>.nav-group{grid-column:span 3;border-top:1px solid #afbec33b}
.direction-nav .direction-link{min-height:48px;padding:10px 8px;gap:7px;justify-content:center}
.direction-nav>.direction-link:first-child{padding-left:8px}
.direction-nav>.nav-group:last-child>.direction-link{padding-right:8px}
.direction-icon{width:17px;height:17px;flex-basis:17px}
.direction-copy strong{font-size:12px;line-height:1.35;gap:6px;white-space:nowrap}
.direction-copy small{display:none}
.direction-short{display:inline}
.direction-long{display:none}
.direction-chevron{width:11px;height:11px;flex-basis:11px}
.direction-link::after,.direction-nav>.direction-link:first-child::after{left:8px;right:8px}
.direction-panel{top:calc(100% + 7px);grid-template-columns:1fr;padding:18px;border-radius:14px;background:linear-gradient(135deg,#edf1ec,#fcfaf6);max-height:calc(100dvh - 190px);overflow:auto;overscroll-behavior:contain}
.direction-intro{padding:0 0 16px}
.direction-intro>span{margin-bottom:6px;font-size:9px}
.direction-intro>strong{font-size:19px;max-width:none}
.direction-intro>p{display:none}
.direction-card{padding:17px 3px;min-height:88px;border-left:0;border-top:1px solid #b2c0c73d;gap:18px}
.direction-card strong{font-size:15px}
.direction-card small{font-size:11px;margin-top:6px;max-width:none}
.direction-arrow{font-size:21px}
}
@media(max-width:360px){
.direction-nav{width:calc(100% - 26px)}
.direction-nav .direction-link{gap:5px;padding-inline:4px}
.direction-copy strong{font-size:11px;gap:4px}
.direction-icon{width:15px;height:15px;flex-basis:15px}
.direction-chevron{width:10px;height:10px;flex-basis:10px}
.header-utility{padding:16px}
.header-utility.open{gap:13px}
.header-utility>.button{font-size:11px;padding-inline:16px}
.direction-panel{padding:15px}
.direction-intro>strong{font-size:18px}
.direction-card strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.direction-panel,.direction-link,.direction-chevron,.direction-card{animation:none!important;transition:none!important}}