.site-header{position:relative;z-index:30;border-bottom:1px solid var(--hairline);background:oklch(0.135 0.017 210.139 / 0.9)}
.site-header-inner{max-width:1120px;margin:auto;padding:18px 24px;display:flex;align-items:center;gap:32px;min-height:76px;box-sizing:border-box}
.site-header .brand-lockup{flex-shrink:0}.site-header .brand-icon{width:30px;height:30px;border-radius:8px}.site-header .brand-name{font-size:17px}
.site-menu{margin-inline-start:auto}.site-menu-toggle{display:none}.site-menu>.site-nav{display:flex!important;align-items:center;gap:4px}
.site-nav>a,.learn-menu>summary{display:flex;align-items:center;gap:7px;padding:10px 12px;color:oklch(0.819 0.012 209.802);font-size:14px;font-weight:400;line-height:20px;text-decoration:none;border-radius:7px;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}
.site-nav>a:hover,.learn-menu>summary:hover,.site-nav [aria-current="page"],.learn-menu[open]>summary{background:oklch(1 0 0 / 0.065);color:oklch(1 0 0)}
.site-header summary{list-style:none}.site-header summary::-webkit-details-marker{display:none}.nav-chevron{width:5px;height:5px;border-inline-end:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 2px 3px 5px}.learn-menu[open] .nav-chevron{transform:rotate(225deg);margin-bottom:-2px}
.learn-menu{position:relative}.learn-panel{position:absolute;top:calc(100% + 16px);inset-inline-start:-14px;width:310px;padding:12px;border:1px solid oklch(0.321 0.019 207.055);border-radius:14px;background:oklch(0.213 0.017 216.558);box-shadow:0 20px 60px oklch(0 0 0 / 0.533)}.learn-panel>p{font-size:11px;letter-spacing:.02em;color:oklch(0.677 0.021 212.584);margin:7px 12px 10px}.learn-panel>a{display:flex;flex-direction:column;gap:4px;padding:13px 12px;border-radius:8px;color:oklch(0.957 0.007 208.783);text-decoration:none;font-size:14px}.learn-panel>a:hover,.learn-panel>a[aria-current]{background:oklch(1 0 0 / 0.035)}.learn-panel small{font-size:12px;color:oklch(0.753 0.017 211.047);font-weight:400}
.site-nav .nav-language{margin-inline-start:8px;padding-inline-start:20px;border-inline-start:1px solid var(--hairline);border-radius:0}
.nav-download{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;padding:10px 16px;border:1px solid oklch(1 0 0 / 0.141);border-radius:9px;color:oklch(0.957 0.007 208.783);background:oklch(1 0 0 / 0.031);text-decoration:none;font-size:13px;line-height:20px;white-space:nowrap}.nav-download:hover{background:oklch(1 0 0 / 0.078)}.nav-download span{color:var(--accent)}
.site-header a:focus-visible,.site-header summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(min-width:861px){.site-menu::details-content{content-visibility:visible}}
@media(max-width:860px){.site-header-inner{padding:14px 20px;gap:16px;min-height:70px}.site-menu{order:3;margin-inline-start:0}.nav-download{margin-inline-start:auto;padding:8px 12px}.site-menu-toggle{display:flex;align-items:center;gap:9px;font-size:13px;color:oklch(0.907 0.01 212.523);cursor:pointer;min-height:40px}.menu-lines{width:16px;height:8px;border-block:1px solid currentColor}.site-menu>.site-nav{display:none!important}.site-menu[open]>.site-nav{display:flex!important;position:absolute;top:100%;inset-inline:0;flex-direction:column;align-items:stretch;gap:3px;padding:16px 20px 24px;background:oklch(0.187 0.016 218.522);border-bottom:1px solid oklch(1 0 0 / 0.125);box-shadow:0 24px 30px oklch(0 0 0 / 0.4);max-height:calc(100dvh - 90px);overflow:auto}.site-nav>a,.learn-menu>summary{font-size:16px;padding:13px 14px}.learn-panel{position:static;width:auto;margin:4px 12px 8px;padding:6px;background:oklch(1 0 0 / 0.012);box-shadow:none;border-color:oklch(1 0 0 / 0.071);border-radius:8px}.learn-panel>p{display:none}.learn-panel>a{padding:12px}.site-nav .nav-language{border-inline-start:0;border-top:1px solid var(--hairline);margin:10px 0 0;padding:17px 14px 8px;align-self:stretch}.learn-menu>summary{justify-content:space-between}}
@media(max-width:380px){.site-header-inner{padding-inline:14px;gap:12px}.site-header .brand-name{font-size:15px}.site-header .brand-icon{width:26px;height:26px}.nav-download{font-size:12px;padding-inline:9px;gap:6px}}
@media print{.site-header{display:none}}