/* Media Watch (/media-watch/): story lists, headlines side by side, outlet volume bars. Colours are site tokens only. */

.mw-stories{ list-style:none; margin:0; padding:0; display:grid; gap:0; counter-reset:mw; }
.mw-story{ padding:10px 0; border-top:1px solid var(--cv-line); display:grid; gap:6px; min-width:0; }
.mw-story:first-child{ border-top:0; padding-top:0; }
.mw-story-title{ font-weight:700; font-size:15.5px; line-height:1.35; color:var(--cv-ink); text-decoration:none; overflow-wrap:anywhere; }
a.mw-story-title:hover{ color:var(--cv-blue); text-decoration:underline; }
.mw-story-meta, .mw-compare-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.mw-when{ font-size:12.5px; color:var(--cv-ink-3); white-space:nowrap; }

.mw-arts summary{ cursor:pointer; font-size:13.5px; color:var(--cv-blue); }
.mw-arts ul{ list-style:none; margin:8px 0 0; padding:0 0 0 10px; border-left:2px solid var(--cv-line); display:grid; gap:6px; font-size:14px; }
.mw-arts li{ overflow-wrap:anywhere; }
.mw-arts li > a:last-child{ color:var(--cv-ink); }
.mw-outlet{ display:inline-block; margin-right:4px; font-size:12px; font-weight:700; text-decoration:none; color:var(--cv-ink-2); }
.mw-outlet.is-red{ color:var(--cv-red); }
.mw-outlet.is-blue{ color:var(--cv-blue); }
.mw-outlet.is-warn{ color:var(--cv-warn); }

.mw-compares{ display:grid; gap:16px; }
.mw-compare{ display:grid; gap:8px; padding-top:14px; border-top:1px solid var(--cv-line); }
.mw-compare:first-child{ border-top:0; padding-top:0; }
.mw-compare-cols{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px; }
@media (max-width:760px){ .mw-compare-cols{ grid-template-columns:minmax(0, 1fr); } }
.mw-col{ display:grid; align-content:start; gap:4px; padding:10px 12px; border-radius:6px; background:var(--cv-surface-2); border-top:3px solid var(--cv-line); min-width:0; }
.mw-col-conservative{ border-top-color:var(--cv-red); }
.mw-col-legacy{ border-top-color:var(--cv-blue); }
.mw-col-left{ border-top-color:var(--cv-warn); }
.mw-col-label{ font-size:11.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--cv-ink-3); }
.mw-col-title{ font-weight:700; font-size:14.5px; line-height:1.35; color:var(--cv-ink); text-decoration:none; overflow-wrap:anywhere; }
a.mw-col-title:hover{ color:var(--cv-blue); text-decoration:underline; }
.mw-col-outlet{ font-size:12.5px; color:var(--cv-ink-2); }
.mw-col-none{ font-size:13.5px; color:var(--cv-ink-3); font-style:italic; }

.mw-latest{ list-style:none; margin:0; padding:0; display:grid; gap:8px; font-size:14.5px; }
.mw-latest li{ overflow-wrap:anywhere; }
.mw-latest a{ color:var(--cv-ink); }
.mw-latest a:hover{ color:var(--cv-blue); }

.mw-bars{ list-style:none; margin:0; padding:0; display:grid; gap:6px; font-size:13.5px; }
.mw-bars li{ display:grid; grid-template-columns:84px minmax(0, 1fr) 48px; align-items:center; gap:8px; }
.mw-bars b{ text-align:right; font-variant-numeric:tabular-nums; }
.mw-bar-day{ color:var(--cv-ink-2); white-space:nowrap; }
.mw-bar{ display:block; height:10px; border-radius:5px; background:var(--cv-surface-2); overflow:hidden; }
.mw-bar i{ display:block; height:100%; background:var(--cv-blue); border-radius:5px; }

.mw-outlets td:nth-child(2){ color:var(--cv-ink-3); font-size:13.5px; }