/* Common chrome.  This is the only stylesheet that defines the shared header. */
.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;min-height:78px;padding:12px max(24px,calc((100vw - 1200px)/2));gap:28px;color:#fff;background:#07334d;border:0}
.site-header .brand{display:flex;align-items:center;gap:12px;min-height:44px;color:#fff;font-size:21px;font-weight:700;text-decoration:none;white-space:nowrap}
.site-header .mark{display:grid;place-items:center;width:34px;height:34px;color:#fff;font:700 16px/1 sans-serif}
.site-header .header-nav{display:flex;align-items:center;gap:24px;margin-left:auto}
.site-header .header-link{display:flex;align-items:center;min-height:44px;color:#fff;font-size:14px;text-decoration:none;white-space:nowrap}
.site-header .theme-toggle{min-height:44px;margin-left:2px;padding:8px 12px;color:#fff;border:1px solid #668d9f;border-radius:6px;background:transparent;font:inherit;font-size:12px;white-space:nowrap}
.site-header .theme-toggle:hover{background:#164a60}
html[data-theme="dark"] .site-header{background:#15222b;border-bottom:1px solid #30434f}
html[data-theme="dark"] .site-header .theme-toggle{color:#fff;border-color:#668d9f}
@media(max-width:780px){.site-header{min-height:0;padding:10px 16px;gap:8px;align-items:flex-start;flex-wrap:wrap}.site-header .brand{font-size:18px}.site-header .header-nav{width:100%;margin:0;gap:12px;flex-wrap:wrap}.site-header .header-link{min-height:36px;font-size:12px}.site-header .theme-toggle{min-height:36px;margin-left:auto;padding:6px 8px;font-size:11px}}