.site-header{position:sticky;top:0;z-index:20;background:var(--bg,#181b1a);color:var(--text,#f0f1eb);border-bottom:1px solid var(--line,#3a423c)}
.site-header-inner{width:min(1280px,calc(100% - 64px));margin-inline:auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;padding:10px 0;min-height:72px}
.site-brand{display:inline-flex;align-items:center;gap:9px;color:var(--text,#f0f1eb);font-size:1.05rem;font-weight:650;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;min-height:44px}
.site-brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:5px;background:var(--orange,var(--accent,#e3a071));color:var(--on-accent,var(--accent-dark,#261b13));font-size:1.1rem}
.site-nav{display:flex;align-items:center;flex:1;flex-wrap:wrap;gap:4px;margin:0;min-width:0}
.site-nav-link,.site-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 11px;border:0;border-radius:5px;background:transparent;color:var(--muted,#aeb8af);font:500 .8rem/1.35 system-ui,sans-serif;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}
.site-nav-link:hover,.site-nav-link[aria-current=page],.site-action:hover{color:var(--text,#f0f1eb);background:var(--panel2,var(--panel-hover,#2a302c))}
.site-nav-link:focus-visible,.site-action:focus-visible,.site-brand:focus-visible{outline:3px solid var(--orange,var(--accent,#e3a071));outline-offset:2px}
.site-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-left:auto}
.site-action{border:1px solid var(--line,#3a423c);background:var(--panel,#202522);color:var(--text,#f0f1eb)}
.site-actions .theme-toggle{font-size:1.35rem;width:44px;padding:6px}
.site-actions .hh-device-switch{min-height:44px}
.site-member-nav{display:flex;flex-wrap:wrap;gap:4px;width:100%;justify-content:flex-end}
.site-member-nav:not(:has(:not([hidden]))){display:none}
.site-header [hidden]{display:none!important}
.site-footer nav,.footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.site-footer a,.footer nav a{display:inline-flex;align-items:center;min-height:44px}
.page-shortcuts{display:flex;flex-wrap:wrap;gap:8px 24px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.8rem}
.page-shortcuts a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1100px){.site-header-inner{gap:8px 16px}.site-nav{order:3;flex-basis:100%}.site-member-nav{order:4;justify-content:flex-start}.site-nav-link{flex:1}.site-actions{margin-left:auto}}
@media(max-width:600px){.site-header-inner{width:calc(100% - 32px);gap:6px 12px;padding:8px 0}.site-brand{font-size:.95rem}.site-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.site-nav-link{min-width:0;padding:9px 6px;font-size:.75rem;white-space:normal;overflow-wrap:anywhere}.site-actions.nav-actions{width:100%;margin-left:0;justify-content:flex-start}.site-member-nav .site-nav-link{flex:0 1 auto}.site-footer{align-items:flex-start}.site-footer nav{gap:4px 14px}.page-shortcuts{padding:10px 0}}

.notes-page .site-footer{color:#b8c0b9;border-color:#39423c}