@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600&display=swap');
:root{
  --bg:#ffffff;--text:#201e1d;--divider:rgba(32,30,29,.35);
  --n100:#f8f4f4;--n200:#eae7e7;--n300:#d7d3d3;--n400:#bab6b6;--n500:#9b9797;--n600:#7d7979;--n700:#605d5d;--n800:#444141;--n900:#2d2b2b;
  --accent:#8B1A1A;--a100:#fbeaea;--a200:#f3caca;--a300:#e6a3a3;--a400:#d17070;--a600:#9c2626;--a700:#8B1A1A;--a800:#551010;--a900:#3d0b0b;
  --font:'Archivo',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55}
h1,h2,h3,h4{font-family:var(--font);font-weight:600;letter-spacing:-0.02em;margin:0}
a{color:var(--text);text-decoration:none}
a:hover{color:var(--accent)}
img{display:block;max-width:100%}
.wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.wrap-narrow{max-width:920px;margin:0 auto;padding:0 40px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:600 13px/1 var(--font);padding:10px 18px;border:1px solid var(--text);background:var(--text);color:#fff;cursor:pointer;text-decoration:none;white-space:nowrap;flex-shrink:0}
.btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--n400)}
.btn-secondary:hover{background:var(--n200);color:var(--text)}
.tag{display:inline-flex;font:600 9px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;border:1px solid var(--n400);color:var(--n800)}
.tag-accent{background:var(--accent);color:#fff;border-color:var(--accent)}
.input{width:100%;padding:12px 14px;border:1px solid var(--n400);background:#fff;color:var(--text);font:400 14px/1 var(--font);outline:none}
.input:focus{border-color:var(--text)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:0}
.col-l{border-right:2px solid var(--divider)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr)}
.badge{font:600 9.5px/1 var(--font);letter-spacing:.07em;text-transform:uppercase;color:var(--n800);background:var(--n200);padding:5px 9px;display:inline-block}
nav.top{position:sticky;top:0;z-index:60;background:var(--bg);border-bottom:2px solid var(--divider)}
nav.top .row{display:flex;align-items:center;justify-content:space-between;gap:32px;height:66px}
nav.top .links{display:flex;align-items:stretch;justify-content:center;gap:26px;height:66px;flex:1}
nav.top .links a{display:flex;align-items:center;font:600 12px/1 var(--font);border-bottom:2px solid transparent}
nav.top .links a:hover{color:var(--accent);border-bottom-color:var(--accent)}
nav.top .links a.badge-new{gap:6px}
.soon{font:600 8px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--accent);padding:3px 4px;margin-left:6px}
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer}
.hamburger span{display:block;width:22px;height:2px;background:var(--text)}
.mobile-menu{display:none;flex-direction:column;padding:8px 20px 16px;border-top:1px solid var(--n300)}
.mobile-menu.open{display:flex}
.mobile-menu a{padding:14px 0;border-bottom:1px solid var(--n300);font:600 14px/1 var(--font)}
footer{background:#201e1d;color:var(--bg);border-top:2px solid #201e1d}
footer .fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-bottom:32px}
footer a{color:rgba(243,242,242,.6)}
footer a:hover{color:var(--a400)}
footer .col-title{font:600 10px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--a400);margin-bottom:16px}
footer .links{display:flex;flex-direction:column;gap:11px;font:400 13px/1 var(--font)}
footer .bottom{border-top:1px solid rgba(243,242,242,.16);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:400 11.5px/1 var(--font);color:rgba(243,242,242,.4)}
.grayscale{}
.glossaryGrid{display:grid;grid-template-columns:1fr 1fr;gap:0 56px}
@media(max-width:700px){.glossaryGrid{grid-template-columns:1fr}}
@media(max-width:900px){
  nav.top .links,nav.top .btn{display:none!important}
  .hamburger{display:flex!important}
  .wrap,.wrap-narrow{padding:0 20px}
  .g2{grid-template-columns:1fr!important}
  .col-l{border-right:none!important;border-bottom:2px solid var(--divider)!important}
  .grid3,.grid4{grid-template-columns:repeat(2,1fr)!important}
  footer .fgrid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:700px){
  .grid3,.grid4{grid-template-columns:1fr!important}
  footer .fgrid{grid-template-columns:1fr!important}
}
@media(max-width:480px){.wrap,.wrap-narrow{padding:0 16px}}
@media(max-width:700px){
  .reportTeaser{grid-template-columns:1fr!important;gap:16px!important}
  .reportTeaserImg{width:100%!important}
  .sotwCol{padding:44px 0 24px 0!important}
  .brandDirRow{grid-template-columns:32px 1fr!important;row-gap:6px}
  .brandDirRow>a:last-child{grid-column:1/-1;text-align:left!important;border-left:none!important;padding-left:0!important;border-top:1px solid var(--n300);padding-top:10px;margin-top:4px;display:inline-block;width:fit-content}
}
@media(max-width:560px){
  .fieldGrid{grid-template-columns:1fr!important;gap:0!important}
  .fieldGrid>div[style*="border-left:1px solid var(--n300);padding-left:32px;margin-left:-32px"]{border-left:none!important;padding-left:0!important;margin-left:0!important;border-top:none!important;padding-top:4px!important;padding-bottom:16px!important}
  .fieldGrid>div[style*="text-transform:uppercase"]{padding-bottom:6px!important}
  .sigField{grid-template-columns:1fr!important;gap:6px!important}
}
@media(max-width:700px){
  .grid{grid-template-columns:1fr!important}
  .archSearch{width:100%!important}
  .archRow{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 0!important}
  .archHeadRow{display:none!important}
  .archRow>span{white-space:normal!important}
  .btRow{grid-template-columns:1fr!important;row-gap:16px}
  .btMid{border-left:none!important;padding-left:0!important;padding-right:0!important;border-top:1px solid var(--n300);padding-top:16px}
  .btStat{text-align:left!important;border-left:none!important;padding-left:0!important;border-top:1px solid var(--n300);padding-top:16px}
  .btSigRow{grid-template-columns:44px 1fr!important}
  .g2{min-width:0!important}
  .g2>div{min-width:0!important}
  .subscribeGrid{grid-template-columns:1fr!important;min-width:0!important}
  .subscribeGrid>div{min-width:0!important}
  .reportsCol{padding:44px 0 40px 0!important;min-width:0!important}
  .sideCol{padding:44px 0 40px 0!important;min-width:0!important}
  .sideCol a[style*="grid-template-columns:1fr auto"]{grid-template-columns:1fr!important;row-gap:2px;min-width:0!important}
  .sideCol a[style*="grid-template-columns:1fr auto"] span{min-width:0!important;overflow-wrap:break-word}
  .statRow{grid-template-columns:repeat(2,1fr)!important}
  .cardBadges{margin-left:0!important}
  [style*="border-right:1px solid var(--n300)"]{border-right:none!important}
  [style*="border-right:1px solid rgba(243,242,242,.16)"]{border-right:none!important}
}
@media(max-width:480px){
  .statRow{grid-template-columns:1fr!important}
}
.thread-card{transition:background .2s ease,transform .2s ease;cursor:pointer}
.thread-card-dark:hover{background:rgba(243,242,242,.07);transform:translateY(-2px)}
.thread-card-light:hover{background:var(--n200);transform:translateY(-2px)}
.thread-card:hover .thread-title{color:var(--accent)}
.latest-card{transition:background .2s ease;cursor:pointer}
.latest-card:hover{background:var(--n200)}
.edition-row{transition:background .2s ease,padding-left .2s ease;cursor:pointer}
.edition-row:hover{background:var(--n200);padding-left:6px}
a.tag,.btChip,.tag{transition:background .15s ease,color .15s ease,border-color .15s ease}
.report-card,.brand-card{transition:background .2s ease;cursor:pointer}
.report-card:hover,.brand-card:hover{background:var(--n200)}