.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;max-width:1160px;margin:auto;padding:22px 24px;border-bottom:1px solid #2b383c}
.site-header .header-copy{min-width:0}
.site-header .brand{display:block;font-family:ScoreDisplay,'Arial Narrow',system-ui,sans-serif;font-size:22px;font-weight:800;line-height:1.35;letter-spacing:.1px}
.site-header .brand .brand-misery{color:#f5c46d}
.site-header .brand .brand-company{color:#f2f4f3}
.site-header .tagline{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:12px;line-height:1.5;color:#aebbbf;margin:6px 0 0;max-width:440px}
.site-header .header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.site-header .site-nav{width:auto;display:flex;flex-wrap:nowrap;gap:18px;font-size:14px;line-height:1.4;font-family:Inter,system-ui,-apple-system,sans-serif}
.site-header .site-nav a{display:flex;align-items:center;min-height:44px;padding:8px 0;color:#aebbbf;border-bottom:2px solid transparent}
.site-header .site-nav a.active{color:#f5c46d;border-bottom-color:#f5c46d;font-weight:700}
.site-header .site-nav a:hover{color:#f5c46d}
.site-header .team-picker{margin:0;min-width:105px;max-width:160px;width:100%;text-align:left}
@media(min-width:850px){.site-header{padding:26px 24px}.site-header .brand{font-size:30px}.site-header .tagline{font-size:14px}.site-header .team-picker{min-width:145px;max-width:180px}}
@media(max-width:450px){.site-header{padding:20px 20px;gap:12px}.site-header .brand{font-size:20px}.site-header .site-nav{gap:14px;font-size:13px}.site-header .team-picker{min-width:100px;padding:9px 10px}.site-header .tagline{font-size:12px}}
@media(max-width:370px){.site-header{padding:20px 16px;gap:10px}.site-header .brand{font-size:18px}.site-header .site-nav{gap:12px}.site-header .team-picker{min-width:95px}}

/* Two compact header rows: brand/nav, then tagline/team selector. */
.site-header{align-items:center;column-gap:16px;row-gap:5px;padding:14px 24px}
.site-header .header-copy,.site-header .header-actions{display:contents}
.site-header .brand{grid-column:1;grid-row:1;min-width:0}
.site-header .site-nav{grid-column:2;grid-row:1;justify-self:end;align-self:center}
.site-header .tagline{grid-column:1;grid-row:2;align-self:center;margin:0}
.site-header .team-picker{grid-column:2;grid-row:2;justify-self:end;align-self:center;width:145px;min-width:0;padding:7px 10px;min-height:48px;border-radius:8px}
.site-header .team-picker>span:first-child{font-size:9px;margin-bottom:2px}
.site-header .picker-team{font-size:15px;line-height:1.2}
.identity{padding-top:14px;padding-bottom:18px}
@media(max-width:849px){
 .site-header{padding:10px 20px;column-gap:12px;row-gap:3px}
 .site-header .brand{font-size:20px;line-height:1.2;letter-spacing:0}
 .site-header .site-nav{font-size:12px;gap:12px}
 .site-header .site-nav a{min-height:40px;padding:6px 0}
 .site-header .tagline{font-size:11px;line-height:1.4;max-width:330px}
 .site-header .team-picker{width:108px;min-height:44px;padding:6px 9px}
 .site-header .picker-team{font-size:13px}
 .identity{padding-top:12px;padding-bottom:14px}
 .identity h1{margin-bottom:6px}
 .identity .team-city{font-size:22px;margin-bottom:2px}
 .identity .team-nickname{font-size:52px;line-height:1}
 .identity .team-standing{font-size:13px;line-height:1.4;margin-top:5px}
}
@media(max-width:370px){
 .site-header{padding:8px 16px;column-gap:8px}
 .site-header .brand{font-size:18px}
 .site-header .site-nav{gap:10px}
 .site-header .team-picker{width:98px}
}

/* Desktop controls share one row, with the selector before navigation. */
@media(min-width:850px){
 .site-header .header-actions{display:flex;flex-direction:row;align-items:center;gap:22px;grid-column:2;grid-row:1 / span 2;align-self:center}
 .site-header .header-actions .team-picker{order:-1;flex:none;width:145px;margin:0}
 .site-header .header-actions .site-nav{flex:none;align-items:center;gap:18px}
}