.site-header{--header-height:88px;height:var(--header-height);position:fixed}
.site-header+main .guide-hub-hero{padding-top:123px}
.nav-shell{gap:16px}
.header-search-slot{flex:1;min-width:130px;max-width:400px}
.header-search{display:flex;align-items:center;gap:10px;height:42px;width:100%;border:1px solid #dce8e8;border-radius:12px;padding:4px 5px 4px 13px;background:#fff}
.header-search[hidden],.nav-dropdown-panel[hidden]{display:none}
.header-search svg{width:17px;height:17px;fill:none;stroke:#789397;stroke-width:1.8;flex:none}
.header-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}
.header-search:focus-within{border-color:var(--teal-dark);box-shadow:0 0 0 3px #0cc5b61a}
.header-search button{flex:none;display:grid;place-items:center;width:33px;height:32px;border:0;border-radius:8px;background:var(--teal);color:#fff;font-size:20px}
.header-search button:hover{background:var(--teal-dark)}
.primary-nav{gap:18px;flex:none}
.nav-dropdown{position:relative}
.nav-dropdown-toggle{display:flex;gap:7px;align-items:center;min-height:48px;padding:0;border:0;background:transparent;font-size:14px;font-weight:700;color:#4e6269}
.nav-dropdown-toggle span{font-size:15px;transition:transform .15s}
.nav-dropdown-toggle[aria-expanded=true] span{transform:rotate(180deg)}
.nav-dropdown-toggle:hover,.nav-dropdown-toggle[aria-current=true]{color:var(--teal-dark)}
.nav-dropdown-toggle:focus-visible,.nav-dropdown-panel a:focus-visible{outline:2px solid var(--teal-dark);outline-offset:4px;border-radius:5px}
.nav-dropdown-panel{position:absolute;top:100%;right:-20px;display:grid;gap:3px;padding:14px;background:#fff;border:1px solid #dfebe9;border-radius:16px;box-shadow:0 16px 45px #133e4026;max-height:calc(100dvh - 112px);overflow:auto}
.nav-categories-panel{width:410px;grid-template-columns:repeat(2,minmax(0,1fr))}
.nav-guides-panel{width:370px}
.nav-languages-panel{width:155px}
.language-dropdown .nav-dropdown-toggle{white-space:nowrap}
.primary-nav .nav-dropdown-panel a{padding:11px 12px;font-size:13px;line-height:1.5;color:#4e6269;border-radius:8px;font-weight:600}
.primary-nav .nav-dropdown-panel a:hover{background:#edf9f7;color:var(--teal-dark)}
.primary-nav .nav-dropdown-panel a[aria-current=page]{background:#edf9f7;color:var(--teal-dark)}
.primary-nav .nav-dropdown-panel a[aria-current=page]:after{display:none}
.primary-nav .nav-dropdown-panel .nav-dropdown-all{grid-column:1/-1;color:var(--teal-dark);font-weight:800}
@media(max-width:1100px){
 .site-header{--header-height:70px}.site-header.has-header-search{--header-height:124px}
 .nav-shell{flex-wrap:wrap;align-content:center;gap:0 18px}
 .nav-shell>.brand{height:70px}.nav-shell .brand img{width:125px}.nav-shell .brand-label{font-size:16px}
 .header-search-slot{order:3;flex-basis:100%;max-width:none;height:54px;padding-bottom:12px;min-width:0}
 .header-search-slot:has(.header-search[hidden]){display:none}
 .header-search{height:42px}
 .menu-toggle{margin-left:auto;display:flex;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:5px}
 .menu-toggle span{width:18px;height:2px;background:var(--ink);border-radius:2px}
 .nav-cta{display:none}
 .primary-nav{display:none;position:absolute;left:0;right:0;top:var(--header-height);background:#fff;border-bottom:1px solid var(--line);padding:12px 20px;box-shadow:0 20px 30px #0000000f;max-height:calc(100dvh - var(--header-height));overflow:auto}
 .primary-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .primary-nav>a{padding:14px 5px}
 .nav-dropdown-toggle{width:100%;justify-content:space-between;padding:0 5px}
 .nav-dropdown-panel{position:static;width:100%;max-height:none;box-shadow:none;border-radius:10px;margin:0 0 8px;padding:6px;background:#f5faf9}
 .nav-categories-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nav-languages-panel{width:100%}
 .site-header.has-header-search+main .page-hero,.site-header.has-header-search+main .guide-hub-hero{padding-top:160px}
 .site-header.has-header-search+main .article-hero-inner{padding-top:160px}
 .site-header.has-header-search+main .category-hero-inner>div:first-child{padding-top:160px}
}
@media(prefers-reduced-motion:reduce){.nav-dropdown-toggle span{transition:none}}