.site-header{background:var(--surface);border-bottom:0}
.site-header .header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;min-height:60px;padding:4px var(--gutter);align-items:center}
.site-header .header-brand{display:block;padding:0;background:transparent;min-width:0;justify-self:start}
.banknote-logo{display:block;width:116px;height:auto;max-width:100%;aspect-ratio:236/100}
.footer-wordmark .banknote-logo{width:196px}
.site-header .header-nav{display:flex;width:auto;order:initial;justify-content:flex-end;gap:3px;flex-wrap:nowrap;padding:0;border:0;font-size:1rem;font-weight:650}
.site-header .header-nav a{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;min-height:44px;border:1px solid transparent;text-decoration:none;color:var(--muted);line-height:1.25;white-space:nowrap}
.header-nav .icon{width:20px;height:20px;color:var(--accent)}
.site-header .header-nav a[aria-current]{color:var(--ink);border-bottom:2px solid var(--accent);text-decoration:none}
.site-header .header-nav a:hover{color:var(--ink);background:var(--wash);border-color:var(--accent)}
.site-header .header-settings{display:flex;gap:8px;border:0;padding:0;align-items:center}
.text-controls{display:flex;border:1px solid var(--line);background:var(--paper)}
.site-header .header-settings button{min-width:44px;min-height:44px;margin:0;border:0;border-radius:0;background:transparent;padding:6px;font-size:14px;line-height:1;transform:none}
.text-controls button+button{border-left:1px solid var(--line)!important}
.site-header .header-settings button:hover{background:var(--wash)}
.site-header .header-settings #theme{width:44px;height:44px;min-height:44px;border:1px solid var(--line);background:var(--paper)}
#theme .icon{width:20px;height:20px}#theme .icon:last-child{display:none}html.dark #theme .icon:first-child{display:none}html.dark #theme .icon:last-child{display:block}
.header-rule{display:grid;grid-template-columns:repeat(3,1fr);gap:0;height:2px;width:calc(100% - 2*var(--gutter));margin:auto}
.header-rule span{background:var(--money-border)}
@media(max-width:1000px){.site-header .header-inner{gap:16px}.site-header .header-nav a{padding-inline:8px;gap:5px}.site-header .header-nav{font-size:.9rem}}
@media(max-width:960px){
.site-header .header-inner{grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:8px var(--gutter) 0;min-height:100px}
.site-header .header-brand{padding:0}.site-header .banknote-logo{width:112px}
.site-header .header-nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);font-size:.875rem;gap:0;padding:0}
.site-header .header-nav a{padding:7px 2px;min-height:44px;border:0;border-bottom:2px solid transparent;gap:5px}
.site-header .header-nav a[aria-current]{border-bottom-color:var(--accent)}.site-header .header-nav a:hover{border-bottom-color:var(--accent)}
.site-header .header-nav .icon{width:14px;height:14px}.site-header .header-settings{gap:7px}

html:is([data-size="2"],[data-size="3"]) .site-header .header-nav{grid-template-columns:repeat(2,minmax(0,1fr));font-size:.8rem}
}
@media(max-width:420px){.site-header .header-nav .icon{display:none}.site-header .header-settings #theme{width:44px}}
@media(max-width:359px){.site-header .header-inner{gap:7px 8px}.site-header .banknote-logo{width:112px}.site-header .header-nav{grid-template-columns:repeat(2,minmax(0,1fr));font-size:.9rem}.site-header .header-nav .icon{display:block;width:16px;height:16px}}