/* Shared by Next.js pages and the D1-rendered blog/admin. */
.site-header{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 40px;border-bottom:1px solid var(--line);line-height:1.65}
.site-header .wordmark{font-weight:750;font-size:27px;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.site-header .wordmark:hover{color:var(--text)}
.site-header nav{display:flex;align-items:center;gap:26px;font-size:13px}.site-header .nav-link{color:var(--muted)}
.site-header .language,.site-header .theme-trigger{border:1px solid var(--line);border-radius:8px;padding:7px 11px;font:inherit;font-size:12px;min-height:38px;display:inline-flex;align-items:center;gap:9px;background:var(--panel);color:var(--text);font-weight:400}
.site-header .theme-icon-button{width:40px;height:40px;padding:9px;justify-content:center;cursor:pointer}.site-header button:hover{border-color:var(--accent)}.site-header a:hover{color:var(--accent-text)}.site-header :focus-visible{outline:3px solid var(--accent-text);outline-offset:4px}
.theme-sun{display:none}.theme-moon{display:block}:root[data-theme=dark] .theme-sun{display:block}:root[data-theme=dark] .theme-moon{display:none}
.brand-logo{width:148px;height:30px;display:block;flex:none}.brand-logo-dark{display:none}:root[data-theme=dark] .brand-logo-light{display:none}:root[data-theme=dark] .brand-logo-dark{display:block}
.site-header .mobile-navigation{display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .theme-sun{display:block}:root:not([data-theme=light]):not([data-theme=dark]) .theme-moon{display:none}:root:not([data-theme=light]):not([data-theme=dark]) .brand-logo-light{display:none}:root:not([data-theme=light]):not([data-theme=dark]) .brand-logo-dark{display:block}}
@media(max-width:1000px){.site-header nav{gap:18px}}
@media(max-width:767px){.site-header{padding:20px;gap:10px;flex-wrap:wrap}.site-header .wordmark{font-size:23px}.site-header nav{gap:12px}.site-header .nav-link{display:none}.site-header .theme-trigger,.site-header .language{min-height:40px}.brand-logo{width:138px;height:28px}.site-header .mobile-navigation{display:flex;width:100%;padding-top:12px;border-top:1px solid var(--line);justify-content:space-between;margin-top:3px;font-size:12px}.site-header .mobile-navigation a{display:flex;align-items:center;gap:10px;min-height:32px}}