/* Keep account access visible independently of the collapsible navigation. */
.site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand nav tools account";gap:12px 20px;height:auto;overflow:visible;align-items:center}
.site-header .brand{grid-area:brand;min-width:0}
.site-header .header-member{grid-area:tools;min-width:0;width:auto;margin:0!important;display:flex;flex-wrap:wrap;gap:8px}
.site-header .member-link{grid-area:account;display:flex;min-height:44px;min-width:0;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:.875rem;line-height:1.4;white-space:normal}
.site-header .member-link>span:last-child{display:block;overflow-wrap:anywhere}
.site-header .member-icon{display:none}
.site-header #site-navigation{grid-area:nav;display:flex;flex-wrap:wrap;gap:6px 16px;min-width:0;width:auto;margin:0;order:initial}
.site-header #site-navigation a{display:flex;align-items:center;min-height:44px;white-space:normal;font-size:.8rem;overflow-wrap:anywhere}
.site-header .nav-toggle{grid-area:toggle;min-width:64px;min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--cream);font:600 .875rem/1.4 var(--sans)}
.site-header .nav-toggle[hidden],.site-header #site-navigation[hidden]{display:none}
.site-header .font-controls button,.site-header .theme-toggle{min-height:44px;min-width:44px}
@media(max-width:1100px){
 .site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand account" "tools toggle" "nav nav";padding:12px 16px;gap:8px 12px}
 .site-header .brand{gap:8px;justify-self:start}
 .site-header .brand-logo{width:32px;height:32px;flex-shrink:0}
 .site-header .brand>span{font-size:.95rem;letter-spacing:.12em}
 .site-header .header-member{justify-self:start;flex-wrap:wrap}
 .site-header .member-link{justify-self:end}
 .site-header .theme-toggle-label{display:none}
 .site-header .nav-toggle{justify-self:end}
 .site-header #site-navigation{border-top:1px solid var(--border);padding-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
 .site-header #site-navigation a{padding:8px 4px;font-size:.9rem;line-height:1.4}
}
@media(max-width:380px){.site-header #site-navigation{grid-template-columns:minmax(0,1fr)}}
@media print{.site-header{display:none!important}}