/* Shared navigation for the homepage and all feature pages. */
.aks-site-header{position:relative;overflow:visible}
.aks-site-header .aks-nav-links{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;gap:22px;max-width:none;width:auto;margin:0;padding:0;font:14px/1.5 Arial,Helvetica,sans-serif;letter-spacing:normal;text-align:left}
.aks-site-header .aks-nav-links>a,.aks-site-header .aks-explore>summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;width:auto;margin:0;padding:8px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#164b88;font:inherit;white-space:nowrap;text-decoration:none;cursor:pointer}
.aks-site-header .aks-nav-links>a:hover,.aks-site-header .aks-explore>summary:hover{color:#377fc5;background:transparent}
.aks-site-header .aks-nav-links>a[aria-current="page"],.aks-site-header .aks-explore>summary[data-current="true"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:#377fc5}
.aks-site-header .aks-explore{position:relative}
.aks-site-header .aks-explore>summary{list-style:none}
.aks-site-header .aks-explore>summary::-webkit-details-marker{display:none}
.aks-site-header .aks-explore>summary .aks-nav-chevron{transition:transform .15s}
.aks-site-header .aks-explore[open]>summary svg{transform:rotate(180deg)}
.aks-site-header .aks-explore-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:1000;width:274px;max-width:calc(100vw - 48px);padding:8px;border:1px solid #dce7f2;border-radius:10px;background:#fff;box-shadow:0 12px 30px #164b8820}
.aks-site-header .aks-explore-panel>a{display:flex;align-items:center;justify-content:flex-start;min-height:44px;margin:0;padding:10px 12px;border:0;border-radius:5px;background:#fff;box-shadow:none;color:#164b88;font:14px/1.5 Arial,Helvetica,sans-serif;text-align:left;white-space:normal;text-decoration:none}
.aks-site-header .aks-explore-panel>a:hover,.aks-site-header .aks-explore-panel>a[aria-current]{background:#edf5fc}
.aks-site-header .aks-explore-panel>a[aria-current]{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.aks-site-header .aks-nav-links a:focus-visible,.aks-site-header .aks-explore>summary:focus-visible{outline:3px solid #377fc5;outline-offset:3px}
@media(max-width:850px){.aks-site-header .aks-nav-links{gap:16px}}
@media(max-width:600px){
 .aks-site-header.site-nav{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
 .aks-site-header .aks-nav-links{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:none;font-size:13px}
 .aks-site-header .aks-explore{position:static}
 .aks-site-header .aks-explore-panel{right:0;left:0;top:calc(100% + 7px);width:auto;max-width:none;max-height:65vh;overflow-y:auto;overscroll-behavior:contain}
 .aks-site-header .aks-nav-links>a,.aks-site-header .aks-explore>summary{padding:8px 0;min-height:44px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.aks-site-header .aks-explore>summary .aks-nav-chevron{transition:none}}
@media print{.aks-site-header .aks-explore-panel{display:none}}

/* Outline illustrations and softly highlighted navigation, matching the reference. */
.aks-site-header .aks-nav-links{gap:12px}
.aks-site-header .aks-nav-links>a,.aks-site-header .aks-explore>summary{flex-direction:column;gap:7px;padding:10px 14px;min-height:74px;border-radius:8px;text-decoration:none}
.aks-site-header .aks-nav-links>a[aria-current="page"],.aks-site-header .aks-explore>summary[data-current="true"]{background:#e3effc;text-decoration:none;font-weight:600}
.aks-site-header .aks-nav-links>a:hover,.aks-site-header .aks-explore>summary:hover,.aks-site-header .aks-explore[open]>summary{background:#edf5fd}
.aks-site-header .aks-nav-icon{display:block;width:27px;height:27px;flex:0 0 27px;color:#164b88}
.aks-site-header .aks-nav-label{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.aks-site-header .aks-nav-chevron{flex:none}
@media(max-width:850px) and (min-width:601px){.aks-site-header .aks-nav-links{gap:4px}.aks-site-header .aks-nav-links>a,.aks-site-header .aks-explore>summary{padding:9px 8px;font-size:13px}}
@media(max-width:600px){
 .aks-site-header .aks-nav-links{display:grid;grid-template-columns:1fr 1fr 1.55fr 1fr;gap:5px;align-items:stretch}
 .aks-site-header .aks-nav-links>a,.aks-site-header .aks-explore>summary{width:100%;min-height:65px;padding:8px 3px;gap:7px;font-size:13px;line-height:1.3}
 .aks-site-header .aks-explore>summary{height:100%;box-sizing:border-box}
 .aks-site-header .aks-nav-icon{width:25px;height:25px;flex-basis:25px}
 .aks-site-header .aks-nav-label{gap:4px}
 .aks-site-header.site-nav{gap:18px}
}
@media(max-width:360px){.aks-site-header .aks-nav-links{gap:2px}.aks-site-header .aks-nav-links>a,.aks-site-header .aks-explore>summary{font-size:12px;padding-left:1px;padding-right:1px}}

/* Keep all four mobile labels on one aligned line. */
@media(max-width:600px){
 .aks-site-header .aks-nav-links{grid-template-columns:repeat(4,max-content);justify-content:space-between;gap:2px}
 .aks-site-header .aks-nav-links>a,.aks-site-header .aks-explore>summary{width:auto;min-height:66px;padding:8px 3px;gap:7px;font-size:clamp(11px,3.15vw,13px);line-height:1.3;box-sizing:border-box}
 .aks-site-header .aks-nav-label{min-height:18px;line-height:18px;white-space:nowrap;text-align:center;gap:3px}
 .aks-site-header .aks-nav-links>a[href="./trivia.html"] .aks-nav-label{white-space:nowrap;max-width:none}
 .aks-site-header .aks-nav-chevron{width:10px;height:10px}
 .aks-site-header .aks-explore>summary{height:100%}
}

/* Reuse each feature's homepage illustration in the discovery menu. */
.aks-site-header .aks-explore-panel>a{gap:11px}
.aks-site-header .aks-menu-illustration{display:block;width:32px;height:32px;flex:0 0 32px;object-fit:contain}
.aks-site-header .aks-explore-panel>a>span{min-width:0}

/* Keep illustrations beside their labels despite homepage navigation styles. */
.aks-site-header .aks-nav-links .aks-explore-panel>a{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;text-align:left}
.aks-site-header .aks-nav-links .aks-explore-panel>a>span{display:block;flex:1;white-space:normal}

/* Centre feature-page branding without changing logo dimensions. */
.aks-site-header.site-nav{display:flex;flex-direction:column;align-items:center;gap:18px}
.aks-site-header.site-nav .site-brand{align-self:center;margin-inline:auto;text-align:center}
.aks-site-header.site-nav .site-logo{margin-inline:auto}
.aks-site-header.site-nav .brand-tagline{text-align:center}
.aks-site-header.site-nav .aks-nav-links{justify-content:center}
@media(max-width:600px){.aks-site-header.site-nav .aks-nav-links{justify-content:space-between}}