/* Extra styles for pages beyond the ChatGPT-captured homepage */

.page-hero{
  padding:3rem clamp(1.5rem,5vw,4rem) 2rem;
  background:var(--cream);
  border-bottom:1px solid var(--line);
}
.page-hero h1{
  font-size:clamp(1.8rem,4vw,2.6rem);
  margin:0 0 .5rem;
  color:var(--char);
}
.page-hero p{
  color:var(--muted);
  max-width:60ch;
  margin:0;
}
.page-stats{
  display:flex;
  flex-wrap:wrap;
  gap:1.5rem;
  margin-top:1.5rem;
}
.page-stat{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:.9rem 1.3rem;
}
.page-stat b{
  display:block;
  font-size:1.4rem;
  color:var(--terra);
}
.page-stat span{
  font-size:.85rem;
  color:var(--muted);
}

/* Sources directory */
.src-section{
  padding:2.5rem clamp(1.5rem,5vw,4rem);
  max-width:1300px;
  margin:0 auto;
  display:grid;
  grid-template-columns:260px 1fr;
  gap:2rem;
  border-top:1px solid var(--line);
}
.src-section:first-of-type{border-top:none}
.src-section h2{
  font-size:1.4rem;
  margin:0 0 .4rem;
  color:var(--char);
}
.src-section > p{
  color:var(--muted);
  font-size:.9rem;
  margin:0;
}
.src-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:.9rem;
  align-content:start;
}
.src-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.5rem;
  background:var(--cream);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:.9rem 1.1rem;
  color:inherit;
}
.src-card:hover{background:var(--terra);color:#fff;border-color:var(--terra)}
.src-card:hover .src-sub{color:#fde8df}
.src-name{font-weight:700;font-size:.92rem;display:block}
.src-sub{font-size:.78rem;color:var(--muted);display:block;margin-top:.15rem}
.src-arrow{font-size:1.1rem;flex-shrink:0}
/* Player social accounts grid (Sources page) */
.player-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:.9rem;
  align-content:start;
}
.player-card{
  background:var(--cream);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:.9rem 1.1rem;
  display:flex;
  flex-direction:column;
  gap:.55rem;
}
.player-name{font-weight:700;font-size:.92rem;}
.player-role{font-size:.78rem;color:var(--muted);display:block;margin-top:.1rem}
.player-social-row{display:flex;gap:.4rem;flex-wrap:wrap;}

.src-note{
  background:var(--char);
  color:#f2e9e2;
  border-radius:var(--radius);
  padding:1.5rem clamp(1.5rem,5vw,2.5rem);
  margin:0 clamp(1.5rem,5vw,4rem) 3rem;
  max-width:1300px;
  margin-left:auto;
  margin-right:auto;
}
.src-note b{display:block;margin-bottom:.4rem;font-size:1.05rem}
.src-note a{color:#ffb38f;font-weight:600}

/* About page */
.ab-hero{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:2.5rem;
  align-items:start;
  padding:3rem clamp(1.5rem,5vw,4rem);
  max-width:1300px;
  margin:0 auto;
}
.ab-kicker{
  color:var(--terra);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  margin:0 0 .5rem;
}
.ab-hero h1{
  font-size:clamp(2rem,4.5vw,3rem);
  line-height:1.05;
  margin:0 0 1rem;
  color:var(--char);
}
.ab-accent{color:var(--terra)}
.ab-hero p{color:var(--muted);max-width:52ch;margin:0 0 1.3rem}
.ab-btn-row{display:flex;gap:.7rem;flex-wrap:wrap}
.ab-btn-primary{
  background:var(--terra);color:#fff;border-radius:999px;
  padding:.7rem 1.3rem;font-weight:700;font-size:.9rem;
}
.ab-btn-secondary{
  border:1px solid var(--line);border-radius:999px;
  padding:.7rem 1.3rem;font-weight:700;font-size:.9rem;color:var(--char);
}
.ab-quote-card{
  background:var(--char);color:#f2e9e2;border-radius:var(--radius);
  padding:1.6rem 1.7rem;
}
.ab-quote-card .ab-kicker{color:#ffb38f}
.ab-quote-card q, .ab-quote-card blockquote{
  font-size:1.35rem;line-height:1.2;font-weight:700;margin:0 0 .8rem;
  display:block;font-style:normal;
}
.ab-quote-card p{color:#d9c9c0;font-size:.85rem;max-width:none;margin:0}

.ab-section{
  padding:2.5rem clamp(1.5rem,5vw,4rem);
  max-width:1300px;margin:0 auto;
  display:grid;grid-template-columns:340px 1fr;gap:2.5rem;
  border-top:1px solid var(--line);
}
.ab-section h2{font-size:1.7rem;margin:.4rem 0 0;color:var(--char);line-height:1.15}
.ab-section > div > p{color:var(--muted);max-width:60ch}

.ab-dark{background:var(--char);color:#f2e9e2;border-top:none}
.ab-dark .ab-kicker{color:#ffb38f}
.ab-dark h2{color:#fff}
.ab-dark p{color:#d9c9c0}

.ab-cards{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1rem;margin-top:1.5rem;
}
.ab-card{
  border:1px solid var(--line);border-radius:var(--radius);
  padding:1.2rem;
}
.ab-dark .ab-card{border-color:#3a2b26;background:#241a17}
.ab-card b{
  display:block;font-size:1.05rem;margin-bottom:.4rem;
  color:inherit;
}
.ab-card p{font-size:.85rem;color:var(--muted);margin:0;max-width:none}
.ab-dark .ab-card p{color:#c9b9b0}
.ab-card-num{font-size:.7rem;color:var(--terra);font-weight:700}

.ab-founder{
  display:flex;gap:1rem;align-items:flex-start;margin-top:1.5rem;
}
.ab-avatar{
  width:52px;height:52px;border-radius:50%;background:var(--terra);
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-weight:700;flex-shrink:0;
}
.ab-founder blockquote{
  font-size:1.3rem;font-weight:700;line-height:1.2;margin:0 0 .8rem;color:var(--char);
}
.ab-founder p{color:var(--muted);max-width:60ch;font-size:.92rem}
.ab-founder cite{font-style:normal;font-weight:700;color:var(--char);display:block;margin-top:.6rem}
.ab-founder cite span{display:block;font-weight:400;color:var(--muted);font-size:.85rem}

.ab-contact{
  text-align:center;padding:3rem clamp(1.5rem,5vw,4rem);
  border-top:1px solid var(--line);
}
.ab-contact h2{font-size:1.9rem;margin:.4rem 0 .6rem}
.ab-contact p{color:var(--muted);max-width:50ch;margin:0 auto 1.3rem}
.ab-contact .ab-btn-row{justify-content:center}

.prw-load-more{display:block;margin:32px auto 0;padding:14px 32px;border-radius:999px;border:1.5px solid var(--red);background:transparent;color:var(--red);font-weight:700;font-size:.95rem;cursor:pointer;transition:background .15s,color .15s}
.prw-load-more:hover{background:var(--red);color:var(--paper)}

/* The filterbar's <select> elements were built to sit inside a wrapper div
   ([data-slot=native-select-wrapper]) that stretches to 100% width, but the
   live markup uses bare <select> elements with no such wrapper -- so each one
   falls back to the browser's native auto-sizing (based on its widest
   <option>) instead of filling its grid column. Fix: stretch them directly. */
.prw-filterbar select{width:100%}


/* ---- Press Room Watch v2: Live Editorial Read + Visual Analysis ---- */
.prw-now{padding:110px clamp(20px,6vw,90px);background:var(--navy);color:#fff;overflow:hidden;position:relative}
.prw-now:before{content:"";position:absolute;right:-100px;top:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(214,84,50,.25),transparent 68%)}
.prw-now-heading{max-width:1240px;margin:0 auto 42px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;position:relative}
.prw-now-heading p{margin:0 0 12px;color:#ff9b78;font-size:.72rem;font-weight:900;letter-spacing:.16em}
.prw-now-heading h2{max-width:850px;margin:0;font:700 clamp(3.1rem,5.5vw,5.8rem)/.92 Georgia,serif;letter-spacing:-.055em}
.prw-now-heading h2 em{color:#ff8b62;font-style:normal}
.prw-window{display:flex;align-items:center;gap:11px;padding:14px 18px;border:1px solid #404653;border-radius:14px;background:#202630;white-space:nowrap}
.prw-window>svg{width:22px;color:#ff8b62}
.prw-window span,.prw-window b,.prw-window small{display:block}
.prw-window b{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.prw-window small{margin-top:3px;color:#9da2ab;font-size:.72rem}
.prw-now-lead{max-width:1240px;margin:auto;display:grid;grid-template-columns:92px minmax(0,1.2fr) minmax(280px,.55fr);border:1px solid #404653;border-top:4px solid var(--ember);border-radius:22px;background:linear-gradient(135deg,#232936,#1b2029);box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden;position:relative}
.prw-now-number{padding:30px 20px;color:#ff8961;font:700 2.5rem Georgia,serif;border-right:1px solid #3c424d}
.prw-now-copy{padding:34px 38px}
.prw-status-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.prw-status-row span,.prw-status-row i{display:inline-flex;align-items:center;gap:6px;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-style:normal}
.prw-status-row span{padding:7px 10px;border-radius:99px;background:var(--red)}
.prw-status-row i{color:#ffae92}
.prw-status-row svg{width:13px;height:13px}
.prw-now-copy h3{max-width:760px;margin:0 0 17px;font:700 clamp(2.1rem,3.5vw,3.7rem)/1 Georgia,serif;letter-spacing:-.04em}
.prw-now-copy>p{max-width:760px;margin:0;color:#c5c6c9;line-height:1.75}
.prw-now-proof{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:25px}
.prw-now-proof b{margin-right:4px;color:#ff9b78;font-size:.62rem;letter-spacing:.12em}
.prw-now-proof span{padding:7px 9px;border:1px solid #4b515c;border-radius:6px;color:#d6d7d9;font-size:.68rem}
.prw-now-lead>aside{padding:34px 30px;border-left:1px solid #3c424d;background:rgba(10,13,18,.24)}
.prw-now-lead>aside>span{color:#ff9b78;font-size:.62rem;font-weight:900;letter-spacing:.13em}
.prw-now-lead blockquote{margin:18px 0 15px;color:#fff;font:italic 700 2rem/1.12 Georgia,serif}
.prw-now-lead>aside p{color:#aeb1b7;font-size:.8rem;line-height:1.65}
.prw-now-lead>aside a{display:inline-flex;align-items:center;gap:5px;margin-top:13px;color:#ff9b78;font-size:.7rem;font-weight:900}
.prw-now-lead>aside a svg{width:13px}
.prw-now-grid{max-width:1240px;margin:18px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.prw-now-card{min-height:285px;padding:25px;display:flex;flex-direction:column;border:1px solid #3a404b;border-radius:17px;background:#202630}
.prw-now-card-top{display:flex;justify-content:space-between;align-items:center}
.prw-now-card-top>span{color:#666e7b;font:700 1.4rem Georgia,serif}
.prw-now-card-top i{display:flex;align-items:center;gap:5px;color:#ff9b78;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;font-style:normal}
.prw-now-card.cooling .prw-now-card-top i{color:#8ab7db}
.prw-now-card.emerging .prw-now-card-top i{color:#e7c779}
.prw-now-card-top svg{width:14px;height:14px}
.prw-now-card h3{margin:31px 0 12px;font:700 1.55rem/1.1 Georgia,serif;letter-spacing:-.025em}
.prw-now-card>p{margin:0;color:#adb1b9;font-size:.8rem;line-height:1.65}
.prw-now-card footer{margin-top:auto;padding-top:22px;border-top:1px solid #383e49}
.prw-now-card footer b,.prw-now-card footer span{display:block}
.prw-now-card footer b{margin-bottom:5px;color:#7e8591;font-size:.58rem;letter-spacing:.11em;text-transform:uppercase}
.prw-now-card footer span{color:#e4e4e5;font-size:.72rem}
.prw-now-read{max-width:1240px;margin:18px auto 0;padding:28px 32px;display:grid;grid-template-columns:170px 1fr;gap:5px 28px;border-radius:15px;background:#f2e3d4;color:var(--ink)}
.prw-now-read>b{padding-top:5px;color:var(--red);font-size:.65rem;letter-spacing:.13em}
.prw-now-read p{margin:0;font:400 1.08rem/1.65 Georgia,serif}
.prw-now-read>span{grid-column:2;color:#7b665c;font-size:.7rem;line-height:1.5}
.prw-visuals{padding:100px clamp(20px,6vw,90px);background:#f1e5db}
.prw-chart-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.prw-chart-grid>article{padding:30px;border:1px solid #decfc5;border-radius:20px;background:#fff;box-shadow:0 13px 30px rgba(61,37,27,.06)}
.prw-chart-grid header>span{color:var(--red);font-size:.62rem;font-weight:900;letter-spacing:.13em}
.prw-chart-grid header h3{margin:7px 0 0;font:700 1.65rem Georgia,serif}
.prw-donut-card{grid-row:span 2}
.prw-donut-layout{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center;margin:35px 0}
.prw-donut{box-sizing:border-box;width:220px;height:220px;padding:30px;border-radius:50%}
.prw-donut>div{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 4px 18px rgba(45,25,18,.12)}
.prw-donut strong{font:700 2.9rem Georgia,serif}
.prw-donut span{color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.09em}
.prw-donut-layout ol{list-style:none;margin:0;padding:0}
.prw-donut-layout li{display:grid;grid-template-columns:10px 1fr auto 34px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #eee5df}
.prw-donut-layout li i{width:9px;height:9px;border-radius:3px}
.prw-donut-layout li span{font-size:.7rem}
.prw-donut-layout li b{font:700 .9rem Georgia,serif}
.prw-donut-layout li small{color:var(--muted);font-size:.65rem;text-align:right}
.prw-chart-grid article>p{margin:25px 0 0;padding-top:19px;border-top:1px solid #e8ddd5;color:var(--muted);font-size:.76rem;line-height:1.6}
.prw-chart-grid article>p strong{color:var(--ink)}
.prw-columns{height:220px;margin:30px 0 10px;display:flex;align-items:flex-end;justify-content:space-around;gap:18px;border-bottom:1px solid #d9cbc1}
.prw-columns>div{height:100%;min-width:72px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.prw-column-value{margin-bottom:6px;font:700 1.15rem Georgia,serif}
.prw-column-track{width:50px;height:150px;display:flex;align-items:flex-end;border-radius:7px 7px 0 0;background:#f0e8e2;overflow:hidden}
.prw-column-track i{display:block;width:100%;min-height:5px;background:linear-gradient(180deg,var(--ember),var(--red))}
.prw-columns b{margin-top:9px;font-size:.66rem;text-transform:capitalize}
.prw-columns small{margin-top:3px;color:var(--muted);font-size:.58rem}
.prw-style-card{grid-column:2}
.prw-style-legend{display:flex;flex-wrap:wrap;gap:8px 13px;margin:22px 0}
.prw-style-legend span{display:flex;align-items:center;gap:5px;color:#66534b;font-size:.6rem}
.prw-style-legend i{width:8px;height:8px;border-radius:2px}
.prw-style-bars{display:grid;gap:17px}
.prw-style-bars>div{display:grid;grid-template-columns:68px 1fr 28px;gap:10px;align-items:center}
.prw-style-bars b{font-size:.64rem;text-transform:capitalize}
.prw-style-bars>div>div{height:20px;display:flex;border-radius:5px;overflow:hidden;background:#eee}
.prw-style-bars>div>div i{display:block;height:100%;min-width:1px}
.prw-style-bars>div>span{font:700 .8rem Georgia,serif;text-align:right}
.prw-style-legend .direct,.prw-style-bars .direct{background:#d65432}
.prw-style-legend .expansive,.prw-style-bars .expansive{background:#ef8a5f}
.prw-style-legend .brief,.prw-style-bars .brief{background:#e4b36d}
.prw-style-legend .corrective,.prw-style-bars .corrective{background:#63748d}
.prw-style-legend .answer-only,.prw-style-bars .answer-only{background:#c9c0ba}
.prw-style-legend .other,.prw-style-bars .other{background:#8e6f7d}
@media(max-width:1050px){.prw-now-grid{grid-template-columns:1fr 1fr}.prw-now-lead{grid-template-columns:72px 1fr}.prw-now-lead>aside{grid-column:2;border-left:0;border-top:1px solid #3c424d}.prw-chart-grid{grid-template-columns:1fr}.prw-donut-card,.prw-style-card{grid-row:auto;grid-column:auto}}
@media(max-width:800px){.prw-now-heading{display:block}.prw-window{margin-top:20px;width:max-content}.prw-now-grid{grid-template-columns:1fr}.prw-now-read{grid-template-columns:1fr}.prw-now-read>span{grid-column:1}.prw-donut-layout{grid-template-columns:1fr}.prw-donut{margin:auto}}
@media(max-width:560px){.prw-now,.prw-visuals{padding:70px 20px}.prw-now-heading h2{font-size:3.1rem}.prw-now-lead{grid-template-columns:1fr}.prw-now-number{padding:18px 25px;border-right:0;border-bottom:1px solid #3c424d}.prw-now-copy{padding:26px 24px}.prw-now-lead>aside{grid-column:1;padding:26px 24px}.prw-now-card{min-height:250px}.prw-chart-grid>article{padding:23px}.prw-donut{width:200px;height:200px}.prw-columns{gap:7px}.prw-columns>div{min-width:55px}.prw-column-track{width:38px}}
@media print{.prw-header,.prw-filterbar,.prw-question-list,.prw-load,.prw-method,.prw-footer{display:none!important}.prw-now,.prw-visuals,.prw-narratives,.prw-findings{break-inside:avoid;page-break-inside:avoid}.prw-now{background:#171b24!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.prw-chart-grid{grid-template-columns:1fr 1fr}.prw-now-grid{grid-template-columns:repeat(3,1fr)}}

/* Evidence Explorer accordion: the response panel is only ever un-hidden
   when its article carries .open (see assets/press-room-watch.js) --
   without this, .prw-answer (always present in the DOM) would show for
   every question at once. */
.prw-question-list>article:not(.open) .prw-answer{display:none}

/* Evidence-mix chart (Visual Analysis): replaces the unavailable
   response-style breakdown, which needs data this site doesn't collect --
   colours both the legend swatches and the bar segments. */
.prw-style-legend i.verbatim,.prw-style-bars i.verbatim{background:#d65432}
.prw-style-legend i.transcript,.prw-style-bars i.transcript{background:#c9c0ba}

/* Narrative leaderboard bars: every rank uses the accent colour, not just
   #1 -- #1 gets the darker/richer red (matching the section kicker) so it
   still stands out against the lighter accent used for the rest. */
.prw-narrative-meter span{background:#ff956f}
.prw-leaderboard li.top-1 .prw-narrative-meter span{background:#d65432}

/* Homepage masthead: Manchester United's own colours -- black backdrop
   (with a faint red floodlight glow), white for the main line, red for
   "United". */
.masthead{background:radial-gradient(circle at 85% 18%,#d6543233,#0000 35%),#0a0a0c}
.mast-copy h1{color:#fff}
.mast-copy h1 em{color:#fff}
.mast-copy h1 em .mh-accent{color:#9b0506}
.mast-copy .dek{color:#d9c7ba}

/* "Who's Saying What" articles: a distinct block for the editor's own,
   personal-opinion take -- set apart from the fact-based ".article-conclusion"
   verdict, using a lighter paper card with a red rule rather than the dark
   maroon gradient, so readers can't mistake opinion for the reported view. */
.article-editor-note{
  background:var(--paper);
  border:1px solid var(--line);
  border-left:5px solid #9b0506;
  border-radius:14px;
  margin:55px 0;
  padding:32px 35px;
}
.article-editor-note .eyebrow{color:#9b0506}
.article-editor-note h2{margin:0 0 18px;color:var(--ink);font:700 1.6rem/1.2 Georgia,serif}
.article-editor-note p{color:#4a3830;line-height:1.8;margin:0 0 18px}
.article-editor-note p:last-of-type{margin-bottom:0}
.article-editor-note footer{
  margin-top:22px;
  padding-top:16px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}
/* Header brand badge: the logo + wordmark get the masthead's black/red
   treatment (dark nameplate, faint red floodlight glow) so the brand
   reads the same in the header as it does lower on the page. Scoped to
   .site-header so the footer's identical markup -- which sits on a
   light background -- is untouched.
   The wordmark itself nods at the hero banner's "UNITED ROUNDUP"
   graphic (white + orange, bold condensed, slightly slanted): same
   Impact display face the masthead h1 already uses, a light italic
   skew and a drop shadow for some poster-style depth. Lifting the
   banner's actual distressed texture isn't practical -- it's painted
   straight onto a busy fire/skyline photo with no flat background
   behind the letters, so there's nothing clean to cut out -- and a
   grain texture that fine wouldn't read at this font-size anyway. */
.site-header .brand{
  background:radial-gradient(circle at 80% 15%,#9b050655,#0000 60%),#0a0a0c;
  border:1px solid rgba(155,5,6,.45);
  border-radius:20px;
  padding:5px 18px 5px 8px;
  flex:none;
  box-shadow:0 8px 18px -10px rgba(0,0,0,.6);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.site-header .brand:hover{
  border-color:rgba(155,5,6,.8);
  box-shadow:0 10px 22px -8px rgba(0,0,0,.7);
  transform:translateY(-1px);
}
.site-header .brand b{
  color:#fff;
  white-space:nowrap;
  font-family:Impact,"Arial Narrow",sans-serif;
  letter-spacing:-.01em;
  font-weight:400;
  transform:skewX(-8deg);
  display:inline-block;
  text-shadow:1px 2px 1px rgba(0,0,0,.6);
}
.site-header .brand b .brand-roundup{color:#fff}
.site-header .brand b .brand-accent{color:#f6110c}
.site-header .brand small{color:#ff9c77;white-space:nowrap}
@media(width<=540px){.site-header .brand{padding:4px 14px 4px 6px;border-radius:17px}}

/* Nav-anchor sections (Latest, Who's Saying What, Academy, Watch, the
   Weekly Roundup, Community...) were landing with their heading tucked
   behind the sticky site-header (84px tall, position:sticky): native
   anchor scrolling aligns a target's top edge with the very top of the
   viewport, and the header then sits over it. Offsetting every anchor
   jump by the header's height plus a little breathing room lands each
   section fully clear of it instead. */
html{scroll-padding-top:104px}

/* Homepage search box (.search in the masthead): the input had no logic
   behind it. This adds a results dropdown, populated from LATEST_ITEMS by
   assets/search.js. The dropdown is appended to <body> (not next to the
   input) and positioned with position:fixed because .masthead has
   overflow:hidden -- an absolutely-positioned child there would get
   clipped as soon as it extended past the hero section. */
.search-results{
  position:fixed;
  z-index:500;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 20px 45px rgba(33,22,19,.18);
  max-height:360px;
  overflow-y:auto;
  padding:8px;
}
.search-results .search-result{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:10px 12px;
  border-radius:10px;
  text-decoration:none;
  color:var(--ink);
}
.search-results .search-result:hover,
.search-results .search-result.active{
  background:var(--cream);
}
.search-result-title{
  font-weight:700;
  font-size:.92rem;
  line-height:1.3;
}
.search-result-meta{
  font-size:.76rem;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.04em;
}
.search-empty{
  padding:14px 12px;
  color:var(--muted);
  font-size:.88rem;
}

/* Social media row in the footer: X, Facebook and Instagram are live links.
   The other platforms (Reddit, Pinterest, TikTok, YouTube Shorts, Rumble
   Shorts) are left out until those accounts exist -- add them back the same
   way, as <a class="social-link" href="..."> once each has a real profile
   URL. Spans the full footer width on its own row via grid-column, since
   footer's own grid-template-columns (in style.css) only expects 3 items
   per row. */
footer .social-row{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.social-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:38px;
  padding:0 12px;
  border-radius:99px;
  background:var(--cream);
  border:1px solid var(--line);
  color:var(--muted);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.03em;
  text-decoration:none;
  cursor:pointer;
  opacity:1;
  user-select:none;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.social-link:hover,.social-link:focus-visible{
  background:var(--terra);
  border-color:var(--terra);
  color:#fff;
}

/* Cookie consent banner */
.cookie-consent{
  position:fixed;left:0;right:0;bottom:0;z-index:80;
  background:var(--char);color:#f2e9e2;
  padding:1rem clamp(1rem,4vw,2rem);
  display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;
  box-shadow:0 -6px 20px rgba(0,0,0,.18);
}
.cookie-consent p{margin:0;font-size:.85rem;max-width:60ch;line-height:1.5}
.cookie-consent a{color:#ffb38f;font-weight:600}
.cookie-consent-actions{display:flex;gap:.7rem;flex-shrink:0}
.cookie-consent-actions button{
  border-radius:999px;padding:.65rem 1.3rem;font-weight:700;font-size:.85rem;
  border:1.5px solid #f2e9e2;cursor:pointer;background:transparent;color:#f2e9e2;
  min-width:100px;
}
#cookie-consent-accept{background:var(--terra);border-color:var(--terra);color:#fff}
@media (max-width:640px){
  .cookie-consent{flex-direction:column;align-items:stretch;text-align:center}
  .cookie-consent-actions{justify-content:center}
  .cookie-consent-actions button{flex:1}
}

/* Cookie preferences control (privacy page) */
.cookie-pref-btn{
  border-radius:999px;padding:.7rem 1.3rem;font-weight:700;font-size:.9rem;
  border:1px solid var(--char);background:transparent;color:var(--char);cursor:pointer;
  margin-top:.8rem;
}


/* Press Room Watch evidence signals: the site-wide `footer` rule (a
   3-column grid with big padding, meant for the page footer) was also
   hitting these small card footers and squashing the text into narrow
   columns. Reset them to a simple stacked label + value. */
.prw-now-card footer{display:block;padding:22px 0 0;gap:0;grid-template-columns:none}

/* Press Room Watch header: same dark nameplate as the main site header. */
.prw-header .prw-brand{
  background:radial-gradient(circle at 80% 15%,#9b050655,#0000 60%),#0a0a0c;
  border:1px solid rgba(155,5,6,.45);
  border-radius:20px;
  padding:5px 18px 5px 8px;
  flex:none;
  box-shadow:0 8px 18px -10px rgba(0,0,0,.6);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.prw-header .prw-brand:hover{border-color:rgba(155,5,6,.8);box-shadow:0 10px 22px -8px rgba(0,0,0,.7);transform:translateY(-1px)}
.prw-header .prw-brand img{width:58px;height:58px}
.prw-header .prw-brand b{
  color:#fff;white-space:nowrap;
  font-family:Impact,"Arial Narrow",sans-serif;
  letter-spacing:-.01em;font-weight:400;font-size:1.25rem;
  transform:skewX(-8deg);display:inline-block;
  text-shadow:1px 2px 1px rgba(0,0,0,.6);
}
.prw-header .prw-brand b .brand-accent{color:#f6110c}
.prw-header .prw-brand b .brand-roundup{color:#fff}
.prw-header .prw-brand small{color:#ff9c77;white-space:nowrap}
@media(width<=540px){.prw-header .prw-brand{padding:4px 14px 4px 6px;border-radius:17px}.prw-header .prw-brand img{width:55px;height:55px}}


/* Social icon shapes (X, Facebook, Instagram), shared by the top nav,
   the footer and the Sources player cards. */
.hs-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:transform .18s ease,box-shadow .18s ease}
.hs-link svg{display:block;fill:currentColor}
.hs-link:hover,.hs-link:focus-visible{transform:translateY(-2px);box-shadow:0 6px 14px -6px rgba(0,0,0,.45)}
.hs-x{background:#000;color:#fff}
.hs-x svg{width:18px;height:18px}
.hs-fb{color:#0866ff;background:#fff}
.hs-fb svg{width:40px;height:40px}
.hs-ig{color:#fff;border-radius:12px;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.hs-ig svg{width:22px;height:22px}

/* Homepage: the UR nameplate stays hidden while the banner is on screen
   and slides in (as a "back to top" button) once the banner has scrolled
   out of view -- main.js adds .past-banner to <body class="home">. */
.home .site-header .brand{display:none}
.home.past-banner .site-header .brand{display:flex;animation:ur-brand-in .25s ease}
@keyframes ur-brand-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.home.past-banner .site-header .brand{animation:none}}

/* Top nav bar: social icons + "Support United Roundup" sit at the end of
   the link bar on every page. With those added the full bar needs about
   1240px, so below that the links fold into the menu button (style.css
   only does this at 900px), and between 1241-1480px everything is
   tightened up a little so it fits on one line. */
.site-header nav{margin-left:auto}
.nav-extras{display:flex;align-items:center;gap:12px;flex:none}
.nav-socials{display:flex;align-items:center;gap:6px}
.hs-nav{width:30px;height:30px}
.hs-nav.hs-x svg{width:13px;height:13px}
.hs-nav.hs-fb svg{width:30px;height:30px}
.hs-nav.hs-ig{border-radius:9px}
.hs-nav.hs-ig svg{width:16px;height:16px}
.site-header nav a.hs-x:hover{color:#fff}
.site-header nav a.hs-fb:hover{color:#0866ff}
.site-header nav a.hs-ig:hover{color:#fff}
.site-header nav a.nav-support{display:inline-flex;align-items:center;gap:8px;color:#fff;background:linear-gradient(135deg,#e2231a,#a50d0b);border-radius:99px;padding:7px 15px 7px 12px;font-size:.62rem;line-height:1.2;letter-spacing:.06em;white-space:nowrap;box-shadow:0 6px 14px -8px rgba(165,13,11,.8);transition:transform .18s ease,box-shadow .18s ease}
.site-header nav a.nav-support svg{width:15px;height:15px;flex:none}
.site-header nav a.nav-support:hover{color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px -8px rgba(165,13,11,.9)}
.site-header nav a.community-link{padding:10px 15px;gap:7px}
.site-header nav a.community-link svg{width:16px}
@media (width>1240px){
  .site-header nav{gap:clamp(12px,1.4vw,24px);padding-left:18px}
  .site-header nav>a:not(.nav-press):not(.community-link){text-align:center}
}
@media (width>1240px) and (width<=1480px){
  .site-header{padding:0 20px}
  .site-header nav{font-size:.72rem;letter-spacing:.02em;gap:13px}
  .site-header .brand{padding:4px 14px 4px 6px}
  .site-header .brand .brand-logo{width:56px;height:56px}
  .site-header .brand b{font-size:1.1rem}
  .site-header nav a.nav-press{padding:8px 13px 6px 10px}
}
@media (width<=1240px){
  .menu-button{display:block}
  .site-header nav{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;align-items:flex-start;gap:20px;padding:25px;display:none;position:absolute;top:84px;left:0;right:0;box-shadow:0 18px 30px -20px rgba(33,22,19,.35)}
  .site-header nav.open{display:flex}
  .nav-extras{width:100%;flex-wrap:wrap;gap:16px;padding-top:18px;border-top:1px solid var(--line)}
  .hs-nav{width:36px;height:36px}
  .hs-nav.hs-fb svg{width:36px;height:36px}
  .site-header nav a.nav-support{font-size:.72rem;padding:10px 18px 10px 14px}
  .site-header nav a.nav-support br{display:none}
}

/* Footer + Sources player cards: real X / Facebook / Instagram icons
   (same shapes as the homepage header) instead of initials in circles. */
footer .social-row .hs-link{width:38px;height:38px}
footer .social-row .hs-fb svg{width:38px;height:38px}
.hs-sm{width:32px;height:32px}
.hs-sm.hs-x svg{width:14px;height:14px}
.hs-sm.hs-fb svg{width:32px;height:32px}
.hs-sm.hs-ig{border-radius:9px}
.hs-sm.hs-ig svg{width:17px;height:17px}
.player-social-row{align-items:center}

/* Weekly Roundup subscribe CTA (mirrors .community-soon sizing) */
.community-link{background:var(--char);color:#fff;border-radius:99px;align-items:center;gap:10px;padding:17px 20px;font-weight:800;white-space:nowrap;text-decoration:none;display:flex}
.community-link svg{width:19px}
@media (width<=900px){.community-link{grid-column:1/-1;justify-content:center}}

/* Press Room Watch hero: faded photo of Carrick at a press conference
   behind the headline. A
   cream wash sits over it so the headline and text stay easy to read. */
.prw-dashboard-hero{
  background:
    linear-gradient(90deg,rgba(255,248,239,.88) 0%,rgba(255,248,239,.76) 38%,rgba(248,232,219,.42) 62%,rgba(241,221,204,.22) 100%),
    url("/assets/img/prw-carrick-bg.jpg") 72% 22%/cover no-repeat,
    #f6e7da;
}
@media (width<=900px){
  .prw-dashboard-hero{
    background:
      linear-gradient(180deg,rgba(255,248,239,.84) 0%,rgba(255,248,239,.76) 55%,rgba(248,232,219,.6) 100%),
      url("/assets/img/prw-carrick-bg.jpg") 50% 15%/cover no-repeat,
      #f6e7da;
  }
}

/* Homepage: the Weekly Roundup and Who's Saying What sit side by side as
   two equal cards (same size, same structure) -- stacked on phones. */
.feature-pair{max-width:1320px;margin:34px auto 0;padding:0 clamp(16px,3vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.2vw,28px);align-items:stretch}
.pair-card{color:#fff;border-radius:22px;padding:clamp(28px,3.2vw,46px);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 26px 60px -30px rgba(33,22,19,.7)}
.pair-card:after{content:"";background:url(/assets/img/brand/ur-flame-128.png) no-repeat center/contain;opacity:.08;pointer-events:none;width:300px;height:300px;position:absolute;right:-60px;bottom:-40px}
.pair-card>*{position:relative;z-index:1}
.pair-roundup{background:radial-gradient(circle at 90% 5%,#e85a3657,#0000 38%),linear-gradient(135deg,#241411 0%,#482017 54%,#7b2d1d 100%)}
.pair-wsw{background:radial-gradient(circle at 90% 5%,#f6110c40,#0000 38%),linear-gradient(135deg,#141214 0%,#2e1215 54%,#6e1216 100%)}
.pair-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;border-bottom:1px solid #ffffff2e}
.pair-card .eyebrow{color:#ff8a62;margin:0 0 6px}
.pair-wsw .eyebrow{color:#ff7a70}
.pair-date{color:#d7b9ae;margin:0;font-size:.78rem}
.pair-badge{color:#ffe4d8;letter-spacing:.1em;border:1px solid #ffffff47;border-radius:99px;padding:8px 12px;font-size:.58rem;font-weight:900;white-space:nowrap;flex:none}
.pair-number{color:#ff8a62;letter-spacing:.14em;margin:26px 0 12px;font-size:.68rem;font-weight:900;display:block}
.pair-wsw .pair-number{color:#ff7a70}
.pair-card h2{letter-spacing:-.03em;margin:0;font:700 clamp(1.8rem,2.7vw,2.6rem)/1.05 Georgia,serif}
.pair-dek{color:#ead6ce;margin:18px 0 22px;font-size:.98rem;line-height:1.65}
.pair-points{border-top:1px solid #ffffff2e;margin-bottom:26px}
.pair-points>div{border-bottom:1px solid #ffffff2e;padding:14px 2px}
.pair-points span{color:#ff9a78;letter-spacing:.09em;font-size:.62rem;font-weight:900;display:block}
.pair-wsw .pair-points span{color:#ff8f86}
.pair-points h3{margin:6px 0 0;font:700 1.02rem/1.4 Georgia,serif}
.pair-actions{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.pair-read{color:#fff;background:#ef633d;border-radius:99px;align-items:center;gap:9px;padding:13px 18px;font-size:.82rem;font-weight:900;display:inline-flex;transition:all .2s}
.pair-wsw .pair-read{background:#e2231a}
.pair-read:hover{background:#ff7a50;transform:translateY(-2px)}
.pair-wsw .pair-read:hover{background:#f6413a}
.pair-archive{color:#ffe0d4;align-items:center;gap:6px;font-size:.76rem;font-weight:900;display:inline-flex}
.pair-archive:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.pair-read svg,.pair-archive svg{width:17px;height:17px}
@media (width<=900px){
  .feature-pair{grid-template-columns:1fr;margin-top:26px}
  .pair-head{flex-direction:column;gap:12px}
}

/* "The Next Generation" cards are built from the daily feed (home-latest.js)
   and now lead with the story's own photo; the branded panel with the
   outlet's initials shows if a publisher gives no image. */
.academy-grid>a{padding:0;overflow:hidden}
.academy-thumb{aspect-ratio:16/9;background:linear-gradient(145deg,#5b1a14,#de4f2e);display:grid;place-items:center;position:relative;overflow:hidden}
.academy-thumb i{color:#fff;opacity:.85;font:italic 700 2rem/1 Georgia,serif}
.academy-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}
.academy-thumb.has-image i{display:none}
.academy-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.academy-grid .academy-body h3{margin:10px 0 14px;font-size:1.05rem}

/* Homepage: let the main sections use more of a wide screen. They were
   capped at ~1220-1320px, which left big empty margins on large monitors.
   Everything still centres, and phones/laptops are unaffected. */
.home{--home-wide:1640px}
.home .feature-pair{max-width:calc(var(--home-wide) + 2*clamp(16px,3vw,40px))}
.home .content{max-width:calc(var(--home-wide) + 2*clamp(20px,4vw,55px))}
.home .press-room-heading,.home .press-room-promo-grid,
.home .dark-section>.section-heading,.home .track-grid{max-width:var(--home-wide)}
.home .community{max-width:var(--home-wide)}
.home .academy-section,.home .sources{padding-inline:max(clamp(20px,7vw,105px),calc((100% - var(--home-wide))/2))}
.home .feature-pair{margin-bottom:56px}
@media (width>900px){.home .news-layout{grid-template-columns:1fr 360px}}
.home .video-art{height:auto;aspect-ratio:16/9}
@media (width>1500px){.home .press-room-image{min-height:420px}}

/* Footer social icons: their own row, centred across the full width of
   the footer on every page (including Press Room Watch's own footer). */
footer .social-row{grid-column:1/-1;justify-content:center;gap:14px;margin-top:0;padding-top:22px;border-top:1px solid var(--line)}
.prw-footer .social-row{border-top-color:#383e49;text-transform:none}
.prw-footer>div:last-of-type{color:#ff956f;gap:18px;font-size:.75rem;font-weight:900;display:flex;flex-wrap:wrap}
/* Site footer: the link list used to take its full one-line width, which
   squeezed the copyright text into a thin column. Let the links wrap and
   give the text a sensible minimum width. */
@media (width>900px){
  .site-footer{grid-template-columns:auto minmax(280px,1fr) minmax(0,1.25fr)}
  .site-footer>div:not(.social-row){justify-content:flex-end;row-gap:10px}
  .site-footer>p{margin:0;line-height:1.6}
}

/* Who's Saying What: "how the numbers are being reported" comparison
   tables (first used on whos-saying-what/united-accounts/). The figure
   breaks out wider than the 760px text column on big screens. */
.acc-figure{margin:36px 0 44px;width:min(1180px,calc(100vw - 48px));position:relative;left:50%;transform:translateX(-50%)}
.acc-figure figcaption{font-size:.92rem;color:#654d45;line-height:1.6;margin-bottom:12px;max-width:760px}
.acc-figure figcaption b{display:block;color:var(--ink);font:700 1.35rem/1.25 Georgia,serif;margin-bottom:4px}
.acc-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;padding:0;font-size:.78rem;color:#78635c}
.acc-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px;border:1px solid}
.acc-legend .ok{background:#e8f3ec;border-color:#1d6f47}
.acc-legend .label{background:#fbf1dc;border-color:#8a5a00}
.acc-legend .diff{background:#fbe7e5;border-color:#a61f1a}
.acc-legend .x{background:#fff;border-color:#9a918b}
.acc-legend .na{background:#fff;border-color:#9a918b;border-style:dashed}
.acc-scroll{overflow-x:auto;border:1px solid #eadbd0;border-radius:14px;background:#fff}
.acc-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.82rem}
.acc-compact{min-width:860px}
.acc-full{min-width:1240px}
.acc-table th,.acc-table td{padding:9px 10px;border-bottom:1px solid #eadbd0;vertical-align:top;text-align:left}
.acc-table thead th{background:#fffaf5;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#78635c;font-weight:900;border-bottom:2px solid #211613}
.acc-table tbody th{position:sticky;left:0;z-index:1;background:#fff;min-width:170px;max-width:200px;font-weight:400;border-right:1px solid #eadbd0}
.acc-table tbody th a{color:#211613;font-weight:800;text-decoration:none;border-bottom:1px solid #eadbd0}
.acc-table tbody th a:hover{border-bottom-color:#d65432}
.acc-table tbody th small{display:block;color:#78635c;font-size:.7rem;line-height:1.35;margin-top:3px}
.acc-table tr.bench td,.acc-table tr.bench th{background:#fff4f1}
.acc-table tr.bench th a{color:#b23d25}
.acc-table tr.grp th{position:static;background:#f6ede6;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:#78635c;font-weight:900;max-width:none}
.acc-table .v{display:block;font-weight:800;font-variant-numeric:tabular-nums;font-size:.86rem}
.acc-table .l{display:block;color:#78635c;font-size:.72rem;line-height:1.35;margin-top:2px}
.acc-table td.ok{background:#e8f3ec}.acc-table td.ok .v{color:#1d6f47}
.acc-table td.label{background:#fbf1dc}.acc-table td.label .v{color:#8a5a00}
.acc-table td.diff{background:#fbe7e5}.acc-table td.diff .v{color:#a61f1a}
.acc-table td.na .v{color:#b3a79f}
.acc-table tr.bench td .v{color:#211613}
.acc-more{margin-top:14px}
.acc-more summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;background:#211613;color:#fff;border-radius:99px;padding:11px 18px;font-size:.82rem;font-weight:900;list-style:none}
.acc-more summary::-webkit-details-marker{display:none}
.acc-more summary::after{content:"+";font-size:1rem;line-height:1}
.acc-more[open] summary::after{content:"\2212"}
.acc-more summary:focus-visible{outline:2px solid #d65432;outline-offset:2px}
.acc-more[open] summary{margin-bottom:12px}
.acc-note{font-size:.8rem;color:#78635c;line-height:1.6;margin:10px 0 0;max-width:760px}
.article-body h3{margin:34px 0 10px;font:700 1.3rem/1.25 Georgia,serif;color:var(--ink)}
.article-body>h3+p{margin-top:0}
.acc-excluded{font-size:.85rem;color:#78635c;line-height:1.65;border-top:1px solid #eadbd0;padding-top:14px}
@media (width<=900px){.acc-figure{width:auto;left:auto;transform:none}}
.analysis-page .article-body>p:not(.article-lead){margin:0 0 18px}
.analysis-page .article-conclusion h2{margin-bottom:16px}
.analysis-page .article-conclusion p:not(.eyebrow){margin:0 0 14px}
.analysis-page .article-conclusion p:last-child{margin-bottom:0}

/* The Big Story: homepage card and article table */
.pair-big{grid-column:1/-1;background:radial-gradient(circle at 92% 8%,#fb370150,#0000 40%),linear-gradient(135deg,#0a0a0a 0%,#2b0800 58%,#8e2410 100%)}
.pair-big .eyebrow,.pair-big .pair-number{color:#ff7a4d}
.pair-big .pair-points span{color:#ff8f6b}
.pair-big .pair-read{background:#fb3701}
.pair-big .pair-read:hover{background:#ff5a2a}
.pair-big .pair-dek{max-width:72ch}
@media (min-width:901px){.pair-big .pair-points{display:grid;grid-template-columns:repeat(3,1fr);column-gap:28px}.pair-big h2{max-width:30ch}}
.bs-table-wrap{overflow-x:auto;margin:6px 0 26px}
.bs-table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5}
.bs-table th,.bs-table td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.bs-table thead th{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink)}
.bs-table tbody th{font-weight:800;white-space:nowrap;color:var(--ink)}
.bs-table td:nth-child(2){white-space:nowrap;font-weight:600}
@media (max-width:600px){.bs-table td:nth-child(2){white-space:normal}.bs-table th,.bs-table td{padding:10px 8px}}

/* ---- Header wordmarks (official brand set, Sep 2026) ----
   The UNITED / ROUNDUP lettering in the header pill is the brand wordmark
   artwork rather than typed text. */
.site-header .brand b.brand-wordmarks,.prw-header .prw-brand b.brand-wordmarks{display:flex;flex-direction:column;align-items:flex-start;gap:4px;transform:none;text-shadow:none;font-size:0;line-height:0}
.brand-wordmarks img{display:block;height:17px;width:auto}
.brand-wordmarks img+img{height:17px}
.prw-header .prw-brand b.brand-wordmarks img,.site-header .brand b.brand-wordmarks img{width:auto;height:17px;object-fit:contain}

/* ---- News Wire (homepage #latest) ----
   A soft full-width band, a white wire panel with a lead story, and a
   sidebar of three separate cards: how the wire works, who's reporting
   most, and the advert. */
.home #latest{padding-top:clamp(44px,5vw,72px);padding-bottom:clamp(44px,5vw,72px);border-image:linear-gradient(180deg,#f6e9df 0%,#fbf2ea 100%) fill 0/0/0 100vmax}
.home #latest .section-heading{margin-bottom:22px}
.home #latest .filters button{background:#fffdfa}
.home #latest .filters button.active{background:var(--terra)}
.wire-main{background:#fff;border:1px solid #ecdcd1;border-radius:20px;padding:22px 24px 10px;box-shadow:0 26px 50px -38px rgba(70,25,12,.45);min-width:0}
.wire-main{display:flex;flex-direction:column}
.wire-main .story-scroll{border-bottom:0;flex:1 1 0;min-height:440px;max-height:none}
.wire-main .story:first-child{border-top:0}
.story-thumb{background:linear-gradient(145deg,#2b0800,#8e2410)}
.story-thumb:after{content:"";color:transparent;font:0/0 a;inset:auto -12px -14px auto;width:58px;height:58px;background:url(/assets/img/brand/ur-ball-cream-200.png) no-repeat center/contain;opacity:.16}
.story-thumb i{display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 8px;text-align:center;line-height:1.15;position:relative;z-index:1}
.story-thumb i b{color:#fff;font-size:.72rem;letter-spacing:.02em;font-weight:800}
.story-thumb i small{color:#f6c6b3;font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.wire-lead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center;padding:4px 0 24px;border-bottom:1px solid var(--line);margin-bottom:4px;color:inherit}
.wire-lead .story-thumb{width:100%;aspect-ratio:16/9;border-radius:14px}
.wire-lead .story-thumb img{transition:transform .35s ease}
.wire-lead:hover .story-thumb img{transform:scale(1.03)}
.wire-lead .story-thumb i b{font-size:1.1rem}
.wire-lead .story-thumb i small{font-size:.62rem}
.wire-lead .story-thumb:after{width:120px;height:120px;inset:auto -20px -24px auto}
.wire-lead-body p{color:var(--muted);font-size:.74rem;margin:0 0 10px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wire-lead-body p b{color:var(--terra);text-transform:uppercase;letter-spacing:.08em}
.wire-lead-flag{background:var(--terra);color:#fff;border-radius:99px;padding:3px 9px;font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.wire-lead h3{font:700 clamp(1.45rem,2.1vw,2.05rem)/1.14 Georgia,serif;margin:0 0 14px;letter-spacing:-.01em}
.wire-lead:hover h3{color:var(--terra)}
.wire-side{display:flex;flex-direction:column;gap:18px;align-self:start;position:sticky;top:104px;min-width:0}
.wire-card{position:relative;overflow:hidden;border-radius:20px;padding:26px 26px 24px;color:#f3e3da;background:radial-gradient(circle at 92% 4%,#fb370140,#0000 42%),linear-gradient(150deg,#120806 0%,#2b0800 58%,#5c170a 100%);box-shadow:0 26px 50px -34px rgba(40,10,4,.8)}
.wire-card:after{content:"";position:absolute;right:-34px;bottom:-26px;width:150px;height:220px;background:url(/assets/img/brand/ur-trident-watermark.png) no-repeat center/contain;opacity:.1;pointer-events:none}
.wire-card>*{position:relative;z-index:1}
.wire-card-mark{width:42px;height:auto;display:block;margin-bottom:14px}
.wire-card .eyebrow{color:#ff8a62;margin:0 0 8px}
.wire-card h2{color:#fff;font:700 1.45rem/1.15 Georgia,serif;margin:0 0 10px}
.wire-card .wire-aside-copy{color:#dcc3b8;font-size:.82rem;line-height:1.6;margin:0 0 6px}
.wire-card ul{margin:0;padding:8px 0 12px;list-style:none}
.wire-card li{display:flex;align-items:flex-start;gap:9px;padding:6px 0;font-size:.8rem;line-height:1.45;color:#f3e3da}
.wire-card li svg{width:17px;flex:none;color:#ff7a4d}
.wire-card>a{color:#ff8a62;display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:800}
.wire-card>a svg{width:17px}
.wire-card>a:hover{color:#fff}
.wire-sources{background:#fff;border:1px solid #ecdcd1;border-radius:20px;padding:22px 24px 18px}
.wire-sources .eyebrow{margin:0 0 6px}
.wire-sources h3{font:700 1.2rem/1.2 Georgia,serif;margin:0}
.wire-sources-sum{color:var(--muted);font-size:.74rem;margin:4px 0 12px}
.wire-sources-list{list-style:none;margin:0;padding:0}
.wire-sources-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:5px 10px;padding:7px 0}
.wire-sources-list .ws-name{font-size:.8rem;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wire-sources-list b{font:700 .95rem Georgia,serif;color:var(--terra)}
.wire-sources-list .ws-bar{grid-column:1/-1;height:6px;border-radius:99px;background:#f4e7de;overflow:hidden}
.wire-sources-list .ws-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#c6371d,#fb3701)}
.wire-sources-note{color:var(--muted);font-size:.7rem;line-height:1.5;margin:10px 0 0;border-top:1px solid var(--line);padding-top:10px}
.wire-ad>small{display:block;text-align:center;color:#9a8177;font-size:.58rem;letter-spacing:.14em;margin-bottom:6px}
.wire-ad .ad-box{margin-top:0;height:250px;border-radius:14px;background:#fffaf6}
@media (width<=900px){
  .wire-side{position:static}
  .wire-main{padding:16px 16px 6px;border-radius:16px}
  .wire-lead{grid-template-columns:1fr;gap:14px}
  .wire-main .story-scroll{flex:none;min-height:0;max-height:620px}
  .story-thumb i b{font-size:.6rem}
  .story-thumb i small{font-size:.42rem;letter-spacing:.08em}
}

/* Top story card art: the story's own photo, or the brand wordmarks and
   flame mark when there isn't one. */
.lead-art{overflow:hidden;background:linear-gradient(145deg,#120806,#2b0800 55%,#8e2410)}
.lead-art .lead-art-brand{display:flex;flex-direction:column;gap:6px;font-size:0;line-height:0;position:relative;z-index:1}
.lead-art .lead-art-brand img{height:32px;width:auto;display:block}
.lead-art .lead-art-mark{width:auto;height:84px;margin-left:auto;position:relative;z-index:1;opacity:.95}
.lead-art-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lead-art.has-image .lead-art-brand,.lead-art.has-image .lead-art-mark{display:none}
.lead-art.has-image:before{z-index:1;border-color:#ffffff40}
@media (width<=900px){.lead-art .lead-art-brand img{height:24px}.lead-art .lead-art-mark{height:62px}}

/* Keep each top-menu item on one line on wide screens (they wrapped to two
   lines between about 1480px and 1760px wide). */
@media (width>1480px){.site-header nav>a{white-space:nowrap}}
@media (width>1480px) and (width<=1760px){.site-header nav{gap:clamp(10px,1vw,16px);font-size:.74rem}.site-header nav a.community-link{padding:9px 13px}}
@media (width<=900px){.wire-main .story{align-items:start}}

/* Policy/info pages (about, sources, editorial, privacy, terms): the two-column
   grids had fixed-width first columns (340px / 260px / min 280px) and no
   responsive fallback, squeezing text into a sliver and pushing boxes off the
   right edge on phones. Collapse to one column and let content shrink. */
@media (width<=800px){
  .ab-hero,.ab-section,.src-section{grid-template-columns:minmax(0,1fr);gap:1.5rem}
  .ab-hero>*,.ab-section>*,.src-section>*{min-width:0}
  .ab-cards{grid-template-columns:minmax(0,1fr)}
  .src-grid,.player-grid{grid-template-columns:minmax(0,1fr)}
}
@media (width<=540px){
  .ab-hero,.ab-section,.ab-contact,.src-section,.page-hero{padding-left:1.1rem;padding-right:1.1rem}
  .ab-hero p,.ab-section p,.ab-card,.src-card,.player-card{overflow-wrap:anywhere}
  .ab-quote-card,.ab-card,.src-note,.ab-founder{max-width:100%;box-sizing:border-box}
  .ab-founder{flex-wrap:wrap}
  .src-note{margin-left:1.1rem;margin-right:1.1rem}
}

/* Embedded X posts (load only after cookie consent; plain quote shows otherwise) */
.social-embed { max-width: 550px; margin: 2rem auto; }

/* Weekly Roundup 06: article subtitle (H2 under the H1), marked-opinion tag, source pill with an inline link */
.article-hero .article-subtitle{max-width:950px;margin:18px 0 0;color:var(--muted,#78635c);font:400 clamp(1.15rem,2.4vw,1.6rem)/1.35 Georgia,serif}
.article-editor-note .opinion-flag{display:inline-block;margin:0 0 18px;padding:4px 12px;border:1px solid #9b0506;border-radius:99px;background:#fff;color:#9b0506;font-size:.8rem;line-height:1.4;letter-spacing:.06em;text-transform:uppercase}
.article-editor-note .opinion-flag em{font-style:italic;font-weight:800}
.article-sources>.source-pill{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:100%;overflow-wrap:anywhere;color:#78635c;background:#fff;border:1px solid #eadbd0;border-radius:18px;padding:8px 11px;font-size:.74rem;font-weight:600}
.article-sources>.source-pill a{display:inline-flex;align-items:center;gap:4px;color:#b64027;font-weight:800}

/* ── UR Originals — article markers ── */

/* Top marker: flame icon + "UR ORIGINALS" text, sits between article-status and h1 */
.originals-marker {
  display:flex;
  align-items:center;
  gap:.45rem;
  margin:.6rem 0 .9rem
}
.originals-marker img {
  width:16px;
  height:auto;
  opacity:.65;
  flex-shrink:0
}
.originals-marker span {
  font-size:.65rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--muted)
}

/* Bottom divider: flame icon only, sits between "What comes next" paragraph and .article-sources */
.originals-divider {
  display:flex;
  justify-content:center;
  padding:.9rem 0
}
.originals-divider img {
  width:16px;
  height:auto;
  opacity:.3
}

/* ── UR Originals — nav link ── */
.nav-originals {
  display:inline-flex;
  align-items:center;
  gap:.35rem
}
.nav-originals .nav-flame {
  width:13px;
  height:auto;
  opacity:.85;
  flex-shrink:0
}

/* ── UR Originals — type badges on originals.html cards ── */
.src-type {
  display:inline-block;
  font-size:.65rem;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
  border-radius:3px;
  padding:.1rem .4rem;
  margin-bottom:.25rem
}
.src-type--wsr {
  background:rgba(30,58,95,.12);
  color:#1e3a5f
}
.src-type--wsw {
  background:rgba(45,90,39,.12);
  color:#2d5a27
}
.src-type--bs {
  background:rgba(90,30,45,.12);
  color:#5a1e2d
}
/* Dark mode overrides for type badges */
@media (prefers-color-scheme:dark) {
  .src-type--wsr{background:rgba(30,58,95,.4);color:#7db8f0}
  .src-type--wsw{background:rgba(45,90,39,.4);color:#7dd87a}
  .src-type--bs{background:rgba(90,30,45,.4);color:#f07090}
}

/* Weekly Roundup 07: wide text tables, pull quotes, lists, numbered citations, numbered source list */
.bs-table--wide td:nth-child(2){white-space:normal;font-weight:400}
.bs-table--wide td:first-child{min-width:7rem}
.bs-table--nums td:not(:first-child),.bs-table--nums th:not(:first-child){text-align:center;font-variant-numeric:tabular-nums}
.analysis-page .article-body .table-note{font-size:.85rem;color:var(--muted,#78635c);margin:-14px 0 20px}
.analysis-page .article-body ul{margin:0 0 20px;padding-left:1.3rem;line-height:1.7}
.analysis-page .article-body li{margin-bottom:8px}
.article-body blockquote.pull-quote{margin:0 0 20px;padding:4px 0 4px 18px;border-left:4px solid #d65432;font:italic 400 1.1rem/1.6 Georgia,serif;color:var(--ink)}
.article-body blockquote.pull-quote p{margin:0}
.article-body blockquote.pull-quote p.quote-by{margin:6px 0 0;font:700 .8rem/1.4 system-ui,sans-serif;font-style:normal;color:#78635c}
.social-embed figcaption{font-size:.8rem;color:var(--muted,#78635c);margin-top:6px}
a.cite{font-size:.75em;font-weight:700;color:#b64027;text-decoration:none;white-space:nowrap}
a.cite:hover{text-decoration:underline}
.article-sources .source-list{margin:12px 0 0;padding-left:2.2rem;font-size:.85rem;line-height:1.55;color:#78635c}
.article-sources .source-list li{margin-bottom:8px;padding-left:4px}
.article-sources .source-list li:target{background:#fbf1dc}
.article-sources .source-list a{display:inline;color:#b64027;font-weight:700;overflow-wrap:anywhere}