.site-header{position:relative;z-index:20;--header-gutter:clamp(16px,3vw,40px);--finder-start:324px;display:grid;grid-template-columns:calc(var(--finder-start) - var(--header-gutter) - 8px) minmax(0,1fr);align-items:center;min-height:68px;padding:10px var(--header-gutter);box-sizing:border-box;background:#0c182b;border-bottom:1px solid #354259;color:#e9edf4}
.site-header [hidden]{display:none!important}
.site-brand{display:inline-flex;align-items:center;gap:10px;color:#efc780;text-decoration:none;font-size:21px;font-weight:750;letter-spacing:.025em;white-space:nowrap}
.site-brand-mark{display:block;flex:none;width:36px;height:36px}
.site-nav{min-width:0;margin:0;font-size:16px}
.site-nav-list,.site-nav-links{list-style:none;margin:0;padding:0}
.site-nav-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.site-nav-group{position:relative;border:0;margin:0;padding:0;background:transparent}
.site-nav-group>summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:12px 8px;min-height:44px;box-sizing:border-box;border-radius:0;color:#edf0f5;font-weight:600;font-size:16px}
.site-nav-group>summary::-webkit-details-marker{display:none}
.site-nav-group>summary::after{content:'⌄';font-size:18px;line-height:1;transition:transform .15s}
.site-nav-group[open]>summary::after{transform:rotate(180deg)}
.site-nav-group[data-current]>summary{color:#efc780}
.site-nav-group>summary:hover,.site-nav-group[open]>summary{color:#f4d89e;background:transparent;text-decoration:underline;text-decoration-color:#d5ad6d;text-underline-offset:8px;text-decoration-thickness:1px}
.site-nav-links a:hover{background:#1d304c}
.site-nav-links{position:absolute;left:0;top:calc(100% + 2px);width:238px;padding:6px;background:#12233b;border:1px solid #40516a;border-radius:5px;box-shadow:0 5px 14px #0003;box-sizing:border-box}
.site-nav-links a{display:block;padding:12px 14px;min-height:44px;box-sizing:border-box;color:#e9edf4;text-decoration:none;border-radius:4px;line-height:1.35}
.site-nav-links a[aria-current=page],.site-nav-links a[aria-current=true]{color:#efc780;background:#24354d;box-shadow:inset 3px 0 #d5ad6d}
.site-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;margin-left:auto;padding:8px 12px;border:1px solid #53627a;border-radius:6px;background:#15263d;color:#edf0f5;font:600 16px system-ui;cursor:pointer}
.site-menu-toggle svg{width:20px;height:20px;flex:none}
.site-header :is(a,button,summary):focus-visible{outline:3px solid #f1ce8e;outline-offset:3px}
@media(min-width:1800px){.site-header{--finder-start:calc(324px + (100vw - 1800px)/2)}}
@media(min-width:701px) and (max-width:1100px){.site-header{--finder-start:292px}}
@media(max-width:700px){
 .site-header{display:flex;gap:8px 12px;flex-wrap:wrap;min-height:64px;padding:8px 16px}
 .site-brand{font-size:20px}
 .site-nav{flex-basis:100%;width:100%;margin:0;padding-top:4px;border-top:1px solid #354259}
 .site-nav-list{display:block}
 .site-nav-group>summary{padding:12px 8px;justify-content:space-between}
 .site-nav-links{position:static;width:100%;margin:2px 0 8px;box-shadow:none}
}
.site-nav-top{display:flex;align-items:center;padding:12px 8px;min-height:44px;box-sizing:border-box;color:#edf0f5;font-weight:600;font-size:16px;text-decoration:none}
.site-nav-top:hover{color:#f4d89e;text-decoration:underline;text-decoration-color:#d5ad6d;text-underline-offset:8px}
.site-nav-top[aria-current=page]{color:#efc780}
.site-nav-account{margin-left:auto}
.site-nav-signin{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;box-sizing:border-box;border:1px solid #d5ad6d;border-radius:6px;background:#efc780;color:#14233a;font-weight:700;text-decoration:none;white-space:nowrap}
.site-nav-signin:hover{background:#f4d89e}
@media(max-width:700px){.site-nav-account{margin:8px 0 4px}.site-nav-signin{display:flex;justify-content:center}}
.home-title{font-size:26px;line-height:1.2;margin:0 0 18px}
/* Open dropdown sits above the rows that follow it (the menu wraps to two rows on tablets and long translations). */
.site-nav-group[open]{z-index:6}
/* Tablet widths: the last two groups open towards the left so the panel stays inside the screen. */
@media(min-width:701px) and (max-width:900px){.site-nav-list>li:nth-last-child(-n+2)>.site-nav-group>.site-nav-links{left:auto;right:0}}
/* Landscape phones: a long dropdown scrolls inside itself instead of running below the screen. */
@media(min-width:701px) and (max-height:520px){.site-nav-links{max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain}}
