/* Brand refresh 2026-09-12: shared, explicit logo and accessible interaction tokens. */
:root{--brand-primary:#1D4ED8;--brand-hover:#1E40AF;--brand-highlight:#22D3EE;--brand-link:#1D4ED8}
#nav .logo-img,.site-nav .site-brand img{height:32px!important;width:auto!important;max-width:160px;object-fit:contain}
footer .logo-img,.footer-brand img{height:30px!important;width:auto!important;max-width:150px;object-fit:contain}
@media(max-width:600px){#nav .logo-img,.site-nav .site-brand img{height:26px!important;max-width:130px}}
@media(max-width:380px){#nav .logo-img,.site-nav .site-brand img{height:24px!important;max-width:118px}}

@media(max-width:600px){
 .cases-grid{grid-template-columns:minmax(0,1fr)!important}
 .cases-grid>*,.case-sum,.case-sum .cs{min-width:0;max-width:100%}
 .case-sum .cs{flex-wrap:wrap;gap:8px}
 .case-sum .cs em{white-space:normal;overflow-wrap:anywhere}
 #problem .p4c .top{flex-wrap:wrap;gap:10px}
 #problem .p4c .got{white-space:normal;flex-wrap:wrap;margin-left:0;max-width:100%}
 #nav .nav-r{gap:6px}
}