/* =====================================================================
   Politics · the situation room (loaded after chrome.css)
   Deep military navy with a field of gold stars; ivory type, gold rules, a crimson alarm colour.
   Formal serif headlines; the 8-bit pixel face is kept for labels, HUDs and the comics.
   Comments, drops and member boxes keep the engine's look.
   ===================================================================== */
body[data-theme="politics"]{
  --ch-bg:#0b1a36; --ch-deep:#060d1d; --ch-acc:#d9b44a; --ch-line:#b3202e;
  --po-navy:#0a1428; --po-navy2:#0f1d3a; --po-panel:#122444; --po-line:#2a3f66; --po-ivory:#ece6d3; --po-mute:#a9b3c8;
  --po-gold:#d9b44a; --po-gold2:#f0d27a; --po-red:#b3202e; --po-blue:#4f86d9; --po-ink:#050a16;
  --po-head:"Source Serif 4","Source Serif",Georgia,"Times New Roman",serif;
  background:var(--po-navy);color:var(--po-ivory)}
body[data-theme="politics"] main{background-color:var(--po-navy);color:var(--po-ivory);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cpolygon points='18.0,18.8 18.8,20.9 21.0,21.0 19.3,22.4 19.9,24.6 18.0,23.3 16.1,24.6 16.7,22.4 15.0,21.0 17.2,20.9' fill='%23d9b44a' fill-opacity='0.55'/%3E%3Cpolygon points='74.0,10.4 74.4,11.5 75.5,11.5 74.6,12.2 74.9,13.3 74.0,12.7 73.1,13.3 73.4,12.2 72.5,11.5 73.6,11.5' fill='%23d9b44a' fill-opacity='0.35'/%3E%3Cpolygon points='118.0,45.6 118.6,47.2 120.3,47.3 119.0,48.3 119.4,49.9 118.0,49.0 116.6,49.9 117.0,48.3 115.7,47.3 117.4,47.2' fill='%23d9b44a' fill-opacity='0.45'/%3E%3Cpolygon points='40.0,76.6 40.3,77.5 41.3,77.6 40.6,78.2 40.8,79.1 40.0,78.6 39.2,79.1 39.4,78.2 38.7,77.6 39.7,77.5' fill='%23d9b44a' fill-opacity='0.3'/%3E%3Cpolygon points='96.0,93.0 96.7,95.0 98.9,95.1 97.2,96.4 97.8,98.4 96.0,97.3 94.2,98.4 94.8,96.4 93.1,95.1 95.3,95.0' fill='%23d9b44a' fill-opacity='0.5'/%3E%3Cpolygon points='150.0,18.5 150.4,19.5 151.4,19.5 150.6,20.2 150.9,21.2 150.0,20.6 149.1,21.2 149.4,20.2 148.6,19.5 149.6,19.5' fill='%23d9b44a' fill-opacity='0.3'/%3E%3Cpolygon points='156.0,115.8 156.5,117.3 158.1,117.3 156.9,118.3 157.3,119.8 156.0,118.9 154.7,119.8 155.1,118.3 153.9,117.3 155.5,117.3' fill='%23d9b44a' fill-opacity='0.4'/%3E%3Cpolygon points='12.0,132.2 12.4,133.4 13.7,133.4 12.7,134.2 13.1,135.5 12.0,134.8 10.9,135.5 11.3,134.2 10.3,133.4 11.6,133.4' fill='%23d9b44a' fill-opacity='0.35'/%3E%3Cpolygon points='62.0,137.4 62.6,139.1 64.5,139.2 63.0,140.3 63.5,142.1 62.0,141.1 60.5,142.1 61.0,140.3 59.5,139.2 61.4,139.1' fill='%23d9b44a' fill-opacity='0.45'/%3E%3Cpolygon points='132.0,150.7 132.3,151.6 133.2,151.6 132.5,152.2 132.8,153.1 132.0,152.5 131.2,153.1 131.5,152.2 130.8,151.6 131.7,151.6' fill='%23d9b44a' fill-opacity='0.3'/%3E%3C/svg%3E"),radial-gradient(1200px 600px at 50% -10%,#16295073,transparent 70%);background-size:170px 170px,100% 100%}
body[data-theme="politics"] main a{color:var(--po-gold2)}
body[data-theme="politics"] .phead{background:var(--po-navy2)}
body[data-theme="politics"] .phead::after{background:linear-gradient(90deg,var(--po-red),var(--po-gold),var(--po-blue))}
body[data-page="home"] .tick{display:flex}
.fn{font:700 .72em/1 var(--font-mono);color:var(--po-gold)!important;text-decoration:none;vertical-align:super;white-space:nowrap}
.fn:hover{color:var(--po-ivory)!important;text-decoration:underline}
.small{color:var(--po-mute)}

/* shared: section heads on navy */
body[data-theme="politics"] main .shead{border-bottom-color:var(--po-gold)}
body[data-theme="politics"] main .shead h2{color:var(--po-ivory);font-family:var(--po-head);font-weight:700;text-transform:none;letter-spacing:0}
body[data-theme="politics"] main .shead .note{color:var(--po-mute)}

/* ---------- hero ---------- */
.po-hero{padding:clamp(2rem,4.5vw,3.4rem) 0 clamp(1.6rem,3vw,2.4rem);border-bottom:1px solid var(--po-line);
  background:linear-gradient(180deg,rgba(6,13,29,.55),transparent)}
.po-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(1.2rem,3vw,2.4rem);align-items:end}
.po-hero .kicker{color:var(--po-mute)}
.po-hero .kicker b{background:var(--po-gold);color:var(--po-ink)}
.po-h1{margin:.3rem 0 .7rem;font:700 clamp(3rem,9vw,6.6rem)/.9 var(--po-head);letter-spacing:.01em;text-transform:uppercase;display:flex;flex-wrap:wrap;align-items:baseline;gap:.12em}
.po-w{color:var(--po-ivory);text-shadow:0 3px 0 var(--po-ink)}
.po-dot{color:var(--po-gold)}
.po-808{font:400 clamp(.8rem,1.8vw,1.1rem)/1 var(--font-px);color:var(--po-gold);border:2px solid var(--po-gold);padding:.55em .7em;align-self:center;letter-spacing:.08em}
.po-hero .lede{max-width:44rem;color:var(--po-ivory);font-family:var(--font-body)}
.po-bb{background:var(--po-panel);border:1px solid var(--po-gold);box-shadow:0 0 0 4px var(--po-navy),0 0 0 5px var(--po-line);padding:1rem 1.15rem}
.po-bb-k{font:400 11px/1.3 var(--font-px);letter-spacing:.06em;margin:0 0 .7rem;color:var(--po-gold);text-transform:uppercase}
.po-bb-k::before{content:"★ "}
.po-bb-n{display:flex;gap:1.2rem;margin-bottom:.5rem}
.po-bb-n span{font:400 12px/1.2 var(--font-px);display:grid;gap:4px;color:var(--po-mute)}
.po-bb-n b{font:700 2.4rem/1 var(--po-head);color:var(--po-ivory)}
.po-bb-n i{font:700 11px/1.2 var(--font-mono);font-style:normal;text-transform:uppercase;color:var(--po-mute)}

.t5s{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:clamp(1.4rem,3vw,2rem)}
.t5{position:relative;display:grid;align-content:start;gap:6px;padding:12px 12px 10px;background:var(--po-panel);border:1px solid var(--po-line);border-top:3px solid var(--acc);
  color:var(--po-ivory)!important;text-decoration:none;transition:border-color .15s,background .15s}
.t5:hover{background:#172c52;border-color:var(--po-gold)}
.t5-r{font:700 1.8rem/1 var(--po-head);color:var(--po-gold)}
.t5-k{position:absolute;top:12px;right:10px;font:400 9px/1 var(--font-px);color:var(--acc);text-transform:uppercase;letter-spacing:.04em}
.t5 b{font:600 14.5px/1.3 var(--po-head)}
.t5-m{font:700 11px/1.2 var(--font-mono);text-transform:uppercase;color:var(--po-mute);display:grid;gap:5px;margin-top:auto}
.t5-bar{display:block;height:4px;background:var(--po-line)}
.t5-bar s{display:block;height:100%;background:var(--po-gold)}
.t5-b{position:absolute;right:8px;bottom:30px;width:16px;opacity:.2;filter:grayscale(1)}
.t5-b.got{opacity:1;filter:none}
.t5-b svg{display:block;width:100%;height:auto}

/* ---------- a story ---------- */
.po-story{padding:clamp(2.2rem,5vw,3.6rem) 0;border-bottom:1px solid var(--po-line);scroll-margin-top:60px}
.po-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(.9rem,2.4vw,1.6rem);align-items:start;margin-bottom:1.4rem}
.po-rank{display:grid;justify-items:center;gap:6px;background:var(--po-ink);border:1px solid var(--acc);border-top:4px solid var(--acc);padding:.6rem .8rem;min-width:84px}
.po-rank b{display:none;font:700 2.8rem/.9 var(--po-head);color:var(--po-ivory)}
.po-rank span{font:400 9px/1.2 var(--font-px);color:var(--acc);text-transform:uppercase;text-align:center}
.po-warning .po-rank span::before{content:"▲ "}
.po-warning .po-rank{animation:poalert 2.4s ease-in-out infinite}
@keyframes poalert{50%{box-shadow:0 0 0 3px rgba(224,160,58,.35)}}
.po-meta{font:700 12px/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--po-gold);margin:0 0 .4rem}
.po-titles h2{font:700 clamp(1.7rem,3.6vw,2.6rem)/1.08 var(--po-head);letter-spacing:-.005em;margin:0 0 .55rem;text-wrap:balance;color:var(--po-ivory)}
.po-dek{font:400 1.08rem/1.5 var(--font-body);margin:0;max-width:46rem;color:var(--po-mute)}
.po-cov{background:var(--po-panel);border:1px solid var(--po-line);padding:.7rem .8rem}
.po-cov-n{margin:0;font:400 1rem/1 var(--font-mono);color:var(--po-mute)}
.po-cov-n b{font:700 2.2rem/1 var(--po-head);color:var(--po-ivory)}
.po-cov-l{margin:.2rem 0 .5rem;font:700 11px/1.2 var(--font-mono);text-transform:uppercase;color:var(--po-mute)}
.cds{display:flex;flex-wrap:wrap;gap:5px}
.cvd{width:13px;height:13px;border:1px solid var(--po-gold);background:transparent;display:inline-block;position:relative;
  clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.cvd.on{background:var(--po-gold)}
.cvd:not(.on){background:var(--po-line)}
.cvd span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
a.cvd:hover{background:var(--po-ivory)}

/* ---------- the comic ---------- */
.po-comic{background:var(--po-ink);border:1px solid var(--po-line);outline:1px solid var(--po-gold);outline-offset:4px;padding:clamp(10px,1.6vw,16px);margin:6px 6px 1.9rem}
.ko-hud{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;background:var(--po-navy2);color:var(--po-ivory);border:1px solid var(--po-line);padding:8px 10px;margin-bottom:12px;
  font:400 10px/1.3 var(--font-px)}
.hud-p1{color:var(--po-gold)}
.hud-stats{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 auto}
.hud-s{display:grid;gap:3px;border:1px solid var(--po-gold);padding:4px 7px}
.hud-s b{font:400 13px/1 var(--font-px);color:var(--po-ivory)}
.hud-s i{font:700 10px/1.1 var(--font-mono);font-style:normal;text-transform:uppercase;color:var(--po-mute)}
.hud-vs{font:700 1.2rem/1 var(--po-head);color:var(--po-red)}
.hud-boss{display:flex;align-items:center;gap:6px;color:#e58a8a}
.hud-boss b{font-weight:400}
.ko-villain{width:44px;height:40px}
.ko-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ko{margin:0;display:flex;flex-direction:column;border:1px solid var(--po-line);background:var(--po-navy2);position:relative;min-width:0}
.ko-cap{max-width:none;margin:0;background:var(--po-gold);color:var(--po-ink);border-bottom:1px solid var(--po-ink);padding:8px 10px;font:600 13.5px/1.4 var(--font-body)}
.ko-cap .fn{color:var(--po-ink)!important}
.ko-stage{position:relative;aspect-ratio:16/10;flex:1 0 auto;min-height:0;overflow:hidden;background:var(--po-navy)}
.ko-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,20,40,.14),rgba(10,20,40,.36))}
.ko-art{display:block;width:100%;height:100%}
.ko-name{position:absolute;left:8px;bottom:8px;z-index:2;background:var(--po-ink);color:var(--po-gold);border:1px solid var(--po-gold);padding:3px 6px;font:400 9px/1.2 var(--font-px);text-transform:uppercase;max-width:70%}
.ko-n{position:absolute;right:6px;top:6px;z-index:2;width:22px;height:22px;display:grid;place-items:center;background:var(--po-ink);color:var(--po-gold);font:400 10px/1 var(--font-px)}
.ko-say{margin:12px 10px 10px;background:var(--po-ivory);color:var(--po-ink);border:2px solid var(--po-ink);border-radius:12px;padding:10px 12px;position:relative}
.ko-say::before{content:"";position:absolute;left:30px;top:-14px;border:7px solid transparent;border-bottom:7px solid var(--po-ivory)}
.ko-say::after{display:none}
.ko-say p{max-width:none;margin:0 0 .35rem;font:600 15px/1.45 var(--font-body);color:var(--po-ink)}
.ko-say .ko-who{margin:0;max-width:none;font:700 11px/1.3 var(--font-mono);text-transform:uppercase;color:#4a5570}
.ko-say .fn{color:var(--po-red)!important}
.ko-note{margin:.7rem 0 0;font:700 11px/1.4 var(--font-mono);color:var(--po-mute)}

/* the hidden ballot */
.pb{position:absolute;width:22px;height:25px;padding:0;border:0;background:none;cursor:pointer;opacity:.45;transition:opacity .2s,transform .2s;z-index:3;
  animation:pbwob 3.6s ease-in-out infinite}
.pb svg{display:block;width:100%;height:100%}
.pb:hover,.pb:focus-visible{opacity:1;transform:scale(1.35)}
.pb:focus-visible{outline:2px solid var(--po-gold);outline-offset:2px}
.pb.got{opacity:1;animation:none;filter:drop-shadow(0 0 4px var(--po-gold))}
@keyframes pbwob{0%,90%,100%{transform:rotate(0)}93%{transform:rotate(-10deg)}96%{transform:rotate(10deg)}}
.po-pow{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;white-space:nowrap;
  font:400 clamp(.8rem,1.8vw,1rem)/1.2 var(--font-px);color:var(--po-ink);background:var(--po-gold);border:2px solid var(--po-ink);padding:.6em .8em;animation:popow 1.3s ease-out forwards}
@keyframes popow{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}15%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{opacity:1}100%{opacity:0}}

/* ---------- synopsis + take ---------- */
.po-cols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);align-items:start}
.po-syn,.po-take{background:var(--po-panel);border:1px solid var(--po-line);padding:1.1rem 1.3rem;color:var(--po-ivory)}
.po-syn h3,.po-take h3{font:400 11px/1.3 var(--font-px);letter-spacing:.06em;margin:0 0 .8rem;text-transform:uppercase;color:var(--po-gold)}
.po-syn ul{margin:0 0 1.1rem;padding-left:1.1rem}
.po-syn li{margin:.4rem 0;line-height:1.55}
.po-syn li::marker{color:var(--po-gold)}
.po-watch li b{font:700 11px/1 var(--font-mono);border:1px solid var(--po-gold);color:var(--po-gold);padding:2px 5px;margin-right:4px;text-transform:uppercase}
.po-take{background:linear-gradient(180deg,#14284c,var(--po-panel));border-top:3px solid var(--acc);position:sticky;top:76px}
.po-take h3{font:700 1.5rem/1 var(--po-head);letter-spacing:0;text-transform:none;color:var(--po-ivory)}
.po-take h3 span{color:var(--po-gold)}
.po-take p{font:400 15.5px/1.6 var(--font-body);color:var(--po-ivory)}
.po-covd{margin:.4rem 0 .8rem;border:1px dashed var(--po-line);padding:.5rem .7rem}
.po-covd summary{cursor:pointer;font:700 12px/1.3 var(--font-mono);text-transform:uppercase;color:var(--po-mute)}
.po-covl{list-style:none;padding:0;margin:.6rem 0 .2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 12px;font-size:14px}
.po-covl li.y b::before{content:"★ ";color:var(--po-gold)}
.po-covl li.u{color:var(--po-mute)}
.po-covl li.u b::before{content:"☆ "}
.po-src{font-size:13px;line-height:1.6;margin:0;overflow-wrap:anywhere;color:var(--po-mute)}

/* the vote */
.pv{border-top:1px solid var(--po-line);padding-top:.9rem;margin-top:.9rem}
.pv-q{font:400 10px/1.4 var(--font-px);letter-spacing:.04em;margin:0 0 .6rem;color:var(--po-gold);text-transform:uppercase}
.pv-list{display:grid;gap:6px}
.pv-b{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;text-align:left;background:var(--po-navy);color:var(--po-ivory);border:1px solid var(--po-line);padding:8px 10px;cursor:pointer;
  font:600 14px/1.2 var(--font-body)}
.pv-b:not([disabled]):hover{border-color:var(--po-gold)}
.pv-b:focus-visible{outline:2px solid var(--po-gold);outline-offset:2px}
.pv-b[disabled]{cursor:not-allowed;opacity:.5}
.pv-b.mine{border-color:var(--po-gold);background:#1a2f57}
.pv-p{font:400 11px/1 var(--font-px);color:var(--po-gold)}
.pv-bar{grid-column:1/-1;display:block;height:4px;background:var(--po-line)}
.pv-bar s{display:block;height:100%;background:var(--po-gold);transition:width .4s}
.pv-msg{margin:.6rem 0 0}
.pv.flash{animation:pvflash 1.2s}
@keyframes pvflash{30%{background:rgba(217,180,74,.18)}}

/* ---------- sections ---------- */
.po-sec{padding:clamp(2rem,4.5vw,3.2rem) 0;border-bottom:1px solid var(--po-line);scroll-margin-top:60px;color:var(--po-ivory)}
.po-method{max-width:52rem;line-height:1.65}
.po-tw{overflow-x:auto;border:1px solid var(--po-line);background:var(--po-panel);margin:1rem 0}
.po-t{width:100%;border-collapse:collapse;font-size:14px;min-width:560px;color:var(--po-ivory)}
.po-t th,.po-t td{padding:9px 11px;border-bottom:1px solid var(--po-line);text-align:left;vertical-align:top}
.po-t td:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.po-t th{background:var(--po-ink);color:var(--po-gold);font:400 10px/1.2 var(--font-px)}
.po-t tr.also td{color:var(--po-mute);background:rgba(5,10,22,.35)}
.po-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:1rem 0}
.po-rule{background:var(--po-panel);border:1px solid var(--po-line);border-top:3px solid var(--po-gold);padding:1rem;display:flex;gap:12px;align-items:flex-start}
.po-rule p{margin:0;line-height:1.55}
.po-bigballot{width:40px;flex:none}
.po-bigballot svg{width:100%;height:auto;display:block}
.po-cta{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;background:var(--po-panel);border:1px solid var(--po-gold);padding:1.3rem 1.5rem}
.po-cta h2{font:700 1.9rem/1.05 var(--po-head);margin:0 0 .4rem;color:var(--po-ivory)}
.po-cta p{margin:0}
.po-story .cm,.po-story .c8d{margin-top:1.2rem}

/* an odd panel out spans the row, like a splash panel */
.ko-grid > .ko:last-child:nth-child(odd){grid-column:1/-1}
.ko-grid > .ko:last-child:nth-child(odd) .ko-stage{aspect-ratio:32/10}

/* ---------- newsfeed ---------- */
.fd-hero .po-h1{font-size:clamp(2.6rem,7vw,5rem)}
.fd-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.2rem}
.fd-f{font:400 10px/1 var(--font-px);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;background:transparent;color:var(--po-ivory);border:1px solid var(--po-line);cursor:pointer}
.fd-f b{color:var(--po-gold);font-weight:400;margin-left:4px}
.fd-f:hover{border-color:var(--po-gold)}
.fd-f[aria-pressed="true"]{background:var(--po-gold);color:var(--po-ink);border-color:var(--po-gold)}
.fd-f[aria-pressed="true"] b{color:var(--po-ink)}
.fd-f:focus-visible{outline:2px solid var(--po-gold);outline-offset:2px}
.fd-list .wrap{display:grid;gap:clamp(2rem,4vw,3rem)}
.fd-item{border-top:3px solid var(--acc);padding-top:1rem;scroll-margin-top:70px}
.fd-head h2{font:700 clamp(1.4rem,3vw,2rem)/1.12 var(--po-head);margin:0 0 1rem;color:var(--po-ivory);text-wrap:balance;max-width:56rem}
.fd-tag{display:inline-block;color:var(--acc);font:400 9px/1 var(--font-px);text-transform:uppercase;letter-spacing:.04em}
.fd-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:var(--po-ink);border:1px solid var(--po-line);padding:10px}
.fd-strip .ko-stage{aspect-ratio:16/11}
.fd-strip .ko-say p{font-size:14px}
.fd-strip .ko-cap{font-size:13px}
.fd-cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(1rem,2.5vw,1.6rem);margin-top:1rem;align-items:start}
.fd-syn,.fd-take{background:var(--po-panel);border:1px solid var(--po-line);padding:1rem 1.2rem;color:var(--po-ivory)}
.fd-syn h3{font:400 11px/1.3 var(--font-px);letter-spacing:.06em;margin:0 0 .7rem;text-transform:uppercase;color:var(--po-gold)}
.fd-syn ul{margin:0 0 .9rem;padding-left:1.1rem}
.fd-syn li{margin:.35rem 0;line-height:1.55}
.fd-syn li::marker{color:var(--po-gold)}
.fd-take{border-top:3px solid var(--acc)}
.fd-take h3{font:700 1.3rem/1 var(--po-head);margin:0 0 .6rem;color:var(--po-ivory)}
.fd-take h3 span{color:var(--po-gold)}
.fd-take p{margin:0;font:400 15px/1.6 var(--font-body);color:var(--po-ivory)!important;opacity:1}
.fd-item .cm,.fd-item .c8d{margin-top:1rem}
.fd-teaser{list-style:none;padding:0;margin:1rem 0 1.4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.fd-teaser a{display:grid;gap:6px;height:100%;padding:.8rem .9rem;background:var(--po-panel);border:1px solid var(--po-line);color:var(--po-ivory)!important;text-decoration:none;font:600 15px/1.3 var(--po-head)}
.fd-teaser a:hover{border-color:var(--po-gold)}

/* ---------- the wire ---------- */
.wr-hero .po-h1{font-size:clamp(2.6rem,7vw,5rem);margin-top:1.2rem}
.wr-scene{position:relative;border:1px solid var(--po-line);outline:1px solid var(--po-gold);outline-offset:4px;margin:1rem 5px 0;background:var(--po-ink);max-width:100%}
.wire-art{display:block;width:100%;height:auto;aspect-ratio:240/110}
.wr-bubble{position:absolute;right:3%;top:6%;max-width:min(44%,340px);margin:0;background:var(--po-ivory);color:var(--po-ink);border:2px solid var(--po-ink);border-radius:12px;padding:10px 12px}
.wr-bubble::after{content:"";position:absolute;right:30%;bottom:-14px;border:7px solid transparent;border-top:8px solid var(--po-ivory)}
.wr-bubble p{margin:0;font:600 clamp(12px,1.4vw,16px)/1.4 var(--font-mono);max-width:none;color:var(--po-ink)}
.wr-lamp{position:absolute;left:56.6%;top:52%;width:2.4%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#ffe9a8,rgba(255,233,168,0) 70%);animation:wrglow 2.4s ease-in-out infinite;pointer-events:none}
@keyframes wrglow{50%{opacity:.35}}
.wr-list .wrap{display:grid;gap:clamp(1.4rem,3vw,2.2rem)}
.wr-cable{background:#efe6cf;color:#1e1a12;border:1px solid #c9b98f;border-left:6px solid var(--acc);padding:clamp(14px,2.2vw,22px);box-shadow:0 2px 0 #c9b98f,0 10px 24px rgba(0,0,0,.35);scroll-margin-top:70px;
  background-image:repeating-linear-gradient(0deg,rgba(120,100,60,.06) 0 1px,transparent 1px 26px)}
.wr-hd{display:flex;flex-wrap:wrap;gap:4px 14px;font:700 11px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#5a4e36;border-bottom:1px dashed #a8956a;padding-bottom:8px;margin-bottom:10px}
.wr-no{color:#1e1a12}
.wr-tag{color:#fff;background:var(--acc);padding:1px 6px}
.wr-cable h2{font:700 clamp(1.2rem,2.4vw,1.6rem)/1.2 var(--po-head);margin:0 0 .8rem;color:#1e1a12;text-wrap:balance}
.wr-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:.9rem}
.wr-beat{margin:0;min-width:0;background:#1e1a12;border:1px solid #1e1a12}
.wr-art{position:relative;aspect-ratio:16/9;overflow:hidden}
.wr-art .ko-art{display:block;width:100%;height:100%}
.wr-art .ko-name{font-size:8px;padding:2px 4px;left:4px;bottom:4px}
.wr-art .ko-n{width:18px;height:18px;font-size:9px;right:4px;top:4px}
.wr-beat figcaption{background:#e3d6b4;color:#1e1a12;padding:6px 8px;font:700 12px/1.35 var(--font-mono)}
.wr-beat figcaption .fn,.wr-body .fn{color:#8a1c24!important}
.wr-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(.8rem,2vw,1.4rem)}
.wr-syn{margin:0;font:400 15.5px/1.6 var(--font-body);color:#1e1a12;max-width:none}
.wr-take{margin:0;font:400 15px/1.6 var(--font-body);color:#1e1a12;border-left:3px solid var(--acc);padding-left:12px;max-width:none}
.wr-take b{display:block;font:700 10px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#8a1c24}
.wr-cable .po-src{color:#5a4e36;margin-top:.8rem}
.wr-cable .po-src a{color:#1e3a6b!important}
.wr-more{font-weight:700;margin-left:.4rem}
.wr-stop{margin:.4rem 0 0;text-align:right;font:700 12px/1 var(--font-mono);letter-spacing:.3em;color:#8a7a5a}

/* ---------- the feature: magazine cover + comic story ---------- */
.fe-hero{padding:clamp(1.6rem,4vw,3rem) 0;border-bottom:1px solid var(--po-line);background:linear-gradient(180deg,rgba(6,13,29,.6),transparent)}
.fe-hero-in{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:clamp(1.2rem,4vw,3rem);align-items:start}
.fe-cover{position:relative;aspect-ratio:4/5;max-width:100%;overflow:hidden;border:3px solid var(--po-ink);outline:2px solid var(--po-gold);outline-offset:5px;box-shadow:14px 14px 0 rgba(0,0,0,.45);background:#0b1328;margin:6px}
.fe-art,.fe-art .cover-art{position:absolute;inset:0;width:100%;height:100%}
.fe-art .cover-art{display:block}
.fe-mast{position:absolute;left:0;right:0;top:0;padding:4% 5% 0;display:grid;gap:2px;background:linear-gradient(180deg,rgba(6,13,29,.85),rgba(6,13,29,0))}
.fe-mast-w{font:400 clamp(2.1rem,9vw,4.2rem)/.85 var(--font-display);color:var(--po-gold);letter-spacing:.02em;-webkit-text-stroke:1.5px var(--po-ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--po-red)}
.fe-mast-w i{font-style:normal;color:var(--po-ivory)}
.fe-mast-m{font:400 clamp(7px,1.6vw,10px)/1.2 var(--font-px);color:var(--po-ivory);letter-spacing:.06em;text-transform:uppercase}
.fe-kick{position:absolute;left:5%;top:31%;margin:0;font:400 clamp(7px,1.6vw,10px)/1 var(--font-px);background:var(--po-red);color:#fff;padding:5px 7px;transform:rotate(-3deg)}
.fe-title{position:absolute;left:5%;right:5%;top:37%;margin:0;font:400 clamp(2rem,8.4vw,4rem)/.88 var(--font-display);color:var(--po-ivory);text-transform:uppercase;letter-spacing:.01em;
  -webkit-text-stroke:2px var(--po-ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--po-ink);text-wrap:balance}
.fe-lines{position:absolute;left:5%;right:30%;bottom:4%;margin:0;padding:0;list-style:none;display:grid;gap:4px}
.fe-lines li{font:600 clamp(9px,1.8vw,12px)/1.2 var(--font-body);color:var(--po-ivory);text-shadow:0 1px 2px #000}
.fe-lines b{display:block;font:400 clamp(.85rem,2.6vw,1.15rem)/1 var(--font-display);color:var(--po-gold);letter-spacing:.02em;text-shadow:2px 2px 0 var(--po-ink)}
.fe-bar{position:absolute;right:5%;bottom:5%;width:20%;aspect-ratio:3/2;background:#fff repeating-linear-gradient(90deg,#000 0 2px,#fff 2px 4px,#000 4px 5px,#fff 5px 8px);border:3px solid #fff}
.fe-cover:not(.big) .fe-lines{display:none}
.fe-cover:not(.big) .fe-title{font-size:clamp(1.6rem,4.4vw,2.6rem)}
.fe-open{display:grid;gap:1rem;align-content:start}
.fe-dek{font:600 clamp(1.15rem,2.4vw,1.45rem)/1.45 var(--po-head);color:var(--po-ivory);margin:0}
.fe-why{color:var(--po-mute);margin:0;line-height:1.6}
.fe-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.fe-toc a{display:grid;gap:4px;padding:10px 12px;background:var(--po-panel);border:1px solid var(--po-line);color:var(--po-ivory)!important;text-decoration:none;font:700 1.05rem/1.2 var(--po-head)}
.fe-toc a span{font:400 9px/1 var(--font-px);color:var(--po-gold);text-transform:uppercase}
.fe-toc a:hover{border-color:var(--po-gold)}
.fe-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.fe-stat{background:var(--po-ink);border:1px solid var(--po-line);border-top:3px solid var(--po-gold);padding:10px}
.fe-stat b{display:block;font:700 1.7rem/1 var(--po-head);color:var(--po-ivory);font-variant-numeric:tabular-nums}
.fe-stat span{font:600 12px/1.35 var(--font-body);color:var(--po-mute)}
.fe-body{display:grid;gap:clamp(1.6rem,4vw,2.6rem);padding-top:clamp(1.6rem,4vw,2.6rem);padding-bottom:clamp(1.6rem,4vw,2.6rem)}
.fe-body > *{min-width:0}
.fe-ch{scroll-margin-top:70px}
.fe-hero .kicker{color:var(--po-mute)}
.fe-hero .kicker b{background:var(--po-gold);color:var(--po-ink)}
.fe-ch-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;border-bottom:2px solid var(--po-gold);padding-bottom:8px;margin-bottom:14px}
.fe-ch-l{font:400 10px/1 var(--font-px);color:var(--po-ink);background:var(--po-gold);padding:5px 7px;text-transform:uppercase}
.fe-ch-h h2{margin:0;font:700 clamp(1.8rem,4vw,2.6rem)/1 var(--po-head);color:var(--po-ivory)}
.fe-ch-d{font:700 12px/1 var(--font-mono);color:var(--po-mute);text-transform:uppercase;margin-left:auto}
.fe-side{background:#efe6cf;color:#1e1a12;border-left:6px solid var(--po-gold);padding:1.1rem 1.3rem;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.fe-side h3{margin:0 0 .7rem;font:400 11px/1.3 var(--font-px);text-transform:uppercase;letter-spacing:.05em;color:#8a1c24}
.fe-side ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 22px}
.fe-side li{font:400 15px/1.55 var(--font-body)}
.fe-side li b{display:block;font:700 1.05rem/1.2 var(--po-head);margin-bottom:2px}
.fe-side .fn{color:#8a1c24!important}
.fe-take{background:linear-gradient(180deg,#14284c,var(--po-panel));border:1px solid var(--po-line);border-top:4px solid var(--po-gold);padding:clamp(1.1rem,3vw,2rem)}
.fe-take h2{margin:0 0 .8rem;font:700 clamp(1.6rem,3.4vw,2.2rem)/1 var(--po-head);color:var(--po-ivory)}
.fe-take h2 span{color:var(--po-gold)}
.fe-take p{font:400 17px/1.7 var(--font-body);color:var(--po-ivory);max-width:46rem}
.fe-tl h2,.fe-fc h2{font:700 1.6rem/1 var(--po-head);color:var(--po-ivory);margin:0 0 .8rem}
.fe-tl ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--po-gold);display:grid;gap:10px}
.fe-tl li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding-left:14px;position:relative;line-height:1.5}
.fe-tl li::before{content:"★";position:absolute;left:-8px;top:0;color:var(--po-gold);font-size:12px;background:var(--po-navy)}
.fe-tl .tl-src{display:inline-block;margin-left:.5rem;font:700 12px/1.4 var(--font-mono);color:var(--po-gold)!important;text-decoration:none;border-bottom:1px solid var(--po-gold);overflow-wrap:anywhere}
.fe-tl .tl-src:hover{color:var(--po-ivory)!important;border-color:var(--po-ivory)}
.fe-tl .tl-src i{font-style:normal}
.fe-tl time{font:700 12px/1.6 var(--font-mono);color:var(--po-gold);text-transform:uppercase}
.fe-fc p{color:var(--po-mute)}
.fe-fc .po-t{min-width:600px}
.fe-fc .po-t td:first-child{color:var(--po-mute);width:45%}
.fe-fc .po-t td:last-child{white-space:normal}
.fe-srcs{line-height:1.8}
.fe-promo-in{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);align-items:center}
.fe-promo-c{display:block;text-decoration:none}
.fe-promo h2{font:700 clamp(1.8rem,4vw,2.8rem)/1 var(--po-head);color:var(--po-ivory);margin:.4rem 0 .6rem}
.fe-promo .fe-dek{margin-bottom:1rem}

/* rig the next issue */
.rg{background:linear-gradient(180deg,rgba(179,32,46,.16),transparent);border-top:3px solid var(--po-red)}
.rg-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1rem,3vw,2.4rem);align-items:start}
.rg-copy h2{font:400 clamp(2.2rem,6vw,3.6rem)/.9 var(--font-display);color:var(--po-gold);margin:.4rem 0 .8rem;letter-spacing:.02em;text-shadow:3px 3px 0 var(--po-red)}
.rg-copy p{line-height:1.65;color:var(--po-ivory)}
.rg .kicker{color:var(--po-mute)}
.rg .kicker b{background:var(--po-red);color:#fff}
.rg-sat{color:var(--po-mute)!important}
.rg-copy b{color:var(--po-gold)}
.rg-stash{display:flex;flex-wrap:wrap;gap:10px;margin:1rem 0}
.rg-stash span{background:var(--po-ink);border:1px solid var(--po-gold);padding:8px 12px;font:400 10px/1.2 var(--font-px);color:var(--po-mute);text-transform:uppercase}
.rg-stash b{display:block;font:700 1.6rem/1 var(--po-head);color:var(--po-ivory);margin-bottom:4px}
.rg-sat{border:1px dashed var(--po-line);padding:.5rem .7rem;display:inline-block}
.rg-box{background:var(--po-panel);border:1px solid var(--po-line);padding:1rem 1.1rem}
.rg-q{font:400 10px/1.4 var(--font-px);color:var(--po-gold);text-transform:uppercase;margin:0 0 .7rem}
.rg-list{display:grid;gap:8px}
.rg-b{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;text-align:left;background:var(--po-navy);color:var(--po-ivory);border:1px solid var(--po-line);padding:10px 12px;cursor:pointer}
.rg-b:hover{border-color:var(--po-gold)}
.rg-b:focus-visible{outline:2px solid var(--po-gold);outline-offset:2px}
.rg-b.mine{border-color:var(--po-gold);background:#1a2f57}
.rg-l b{display:block;font:700 1.05rem/1.2 var(--po-head)}
.rg-l i{font:400 13px/1.35 var(--font-body);font-style:normal;color:var(--po-mute)}
.rg-n{font:700 1.4rem/1 var(--po-head);color:var(--po-gold);font-variant-numeric:tabular-nums}
.rg-bar{grid-column:1/-1;display:block;height:5px;background:var(--po-line)}
.rg-bar s{display:block;height:100%;background:var(--po-red);transition:width .4s}
.rg-msg{margin:.7rem 0 0}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .t5s{grid-template-columns:repeat(3,minmax(0,1fr))}
  .po-head{grid-template-columns:auto minmax(0,1fr)}
  .po-cov{grid-column:1/-1}
}
@media (max-width:860px){
  .po-hero-in{grid-template-columns:1fr}
  .po-cols{grid-template-columns:1fr}
  .po-take{position:static}
  .po-rules{grid-template-columns:1fr}
  .fd-cols{grid-template-columns:1fr}
  .fe-hero-in,.fe-promo-in,.rg-in{grid-template-columns:1fr}
  .fe-hero-in > *,.rg-in > *{min-width:0}
  .fe-cover.big{max-width:460px}
  .fe-promo-c{max-width:280px}
  .wr-body{grid-template-columns:1fr}
  .wr-bubble{position:static;max-width:none;margin:10px;border-radius:10px}
  .wr-bubble::after{display:none}
  .fd-strip{grid-template-columns:repeat(3,minmax(78%,1fr));overflow-x:auto;scroll-snap-type:x mandatory}
  .fd-strip .ko{scroll-snap-align:start}
}
@media (max-width:640px){
  .t5s{grid-template-columns:1fr 1fr}
  .ko-grid{grid-template-columns:1fr}
  .ko-grid > .ko:last-child:nth-child(odd) .ko-stage{aspect-ratio:16/10}
  .po-head{grid-template-columns:1fr}
  .po-rank{justify-self:start;grid-auto-flow:column;align-items:center;min-width:0}
  .pb{width:26px;height:30px;opacity:.6}
  .po-comic{margin-left:4px;margin-right:4px}
}
@media (max-width:380px){ .t5s{grid-template-columns:1fr} }
@media (max-width:560px){ .fe-tl li{grid-template-columns:1fr;gap:2px} .fe-ch-d{margin-left:0} .fe-toc{grid-template-columns:1fr} }
@media (max-width:560px){ .wr-strip{grid-template-columns:repeat(3,minmax(70%,1fr));overflow-x:auto;scroll-snap-type:x mandatory} .wr-beat{scroll-snap-align:start} }
@media (prefers-reduced-motion:reduce){ .wr-lamp,.pb,.po-warning .po-rank{animation:none} .po-pow{animation-duration:.01s} }
/* compact nav on wide screens: 9 links */
@media (max-width:2200px) and (min-width:901px){nav.links a{font-size:15px!important;padding:6px 4px!important;margin:0 1px!important}nav.links a i{display:none!important}nav.links::before{display:none!important}.line-tag{display:none!important}}

/* ---------- The Money ---------- */
.mn-feats{padding-top:0}
.mn-feats .po-story{padding:clamp(1.8rem,4vw,3rem) 0}
.mn-feats .po-story:last-child{border-bottom:0}
.mn-list .shead{margin-bottom:1.2rem}
.mn-card{background:#f4efe1;border-left-style:dashed}
.mn-card .wr-hd{border-bottom-style:dashed}
.mn-ts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin:1rem 0}
.mn-t{display:grid;align-content:start;gap:8px;padding:1rem 1.1rem;background:var(--po-panel);border:1px solid var(--po-line);border-top:4px solid var(--acc);color:var(--po-ivory)!important;text-decoration:none;min-width:0}
.mn-t:hover{border-color:var(--po-gold);border-top-color:var(--acc)}
.mn-t-k{font:700 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--acc)}
.mn-t b{font:700 clamp(1.05rem,2vw,1.25rem)/1.25 var(--po-head);text-wrap:balance}
.mn-t-d{font-size:14px;line-height:1.45;color:var(--po-mute)}

/* ---------- footer: same navy, gold stars and rules as the pages ---------- */
body[data-theme="politics"] footer{--ch-line:var(--po-gold);position:relative;padding:0 0 2.6rem;color:var(--po-ivory);border-top:0!important;
  background:var(--po-navy2)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cpolygon points='18.0,18.8 18.8,20.9 21.0,21.0 19.3,22.4 19.9,24.6 18.0,23.3 16.1,24.6 16.7,22.4 15.0,21.0 17.2,20.9' fill='%23d9b44a' fill-opacity='0.55'/%3E%3Cpolygon points='74.0,10.4 74.4,11.5 75.5,11.5 74.6,12.2 74.9,13.3 74.0,12.7 73.1,13.3 73.4,12.2 72.5,11.5 73.6,11.5' fill='%23d9b44a' fill-opacity='0.35'/%3E%3Cpolygon points='118.0,45.6 118.6,47.2 120.3,47.3 119.0,48.3 119.4,49.9 118.0,49.0 116.6,49.9 117.0,48.3 115.7,47.3 117.4,47.2' fill='%23d9b44a' fill-opacity='0.45'/%3E%3Cpolygon points='40.0,76.6 40.3,77.5 41.3,77.6 40.6,78.2 40.8,79.1 40.0,78.6 39.2,79.1 39.4,78.2 38.7,77.6 39.7,77.5' fill='%23d9b44a' fill-opacity='0.3'/%3E%3Cpolygon points='96.0,93.0 96.7,95.0 98.9,95.1 97.2,96.4 97.8,98.4 96.0,97.3 94.2,98.4 94.8,96.4 93.1,95.1 95.3,95.0' fill='%23d9b44a' fill-opacity='0.5'/%3E%3Cpolygon points='150.0,18.5 150.4,19.5 151.4,19.5 150.6,20.2 150.9,21.2 150.0,20.6 149.1,21.2 149.4,20.2 148.6,19.5 149.6,19.5' fill='%23d9b44a' fill-opacity='0.3'/%3E%3Cpolygon points='156.0,115.8 156.5,117.3 158.1,117.3 156.9,118.3 157.3,119.8 156.0,118.9 154.7,119.8 155.1,118.3 153.9,117.3 155.5,117.3' fill='%23d9b44a' fill-opacity='0.4'/%3E%3Cpolygon points='12.0,132.2 12.4,133.4 13.7,133.4 12.7,134.2 13.1,135.5 12.0,134.8 10.9,135.5 11.3,134.2 10.3,133.4 11.6,133.4' fill='%23d9b44a' fill-opacity='0.35'/%3E%3Cpolygon points='62.0,137.4 62.6,139.1 64.5,139.2 63.0,140.3 63.5,142.1 62.0,141.1 60.5,142.1 61.0,140.3 59.5,139.2 61.4,139.1' fill='%23d9b44a' fill-opacity='0.45'/%3E%3Cpolygon points='132.0,150.7 132.3,151.6 133.2,151.6 132.5,152.2 132.8,153.1 132.0,152.5 131.2,153.1 131.5,152.2 130.8,151.6 131.7,151.6' fill='%23d9b44a' fill-opacity='0.3'/%3E%3C/svg%3E"),linear-gradient(180deg,var(--po-navy) 0,var(--po-navy2) 220px)!important;background-size:170px 170px,100% 100%!important}
body[data-theme="politics"] footer::before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--po-red),var(--po-gold),var(--po-blue))}
body[data-theme="politics"] footer .po-strip{display:block;height:clamp(24px,3vw,40px);margin:0 0 2.2rem;background:var(--po-ink) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2080%2014%22%20width%3D%2280%22%20height%3D%2214%22%20shape-rendering%3D%22crispEdges%22%3E%3Crect%20x%3D%229%22%20y%3D%224%22%20width%3D%221%22%20height%3D%227%22%20fill%3D%22%23d9b44a%22/%3E%3Crect%20x%3D%226%22%20y%3D%227%22%20width%3D%227%22%20height%3D%221%22%20fill%3D%22%23d9b44a%22/%3E%3Crect%20x%3D%228%22%20y%3D%226%22%20width%3D%223%22%20height%3D%223%22%20fill%3D%22%23d9b44a%22/%3E%3Crect%20x%3D%2226%22%20y%3D%226%22%20width%3D%227%22%20height%3D%226%22%20fill%3D%22%23b3202e%22/%3E%3Crect%20x%3D%2228%22%20y%3D%223%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23ece6d3%22/%3E%3Crect%20x%3D%2227%22%20y%3D%228%22%20width%3D%225%22%20height%3D%221%22%20fill%3D%22%23d9b44a%22/%3E%3Crect%20x%3D%2249%22%20y%3D%224%22%20width%3D%221%22%20height%3D%227%22%20fill%3D%22%23d9b44a%22/%3E%3Crect%20x%3D%2246%22%20y%3D%227%22%20width%3D%227%22%20height%3D%221%22%20fill%3D%22%23d9b44a%22/%3E%3Crect%20x%3D%2248%22%20y%3D%226%22%20width%3D%223%22%20height%3D%223%22%20fill%3D%22%23d9b44a%22/%3E%3Crect%20x%3D%2266%22%20y%3D%226%22%20width%3D%227%22%20height%3D%226%22%20fill%3D%22%234f86d9%22/%3E%3Crect%20x%3D%2268%22%20y%3D%223%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23ece6d3%22/%3E%3Crect%20x%3D%2267%22%20y%3D%228%22%20width%3D%225%22%20height%3D%221%22%20fill%3D%22%23d9b44a%22/%3E%3C/svg%3E") repeat-x center/auto 100%!important;border-bottom:1px solid var(--po-line);image-rendering:pixelated}
body[data-theme="politics"] footer h2.fh{color:var(--po-gold)!important;border-bottom-color:var(--po-line)!important}
body[data-theme="politics"] footer p,body[data-theme="politics"] footer li{color:var(--po-mute)}
body[data-theme="politics"] footer a{color:var(--po-ivory)!important;text-decoration:underline;text-decoration-color:rgba(217,180,74,.55);text-decoration-thickness:1px;text-underline-offset:3px;background-image:none!important;border-bottom:0!important}
body[data-theme="politics"] footer a:hover{color:var(--po-gold2)!important;text-decoration-color:var(--po-gold2)}
body[data-theme="politics"] footer .small{color:var(--po-mute)!important;border-top:1px solid var(--po-line)!important;opacity:.85}

/* ---------- front page: the animated lead-story banner ---------- */
.ld{display:block;position:relative;margin:0 0 clamp(1.4rem,3vw,2.2rem);border:1px solid var(--po-line);outline:1px solid var(--po-gold);outline-offset:4px;
  background:var(--po-ink);color:var(--po-ivory)!important;text-decoration:none!important;overflow:hidden}
.ld-stage{position:relative;aspect-ratio:320/120;max-height:460px;width:100%}
.ld-art{display:block;width:100%;height:100%;image-rendering:pixelated}
.ld-live{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:7px;padding:5px 9px;background:rgba(5,10,22,.82);border:1px solid var(--acc);
  font:400 10px/1 var(--font-px);letter-spacing:.08em;color:var(--po-ivory)}
.ld-live i{width:8px;height:8px;background:#ff3b3b;animation:ldblink 1s steps(2,start) infinite}
.ld-cap{position:absolute;left:0;right:0;bottom:0;padding:clamp(14px,2.4vw,26px) clamp(14px,2.4vw,28px) clamp(12px,2vw,22px);
  background:linear-gradient(180deg,rgba(5,10,22,0) 0,rgba(5,10,22,.86) 26%,rgba(5,10,22,.96) 100%)}
.ld-k{margin:0 0 .35rem;font:700 12px/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--acc)}
.ld-k::before{content:"▲ "}
.ld-cap h2{margin:0 0 .5rem;max-width:44rem;font:700 clamp(1.25rem,3vw,2.3rem)/1.1 var(--po-head);color:var(--po-ivory);text-wrap:balance;text-shadow:0 2px 0 var(--po-ink)}
.ld-go{font:400 11px/1 var(--font-px);color:var(--po-gold);letter-spacing:.06em;text-transform:uppercase}
.ld:hover .ld-go{color:var(--po-gold2)} .ld:hover{outline-color:var(--po-gold2)}
.ld svg *{transform-box:fill-box;transform-origin:center}
.ld-mis{animation:ldmis 4.8s linear infinite}
.ld-boom{animation:ldboom 4.8s linear infinite;opacity:0}
.ld-smoke{animation:ldsmoke 4.8s ease-out infinite;opacity:0}
.ld-m2,.ld-b2,.ld-s2{animation-delay:1.6s} .ld-m3,.ld-b3,.ld-s3{animation-delay:3.2s}
.ld-flash{opacity:0;animation:ldflash 1.6s linear infinite}
.ld-beam1{transform-origin:50% 100%!important;animation:ldbeam 7s ease-in-out infinite alternate}
.ld-beam2{transform-origin:50% 100%!important;animation:ldbeam 9s ease-in-out infinite alternate-reverse}
.ld-vil{animation:ldbob 2.4s steps(4) infinite}
.ld-rl{animation:ldrl 2.4s steps(1) infinite;animation-delay:var(--d)}
.ld-siren{animation:ldblink .8s steps(2,start) infinite} .ld-siren2{animation-delay:.4s}
.ld-pan{animation:ldpan 18s ease-in-out infinite alternate}
@keyframes ldmis{0%{transform:translate(130px,-110px);opacity:1}52%{transform:translate(0,0);opacity:1}53%,100%{transform:translate(0,0);opacity:0}}
@keyframes ldboom{0%,51%{opacity:0;transform:scale(.2)}54%{opacity:1;transform:scale(1.35)}66%{opacity:1;transform:scale(1)}80%{opacity:.5;transform:scale(.8)}88%,100%{opacity:0;transform:scale(.6)}}
@keyframes ldsmoke{0%,54%{opacity:0;transform:translateY(0) scale(.6)}62%{opacity:.85}100%{opacity:0;transform:translateY(-22px) scale(1.8)}}
@keyframes ldflash{0%,48%{opacity:0}52%{opacity:.16}62%,100%{opacity:0}}
@keyframes ldbeam{0%{transform:rotate(-24deg)}100%{transform:rotate(24deg)}}
@keyframes ldbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes ldrl{0%{opacity:1}50%{opacity:.15}}
@keyframes ldblink{to{visibility:hidden}}
@keyframes ldpan{0%{transform:scale(1.12) translateX(-3%)}100%{transform:scale(1.12) translateX(3%)}}
@media (max-width:700px){
  .ld-cap{position:static;background:var(--po-navy2);border-top:1px solid var(--po-line)}
}
@media (prefers-reduced-motion:reduce){
  .ld *{animation:none!important}
  .ld-mis{opacity:0} .ld-b1{opacity:1} .ld-s1{opacity:.7}
}

/* ---------- the feature comic: DEAD RECKONING ---------- */
.cb{padding:clamp(2rem,5vw,3.6rem) 0;border-top:1px solid var(--po-line)}
.cb-head{margin-bottom:clamp(1.4rem,3vw,2.4rem)}
.cb-title{margin:.3rem 0 .5rem;font:400 clamp(2.8rem,8vw,5.6rem)/.9 var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--po-gold);
  text-shadow:3px 3px 0 var(--po-red),6px 6px 0 var(--po-ink)}
.cb-dek{font:400 1.15rem/1.5 var(--font-body);max-width:44rem;color:var(--po-ivory);margin:0 0 .8rem}
.cb-note{max-width:44rem;margin:0 0 1.2rem;padding:.7rem .9rem;border:1px dashed var(--po-gold);background:rgba(217,180,74,.08);color:var(--po-ivory);font-size:15px}
.cb-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,260px);gap:1.4rem;align-items:start}
.cb-meta h3{margin:0 0 .6rem;font:400 12px/1 var(--font-px);color:var(--po-gold);text-transform:uppercase;letter-spacing:.06em}
.cb-meta h3 i{color:var(--po-mute);font-style:normal}
.cb-cast{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.cb-cast li{display:flex;gap:10px;align-items:center;background:var(--po-panel);border:1px solid var(--po-line);padding:6px 10px 6px 6px;min-width:0}
.cb-av{width:30px;height:46px;flex:none;image-rendering:pixelated}
.cb-cast b{display:block;font:700 15px/1.2 var(--po-head);color:var(--po-ivory)} .cb-cast i{display:block;font:400 12.5px/1.3 var(--font-body);font-style:normal;color:var(--po-mute)}
.cb-toc{display:grid;gap:6px}
.cb-toc a{display:flex;gap:10px;align-items:center;padding:7px 10px;background:var(--po-panel);border:1px solid var(--po-line);color:var(--po-ivory)!important;text-decoration:none;font:700 15px/1.2 var(--po-head)}
.cb-toc a span{font:400 11px/1 var(--font-px);color:var(--po-ink);background:var(--po-gold);padding:4px 6px}
.cb-toc a:hover{border-color:var(--po-gold)}
.cb-page{margin:0 0 clamp(1.8rem,4vw,3rem);padding:clamp(10px,1.6vw,18px);background:#f4efe1;border:3px solid var(--po-ink);box-shadow:8px 8px 0 var(--po-ink),8px 8px 0 2px var(--po-gold);scroll-margin-top:80px}
.cb-ph{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:0 2px 10px;border-bottom:3px solid var(--po-ink);margin-bottom:12px}
.cb-pn{font:400 11px/1 var(--font-px);background:var(--po-ink);color:var(--po-gold);padding:5px 7px}
.cb-ph h3{margin:0;font:400 clamp(1.6rem,4vw,2.4rem)/1 var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:#12141c}
.cb-when{margin-left:auto;font:700 12px/1.2 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:#5a4e36}
.cb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cb-pan{margin:0;position:relative;display:flex;flex-direction:column;background:#12141c;border:3px solid #12141c;min-width:0}
.cb-w2{grid-column:span 2} .cb-w3{grid-column:1/-1}
.cb-stage{position:relative}
.cb-frame{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--po-navy)}
.cb-w2 .cb-frame{aspect-ratio:2/1} .cb-w3 .cb-frame{aspect-ratio:8/3}
.cb-art{display:block;width:100%;height:100%;image-rendering:pixelated}
.cb-names{position:absolute;left:6px;bottom:6px;display:flex;flex-wrap:wrap;gap:4px}
.cb-names .ko-name{position:static!important}
.cb-cap{margin:0;padding:6px 9px;background:#ffd23f;color:#12141c;border-bottom:3px solid #12141c;font:700 13.5px/1.35 var(--font-body);max-width:none}
.cb-bals{position:absolute;inset:0;pointer-events:none}
.cb-bal{position:absolute;max-width:min(56%,300px);margin:0;pointer-events:auto}
.cb-say{background:#fff;color:#12141c;border:2px solid #12141c;border-radius:14px;padding:6px 10px;font:700 13.5px/1.3 "Comic Neue",var(--font-body);box-shadow:2px 2px 0 rgba(0,0,0,.35)}
.cb-say::after{content:"";position:absolute;left:18px;bottom:-9px;border:6px solid transparent;border-top:8px solid #12141c}
.cb-radio{background:#0b1424;color:#e8f1ff;border:2px dashed #7fdbff;padding:7px 10px;font:600 12.5px/1.35 var(--font-mono)}
.cb-radio p{margin:0 0 4px;max-width:none;color:#e8f1ff}
.cb-radio cite{display:block;font:400 9.5px/1.3 var(--font-px);font-style:normal;color:#7fdbff;text-transform:uppercase}
.cb-ico{display:block;font:400 9px/1 var(--font-px);color:#ff4d4d;margin-bottom:4px;letter-spacing:.1em}
.cb-real{margin:0;padding:6px 9px;background:#12141c;color:#ece6d3;font:400 12.5px/1.4 var(--font-body);border-top:2px solid var(--po-gold);max-width:none}
.cb-real b{font:400 9px/1 var(--font-px);background:var(--po-gold);color:#12141c;padding:3px 5px;margin-right:4px;vertical-align:1px}
.cb-file{margin-top:12px;padding:8px 12px;border:2px solid #12141c;background:#e9e1cb;color:#2a2418}
.cb-file b{font:400 10px/1 var(--font-px);text-transform:uppercase;letter-spacing:.08em;color:#8d2b1f}
.cb-file ul{margin:.4rem 0 0;padding-left:1.1rem;font-size:14px;line-height:1.45} .cb-file a.fn{color:#8d2b1f!important}
.cb-end{text-align:center;font:400 clamp(1.4rem,3vw,2rem)/1.2 var(--font-display);letter-spacing:.05em;color:var(--po-gold);margin:0}
.cb-end a{display:block;margin-top:.4rem;font:700 15px/1.4 var(--font-body);letter-spacing:0;color:var(--po-gold2)!important}
.fe-realhead{padding-top:clamp(1.6rem,4vw,2.6rem)}
.fe-realhead h2{margin:.3rem 0 .4rem;font:700 clamp(1.8rem,4vw,2.6rem)/1.1 var(--po-head);color:var(--po-ivory)}
.fe-realhead p:not(.kicker){color:var(--po-mute);max-width:44rem}
@media (max-width:860px){ .cb-meta{grid-template-columns:1fr} .cb-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .cb-w3,.cb-w2{grid-column:1/-1} }
@media (max-width:600px){
  .cb-grid{grid-template-columns:1fr} .cb-w2 .cb-frame,.cb-w3 .cb-frame{aspect-ratio:16/9}
  .cb-bals{position:static;display:grid;gap:6px;padding:8px;background:#1d2030}
  .cb-bals:empty{display:none}
  .cb-bal{position:static!important;max-width:none}
  .cb-say::after{display:none}
  .cb-when{margin-left:0}
}
.cb-text{display:flex;align-items:center;justify-content:center;background:#ffd23f;padding:clamp(12px,2vw,22px)}
.cb-text p{margin:0;font:700 clamp(1rem,1.7vw,1.3rem)/1.35 var(--font-body);color:#12141c;max-width:none;font-style:italic}