/* Crust UI (2026-09 redesign). One stylesheet for the whole site, served from /ui/ (nginx, 5 min cache).
   Everything is scoped to html.cx, so pages without that class are untouched.
   Rules of the system:
   - the logo's six colours mark sections and topics; red is the brand and the Live colour
   - corners match the logo's squircle: tight (4 to 6px), never pills
   - Archivo for headlines and interface; one reading column; rules before boxes
   - light and dark come from the theme's own tokens (html.dark), re-valued here */

/* ---------- 1. tokens ---------- */
html.cx:root,html.cx body{
  --cx-red:#DF090D;--cx-orange:#F07505;--cx-yellow:#FEBD0A;--cx-green:#019828;--cx-blue:#004AAF;--cx-purple:#680F9A;
  --cx-rainbow:linear-gradient(90deg,#DF090D 0 16.66%,#F07505 0 33.33%,#FEBD0A 0 50%,#019828 0 66.66%,#004AAF 0 83.33%,#680F9A 0);
  --cx-r:6px;--cx-ri:4px;--cx-rb:5px;
  --cx-w:1180px;
  --cx-tile:#111;--cx-on-tile:#fff;--cx-on-tile-2:#d9d5ce;--cx-on-tile-3:#a9a49b;--cx-tile-rule:#2c2c2c;
  --cx-live:#ff7a70;
  --color-paper:#fff;--color-paper-2:#f3f1ec;--color-paper-3:#ece9e2;
  --color-rule:#e6e2da;--color-rule-2:#cfcac0;
  --color-ink:#111;--color-ink-2:#33302b;--color-ink-3:#57524a;--color-ink-mute:#7f7a71;--color-ink-faint:#9a958c;
  --color-accent:#DF090D;--color-accent-ink:#B8070A;--color-accent-safe:#DF090D;
  --ff-cx:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-heading:var(--ff-cx);--font-sans:var(--ff-cx);--font-body:var(--ff-cx);
}
html.cx.dark:root,html.cx.dark body{
  --cx-blue:#3b7de0;--cx-purple:#a05bd0;--cx-green:#22b14c;
  --cx-tile:#1b1b1a;--cx-tile-rule:#30302e;
  --color-paper:#0e0e0e;--color-paper-2:#181817;--color-paper-3:#1f1f1e;
  --color-rule:#2a2928;--color-rule-2:#3b3a38;
  --color-ink:#efeae0;--color-ink-2:#d6d1c6;--color-ink-3:#b0aba1;--color-ink-mute:#8f8a80;--color-ink-faint:#6f6b63;
  --color-accent:#ff4a3d;--color-accent-ink:#ff6b60;
}
html.cx body{background:var(--color-paper);color:var(--color-ink);font-family:var(--ff-cx)}
html.cx ::selection{background:var(--cx-red);color:#fff}

/* section colours: set --sc on anything with data-s; story colours: --tc from the primary tag */
html.cx [data-s=live],html.cx [data-s=videos],html.cx [data-s=latest]{--sc:var(--cx-red)}
html.cx [data-s=epstein]{--sc:var(--cx-purple)}
html.cx [data-s=ice],html.cx [data-s=icelist]{--sc:var(--cx-orange)}
html.cx [data-s=opinion],html.cx [data-s=games]{--sc:var(--cx-yellow)}
html.cx [data-s=palestine],html.cx [data-s=sudan],html.cx [data-s=lebanon]{--sc:var(--cx-green)}
html.cx [data-s=gaza]{--sc:var(--cx-red)}
html.cx [data-s=politics],html.cx [data-s=democracy],html.cx [data-s=press]{--sc:var(--cx-blue)}
html.cx [data-s=iran],html.cx [data-s=investigations],html.cx [data-s=records],html.cx [data-s=syndicated]{--sc:var(--cx-purple)}
html.cx .fc[data-tag|=ice],html.cx .fc[data-tag=deportation],html.cx .fc[data-tag=immigration],html.cx .fc[data-tag=sudan]{--tc:var(--cx-orange)}
html.cx .fc[data-tag=palestine],html.cx .fc[data-tag=gaza],html.cx .fc[data-tag=israel],html.cx .fc[data-tag=west-bank],html.cx .fc[data-tag=lebanon],html.cx .fc[data-tag=syria]{--tc:var(--cx-green)}
html.cx .fc[data-tag=u-s-politics],html.cx .fc[data-tag=usa],html.cx .fc[data-tag=trump],html.cx .fc[data-tag=democracy],html.cx .fc[data-tag=elections],html.cx .fc[data-tag=press-freedom]{--tc:var(--cx-blue)}
html.cx .fc[data-tag=iran],html.cx .fc[data-tag=investigation],html.cx .fc[data-tag=epstein]{--tc:var(--cx-purple)}
html.cx .fc[data-tag=opinion]{--tc:var(--cx-yellow)}

/* ---------- 2. primitives ---------- */
.cx-sq{display:inline-block;width:.6em;height:.6em;background:var(--sc,var(--cx-red));border-radius:9%;flex:none}
.cx-sq--live{animation:cxsq 1.6s ease-in-out infinite}
@keyframes cxsq{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
@media (prefers-reduced-motion:reduce){.cx-sq--live{animation:none}}
.cx-wrap{max-width:var(--cx-w);margin-inline:auto;padding-inline:20px}
.cx-logo{display:inline-grid;grid-template-columns:auto auto;align-items:end;font-family:var(--ff-cx);font-weight:900;line-height:.8;color:var(--color-ink);text-decoration:none;--lg:var(--cx-logo,34px)}
.cx-logo__w{font-size:var(--lg);letter-spacing:-.035em}
.cx-logo__sq{width:calc(var(--lg)*.19);height:calc(var(--lg)*.19);margin:0 0 calc(var(--lg)*.035) calc(var(--lg)*.06);border-radius:8%;background:var(--cx-red)}
.cx-logo__bar{grid-column:1/-1;height:max(3px,calc(var(--lg)*.07));background:var(--cx-rainbow);border-radius:1px;margin-top:calc(var(--lg)*.16)}
.cx-logo__n{grid-column:1/-1;justify-self:end;font-weight:800;font-size:calc(var(--lg)*.4);letter-spacing:-.015em;margin-top:calc(var(--lg)*.1)}
.cx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:var(--cx-rb);background:var(--cx-red);color:#fff;font:700 13px/1 var(--ff-cx);text-decoration:none;border:0;cursor:pointer}
.cx-btn:hover{background:#b8070a;color:#fff}
.cx-btn--ghost{background:var(--color-paper-2);color:var(--color-ink)}
.cx-btn--ghost:hover{background:var(--color-ink);color:var(--color-paper)}

/* ---------- 3. header: rainbow edge, one grey band (logo, Live, tools), section keys below ---------- */
.cxh{position:relative;z-index:40;font-family:var(--ff-cx);background:var(--color-paper-3)}
.cxh__rainbow{height:6px;background:var(--cx-rainbow)}
.cxh__in{max-width:1320px;margin-inline:auto;padding:12px 20px 0;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px 16px}
.cxh__menu{display:flex;align-items:center}
.cxh__menu button{width:36px;height:36px;border-radius:var(--cx-rb);background:var(--color-paper);color:var(--color-ink)}
.cxh__logo{--cx-logo:32px}
.cxh__right{display:flex;align-items:center}
.cxh__tools{display:flex;align-items:center;gap:2px}
.cxh__tools > a,.cxh__tools > button,.cxh__tools > div > button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--cx-rb);color:var(--color-ink-2)}
.cxh__tools > a:hover,.cxh__tools > button:hover,.cxh__tools > div > button:hover{background:var(--color-paper);color:var(--color-ink)}
.cxh__auth{display:flex;align-items:center;gap:12px;margin-left:8px}
.cxh__auth a{font:600 13px/1 var(--ff-cx);color:var(--color-ink-2);text-decoration:none;white-space:nowrap}
.cxh__auth a.cx-btn{color:#fff;font-weight:700}
/* Live, in the header of every page: the newest update in a field; one tap opens the feed */
.cxl{min-width:0}
.cxl__go{width:100%;min-width:0;display:flex;align-items:center;gap:10px;padding:0 12px;height:36px;background:var(--color-paper);border:0;border-radius:var(--cx-rb);cursor:pointer;text-align:left;font:500 14px/1.2 var(--ff-cx);color:var(--color-ink)}
.cxl__tag{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cx-red);flex:none}
.cxl__time{font-weight:700;font-size:12px;color:var(--color-ink-mute);flex:none}
.cxl__t{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;transition:opacity .25s}
.cxl__t.is-out{opacity:0}
.cxl__go:hover .cxl__t{text-decoration:underline;text-underline-offset:3px}
.cxl__more{flex:none;font-weight:700;font-size:12px;color:var(--color-ink-mute)}
/* section keys */
.cxh__navwrap{grid-column:1/-1;min-width:0;display:flex;align-items:center;gap:14px;padding:0 0 12px}
.cxh__nav{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0;flex:1}
.cxh__nav::-webkit-scrollbar{display:none}
.cxh .cxh__nav li{flex:none;position:relative}
.cxh .cxh__nav li > a,.cxh .cxh__nav li > button{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:var(--cx-rb);background:var(--color-paper);color:var(--color-ink);font:700 14px/1 var(--ff-cx);letter-spacing:0;text-transform:none;white-space:nowrap;text-decoration:none}
.cxh .cxh__nav li > a::before{content:"";width:9px;height:9px;border-radius:9%;background:var(--sc,var(--color-ink));flex:none}
.cxh .cxh__nav li > a:hover,.cxh .cxh__nav li.nav-current > a{background:var(--sc,var(--color-ink));color:#fff}
html.cx.dark .cxh .cxh__nav li > a:hover,html.cx.dark .cxh .cxh__nav li.nav-current > a{color:#fff}
.cxh .cxh__nav li > a:hover::before,.cxh .cxh__nav li.nav-current > a::before{background:#fff}
.cxh__nav a[href$="/wire/"],.cxh__nav a[href*="/videos"]{--sc:var(--cx-red)}
.cxh__nav a[href*="/tag/ice"],.cxh__nav a[href*="/sudan"]{--sc:var(--cx-orange)}
.cxh__nav a[href*="opinion"],.cxh__nav a[href*="/games"],.cxh__nav a[href*="/learn"]{--sc:var(--cx-yellow)}
.cxh__nav a[href*="palestine"],.cxh__nav a[href*="gaza"],.cxh__nav a[href*="lebanon"]{--sc:var(--cx-green)}
.cxh__nav a[href*="usa"],.cxh__nav a[href*="u-s-politics"],.cxh__nav a[href*="press-freedom"],.cxh__nav a[href*="democracy"]{--sc:var(--cx-blue)}
.cxh__nav a[href*="iran"],.cxh__nav a[href*="investigation"],.cxh__nav a[href*="epstein"]{--sc:var(--cx-purple)}
.cxh .cxh__nav a[href*="opinion"]:hover,.cxh .cxh__nav a[href*="/games"]:hover,.cxh .cxh__nav a[href*="/learn"]:hover{color:#111}
.cxh .cxh__nav a[href*="opinion"]:hover::before,.cxh .cxh__nav a[href*="/games"]:hover::before,.cxh .cxh__nav a[href*="/learn"]:hover::before{background:#111}
.cxh__ep{flex:none;font:700 12.5px/1 var(--ff-cx);color:var(--cx-purple);text-decoration:none;white-space:nowrap}
.cxh__ep:hover{text-decoration:underline}
@media (max-width:900px){
  .cxh__in{grid-template-columns:auto auto 1fr;padding:10px 16px 0;gap:10px 12px}
  .cxh__right{justify-self:end}
  .cxl{grid-column:1/-1;grid-row:3;padding-bottom:10px}
  .cxh__navwrap{grid-row:2;padding-bottom:0;margin:0 -16px;padding-inline:16px}
  .cxh__ep{display:none}
  .cxl__more{display:none}
}
@media (max-width:520px){.cxh__tools .cxh__opt{display:none}.cxh__auth a:not(.cx-btn){display:none}.cxh__logo{--cx-logo:28px}}
/* Live drawer: the feed without leaving the page */
.cxd-scrim{position:fixed;inset:0;background:rgba(10,10,10,.45);z-index:2147482000;opacity:0;pointer-events:none;transition:opacity .2s}
.cxd-scrim.is-on{opacity:1;pointer-events:auto}
.cxd{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);z-index:2147482001;background:var(--cx-tile);color:var(--cx-on-tile);display:flex;flex-direction:column;transform:translateX(102%);transition:transform .24s cubic-bezier(.2,.7,.2,1);font-family:var(--ff-cx);border-top:6px solid var(--cx-red)}
.cxd.is-on{transform:none}
.cxd__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--cx-tile-rule)}
.cxd__head h2{margin:0;display:flex;align-items:center;gap:10px;font:900 22px/1 var(--ff-cx);letter-spacing:-.02em;color:#fff}
.cxd__x{width:36px;height:36px;border-radius:var(--cx-rb);background:#262626;color:#fff;border:0;font-size:20px;line-height:1;cursor:pointer}
.cxd__x:hover{background:var(--cx-red)}
.cxd__list{list-style:none;margin:0;padding:4px 20px 20px;overflow-y:auto;flex:1;overscroll-behavior:contain}
.cxd__list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:14px 0;border-top:1px solid var(--cx-tile-rule)}
.cxd__list li:first-child{border-top:0}
.cxd__list time{font:800 12px/1.5 var(--ff-cx);color:var(--cx-live)}
.cxd__list p{margin:0;font-size:15px;line-height:1.45;color:#eceae5;overflow-wrap:anywhere}
.cxd__list a{color:#fff;text-decoration:underline;text-decoration-color:#666;text-underline-offset:3px}
.cxd__list .cxd__art{display:block;text-decoration:none;font-weight:800;font-size:16px;line-height:1.25}
.cxd__list .cxd__art small{display:block;font:800 11px/1 var(--ff-cx);letter-spacing:.08em;text-transform:uppercase;color:var(--cx-live);margin-bottom:5px}
.cxd__list .cxd__src{display:inline-block;margin-top:6px;font:700 12px/1 var(--ff-cx);color:var(--cx-on-tile-3);text-decoration:none}
.cxd__foot{padding:14px 20px;border-top:1px solid var(--cx-tile-rule);display:flex;gap:10px}
.cxd__foot .cx-btn{flex:1}
.cxd__foot .cx-btn--ghost{background:#262626;color:#fff}
html.cx-drawer-open{overflow:hidden}
/* the floating Live button becomes a squircle-cornered key that opens the drawer */
html.cx .cn-fab{border-radius:var(--cx-r);background:var(--cx-red);box-shadow:0 6px 20px rgba(0,0,0,.25);font-family:var(--ff-cx);letter-spacing:.02em}
html.cx .cn-fab__dot,html.cx .cn-fab__dot::after{border-radius:9%}

/* ---------- 4. footer ---------- */
html.cx .site-footer{background:var(--color-paper-3);margin-top:72px;position:relative;font-family:var(--ff-cx)}
html.cx .site-footer::before{content:"";display:block;height:6px;background:var(--cx-rainbow)}
html.cx .site-footer > hr{display:none}
html.cx .cn-foot__h{font-family:var(--ff-cx);font-size:13px;letter-spacing:0;text-transform:none;font-weight:900;border-bottom:3px solid var(--color-ink);color:var(--color-ink)}
html.cx .cn-foot__col:nth-child(1) .cn-foot__h{border-color:var(--cx-red)}
html.cx .cn-foot__col:nth-child(2) .cn-foot__h{border-color:var(--cx-purple)}
html.cx .cn-foot__col:nth-child(3) .cn-foot__h{border-color:var(--cx-blue)}
html.cx .cn-foot__col:nth-child(4) .cn-foot__h{border-color:var(--cx-green)}
html.cx .cn-foot__col a{font-family:var(--ff-cx);font-weight:500;color:var(--color-ink-2)}
html.cx .cn-foot__col a:hover{color:var(--cx-red)}
html.cx .footer-brand a[class*="w-9"]{border-radius:var(--cx-rb);background:var(--color-paper)}

/* ---------- 5. story cards ---------- */
.cxp{font-family:var(--ff-cx);color:var(--color-ink)}
.cxp a{color:inherit;text-decoration:none}
.cxp img{display:block;max-width:100%}
.cxp [hidden]{display:none!important}
.cxp h2{margin:0;font-family:var(--ff-cx)}
.cxp ol,.cxp ul{list-style:none;margin:0;padding:0}
.fc__a{display:block}
.fc__media{display:block;overflow:hidden;background:var(--color-paper-2);border-radius:var(--cx-ri)}
.fc__img{width:100%;height:100%;object-fit:cover}
.fc__body{display:block}
.fc__kick{display:flex;align-items:center;gap:6px;font:800 11px/1.2 var(--ff-cx);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);margin-bottom:6px}
.fc__kick::before{content:"";width:7px;height:7px;border-radius:9%;background:var(--tc,var(--cx-red));flex:none}
.fc__t{display:block;font-family:var(--ff-cx);font-weight:800;letter-spacing:-.02em;line-height:1.16;color:var(--color-ink);text-wrap:balance}
.fc__dek{display:block;margin-top:8px;font-size:16px;line-height:1.5;color:var(--color-ink-2)}
.fc__m{display:block;margin-top:8px;font:500 12px/1.2 var(--ff-cx);color:var(--color-ink-mute)}
.fc__a:hover .fc__t{color:var(--tc,var(--cx-red))}
html.cx.dark .fc__a:hover .fc__t{color:var(--color-accent)}
.fc--lead .fc__media{aspect-ratio:3/2}
.fc--lead .fc__media + .fc__body{margin-top:18px}
.fc--lead .fc__t{font-size:clamp(30px,3.6vw,44px);line-height:1.04}
.fc--lead .fc__dek{font-size:18.5px}
.fc--sub .fc__t{font-size:21px}
.fc--sub .fc__media,.fc--tile .fc__media{aspect-ratio:16/9;margin-bottom:12px}
.fc--thumb .fc__a{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:20px;align-items:start}
.fc--thumb .fc__media{grid-column:2;grid-row:1;aspect-ratio:4/3}
.fc--thumb .fc__body{grid-column:1;grid-row:1}
.fc--thumb .fc__t{font-size:18.5px}
.fc--text .fc__t{font-size:17px;font-weight:700;line-height:1.25}
.fc--tile .fc__t{font-size:19px}
@media (max-width:520px){.fc--thumb .fc__a{grid-template-columns:minmax(0,1fr) 92px;gap:14px}.fc--thumb .fc__t{font-size:17px}}

/* ---------- 6. sections ---------- */
.cxs{margin-top:52px}
.cxs__h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding-bottom:10px;border-bottom:3px solid var(--sc,var(--color-ink))}
.cxs__h h2{display:flex;align-items:center;gap:.42em;font-size:clamp(22px,2.4vw,28px);font-weight:900;letter-spacing:-.025em;color:var(--color-ink)}
.cxs__h h2 .cx-sq{width:.58em;height:.58em}
.cxs__h nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cxs__h nav a,.cxs__h > a{font:700 12.5px/1 var(--ff-cx);color:var(--color-ink);background:var(--color-paper-2);padding:8px 11px;border-radius:var(--cx-rb)}
.cxs__h nav a:hover,.cxs__h > a:hover{background:var(--sc,var(--color-ink));color:#fff}
[data-s=opinion] .cxs__h nav a:hover,[data-s=opinion] .cxs__h > a:hover,[data-s=games] .cxs__h > a:hover{color:#111}
.cxs__meta{font:500 12.5px/1 var(--ff-cx);color:var(--color-ink-mute)}
.cxs--tile{background:var(--color-paper-2);border-radius:var(--cx-r);padding:22px 24px;border-top:4px solid var(--sc,var(--color-ink))}
.cxs--tile > .cxs__h{border-bottom:0;padding-bottom:0}
.cxs--tile .cxs__h nav a,.cxs--tile .cxs__h > a{background:var(--color-paper)}
.cxs--dark{background:var(--cx-tile);color:var(--cx-on-tile);border-radius:var(--cx-r);padding:24px 26px;position:relative;overflow:hidden}
.cxs--dark::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--cx-rainbow)}
.cxs--dark > .cxs__h{border-bottom:0;padding-bottom:0}
.cxs--dark .cxs__h h2,.cxs--dark .fc__kick,.cxs--dark .fc__t{color:#fff}
.cxs--dark .cxs__h nav a,.cxs--dark .cxs__h > a{background:#262626;color:#fff}
.cxs--dark .cxs__meta,.cxs--dark .fc__m{color:var(--cx-on-tile-3)}
.cxs--dark .fc__dek{color:var(--cx-on-tile-2)}
.cxs--dark .fc__kick::before{background:#5b8def}
.cxs--dark a:hover .fc__t{color:#8fb0ff}
@media (max-width:640px){.cxs{margin-top:40px}.cxs--tile,.cxs--dark{padding:18px 16px;margin-inline:-8px}}

/* ---------- 7. home ---------- */
.cx-home{padding-top:26px}
.cx-top{display:grid;gap:26px;grid-template-columns:minmax(0,1fr);grid-template-areas:"lead" "live" "subs" "secs"}
.cx-top__lead{grid-area:lead}.cx-top__subs{grid-area:subs}.cx-top__secs{grid-area:secs}.cx-top__live{grid-area:live}
@media (min-width:1000px){.cx-top{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"lead live" "subs live" "secs live";gap:26px 52px}}
.cx-top__subs{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;padding-top:22px;border-top:1px solid var(--color-rule)}
.cx-top__subs .fc__media{display:none}
@media (max-width:640px){.cx-top__subs{grid-template-columns:1fr;gap:22px}}
.cx-top__secs .fc{padding:20px 0;border-top:1px solid var(--color-rule)}
.cx-rail{align-self:start;background:var(--cx-tile);color:#fff;border-radius:var(--cx-r);padding:18px 20px;border-top:4px solid var(--cx-red)}
@media (min-width:1000px){.cx-rail{position:sticky;top:calc(var(--breaking-ticker-h,0px) + 14px)}}
.cx-rail__h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.cx-rail__h h2{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:900;letter-spacing:-.02em;color:#fff}
.cx-rail__h button{background:none;border:0;padding:0;cursor:pointer;font:700 12.5px/1 var(--ff-cx);color:var(--cx-live)}
.cx-rail__list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:11px 0;border-top:1px solid var(--cx-tile-rule);font-size:14.5px;line-height:1.4;color:#e8e6e1;cursor:pointer}
.cx-rail__list li:first-child{border-top:0}
.cx-rail__list li:hover span{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cx-rail__list time{font:800 12px/1.6 var(--ff-cx);color:var(--cx-live)}
@media (max-width:999px){.cx-rail__list li:nth-child(n+4){display:none}}
.cx-latest{counter-reset:cxn;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 36px}
.cx-latest li{counter-increment:cxn;display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:15px 0;border-top:1px solid var(--color-rule)}
.cx-latest li::before{content:counter(cxn);display:grid;place-items:center;width:26px;height:26px;border-radius:9%;background:var(--nc,var(--cx-red));color:var(--nt,#fff);font:800 13px/1 var(--ff-cx);margin-top:1px}
.cx-latest li:nth-child(6n+1){--nc:var(--cx-red)}.cx-latest li:nth-child(6n+2){--nc:var(--cx-orange)}.cx-latest li:nth-child(6n+3){--nc:var(--cx-yellow);--nt:#111}.cx-latest li:nth-child(6n+4){--nc:var(--cx-green)}.cx-latest li:nth-child(6n+5){--nc:var(--cx-blue)}.cx-latest li:nth-child(6n){--nc:var(--cx-purple)}
.cx-pack{display:grid;gap:36px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.cx-pack{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.cx-pack__rest .fc,.cx-rk__list li{padding:14px 0;border-top:1px solid var(--color-rule)}
.cx-pack__rest .fc:first-child,.cx-rk__list li:first-child{border-top:0;padding-top:0}
.cx-rk__lead{display:block}
.cx-rk__lead .fc__t{font-size:clamp(24px,2.6vw,30px);line-height:1.1}
.cx-rk__list a{display:block}
.cx-rk__list .fc__t{font-size:16.5px;font-weight:700;line-height:1.25}
.cxs--dark .cx-rk__list li{border-color:var(--cx-tile-rule)}
.cx-desks{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.cx-desk .cxs__h h2{font-size:20px}
.cx-desk .fc--text{padding:12px 0;border-top:1px solid var(--color-rule)}
.cx-duo{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.cx-duo__col > .fc{padding:14px 0;border-top:1px solid var(--color-rule)}
.cx-duo__col > .fc:nth-child(2){border-top:0;padding-top:0}
.cx-tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.cx-tiles a{display:block;padding:18px;background:var(--color-paper-2);border-radius:var(--cx-r);border-top:4px solid var(--sc,var(--color-ink))}
.cx-tiles b{display:block;font-weight:900;font-size:20px;letter-spacing:-.02em}
.cx-tiles i{display:block;font-style:normal;font-weight:900;font-size:28px;letter-spacing:-.03em;line-height:1;margin-bottom:8px;color:var(--sc)}
.cx-tiles span{display:block;margin-top:6px;font-size:14px;line-height:1.4;color:var(--color-ink-3)}
.cx-tiles a:hover{background:var(--sc);color:#fff}
.cx-tiles a:hover span,.cx-tiles a:hover i{color:#fff}
.cx-tiles a[data-s=games]:hover,.cx-tiles a[data-s=games]:hover span,.cx-tiles a[data-s=games]:hover i{color:#111}
.cx-games{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.cx-games a{display:flex;align-items:center;gap:10px;padding:12px;background:var(--color-paper-2);border-radius:var(--cx-r);font-weight:800;font-size:15px}
.cx-games a i{width:30px;height:30px;border-radius:9%;background:var(--gc,var(--cx-red));flex:none}
.cx-games a:hover{background:var(--color-ink);color:var(--color-paper)}
.cx-games a:nth-child(6n+1){--gc:var(--cx-red)}.cx-games a:nth-child(6n+2){--gc:var(--cx-orange)}.cx-games a:nth-child(6n+3){--gc:var(--cx-yellow)}.cx-games a:nth-child(6n+4){--gc:var(--cx-green)}.cx-games a:nth-child(6n+5){--gc:var(--cx-blue)}.cx-games a:nth-child(6n){--gc:var(--cx-purple)}
.cx-vids{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.cx-join{display:grid;gap:20px;align-items:center;grid-template-columns:minmax(0,1fr)}
@media (min-width:800px){.cx-join{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}
.cx-join h2{font-size:clamp(24px,2.8vw,34px);font-weight:900;letter-spacing:-.03em;line-height:1.05;color:#fff}
.cx-join p{margin:10px 0 0;font-size:16px;line-height:1.5;color:var(--cx-on-tile-2)}
.cx-join__acts{display:flex;gap:10px;flex-wrap:wrap}
.cx-join__acts .cx-btn{padding:13px 18px;font-size:15px}
.cx-join__acts .cx-btn--ghost{background:#262626;color:#fff}

/* ---------- 8. Live page (/wire/): a compact timeline, not a social feed ---------- */
html.cx .cn-wire{max-width:860px}
html.cx .cn-wire__head{text-align:left;max-width:none;margin-bottom:18px;padding-bottom:12px;border-bottom:3px solid var(--cx-red)}
html.cx .cn-wire__kicker{display:none}
html.cx .cn-wire__title{font-family:var(--ff-cx);font-weight:900;font-size:clamp(30px,4vw,44px);letter-spacing:-.03em;text-transform:none;line-height:1;display:flex;align-items:center;gap:.35em}
html.cx .cn-wire__title::before{content:"";width:.5em;height:.5em;border-radius:9%;background:var(--cx-red);animation:cxsq 1.6s ease-in-out infinite}
html.cx .cn-wire__sub{margin:8px 0 0;font-size:15px;color:var(--color-ink-3)}
html.cx .cn-wire > a[href="/beta/"]{max-width:none!important;border-radius:var(--cx-r)!important;padding:9px 12px!important;font-size:13.5px}
html.cx .cn-wire__filters{max-width:none;justify-content:flex-start;gap:6px;position:sticky;top:var(--breaking-ticker-h,0px);z-index:5;background:var(--color-paper);padding:10px 0;margin:0}
html.cx .cn-wire-chip{border-radius:var(--cx-rb);font-family:var(--ff-cx);font-weight:700;font-size:13px;letter-spacing:0;border:0;background:var(--color-paper-2);color:var(--color-ink);padding:8px 11px}
html.cx .cn-wire-chip[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}
html.cx .cn-wire__feed{max-width:none}
html.cx .cn-wire-card{max-width:none;border:0;border-top:1px solid var(--color-rule);border-radius:0;background:none;padding:14px 0;margin:0;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:0 14px;box-shadow:none}
html.cx .cn-wire-card__head{display:contents}
html.cx .cn-wire-card__avatar,html.cx .cn-wire-card__name,html.cx .cn-wire-card__check{display:none}
html.cx .cn-wire-card__id{grid-column:1;grid-row:1/4;display:block}
html.cx .cn-wire-card__meta{font-size:0;display:block}
html.cx .cn-wire-card__meta a{font:800 13px/1.5 var(--ff-cx);color:var(--cx-red);text-decoration:none}
html.cx .cn-wire-card__body,html.cx .cn-wire-card__article,html.cx .cn-wire-card__media,html.cx .cn-wire-card__video{grid-column:2}
html.cx .cn-wire-card__body{font-family:var(--ff-cx);font-size:16.5px;line-height:1.5;margin:0}
html.cx .cn-wire-card__body p{margin:0 0 .6em}
html.cx .cn-wire-card__body p:last-child{margin-bottom:0}
html.cx .cn-wire-card__media img,html.cx .cn-wire-card__video video,html.cx .cn-wire-card__thumb{border-radius:var(--cx-ri)}
html.cx .cn-wire-card__article{border-radius:var(--cx-r);border:0;background:var(--color-paper-2)}
html.cx .cn-wire-card__foot{grid-column:3;grid-row:1;margin:0;padding:0;border:0;align-self:start}
html.cx .cn-wire-card__foot button{font-size:0;gap:0;padding:6px;border-radius:var(--cx-rb)}
html.cx .cn-wire-card__foot button svg{width:16px;height:16px}
@media (max-width:640px){html.cx .cn-wire-card{grid-template-columns:44px minmax(0,1fr) auto;gap:0 10px}html.cx .cn-wire-card__body{font-size:16px}}
html.cx .cn-notify,html.cx [data-component=notify-card]{border-radius:var(--cx-r)}

/* ---------- 9. Threats to democracy tracker: same app, Crust UI skin (tokens cross the shadow boundary) ---------- */
html.cx #risks-tracker-root{
  --f-display:"Archivo",system-ui,sans-serif;--f-head:"Archivo",system-ui,sans-serif;--f-mono:"Archivo",system-ui,sans-serif;
  --accent:#DF090D;--accent-hover:#B8070A;--surface-2:#f3f1ec;--sunk:#f3f1ec;--border:#e6e2da;--hair:#ebe7e0;--text:#111;
  --rt-r:5px;--rt-pill:4px;--rt-dot-r:9%;--rt-display-w:900;--rt-display-tt:none;--rt-mono-ls:0;
  --cat-red:#DF090D;--cat-orange:#F07505;--cat-yellow:#D99A00;--cat-green:#019828;--cat-blue:#004AAF;--cat-purple:#680F9A;
  background:var(--color-paper)!important}
html.cx.dark #risks-tracker-root{--surface-2:#181817;--sunk:#181817;--border:#2a2928;--hair:#232221;--text:#efeae0;--bg:#0e0e0e;--surface:#151514;--accent:#ff4a3d;--cat-blue:#5b8def;--cat-purple:#a05bd0;--cat-yellow:#FEBD0A}

/* ---------- 10. theme components, brought into line ---------- */
html.cx .news-container{font-family:var(--ff-cx)}
html.cx [class*="rounded-full"]:not(img){border-radius:var(--cx-rb)}
html.cx .learn-banner,html.cx [data-learn-banner]{font-family:var(--ff-cx)}

/* ---------- 11. fixes after first render (2026-09-29) ---------- */
/* nav keys: tighter, Home is the logo, the counter only where there is room */
.cxh .cxh__nav li > a,.cxh .cxh__nav li > button{font-size:13.5px;padding:8px 10px;gap:6px}
.cxh__nav{gap:5px}
.cxh .cxh__nav li:has(> a[href="https://crustnews.com/"]),.cxh .cxh__nav li:has(> a[href="/"]){display:none}
@media (max-width:1379px){.cxh__ep{display:none}}
/* long summaries hold to four lines */
.cx-rk__lead .fc__dek{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:16.5px}
.fc--lead .fc__dek{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.fc--sub .fc__dek,.fc--tile .fc__dek{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:15px}
/* notification card: one compact row, square corners */
html.cx .cn-notify{border-radius:var(--cx-r);max-width:none;margin:0 0 12px;padding:12px 14px;background:var(--color-paper-2);border:0;font-family:var(--ff-cx)}
html.cx .cn-notify__pitch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 14px;align-items:center}
html.cx .cn-notify__head{display:contents}
html.cx .cn-notify__bell{width:34px;height:34px;border-radius:var(--cx-rb);background:var(--cx-red)}
html.cx .cn-notify__title{font-size:15.5px;font-weight:800;margin:0}
html.cx .cn-notify__sub{font-size:13.5px;margin:0}
html.cx .cn-notify__opts{grid-column:2;margin:0}
html.cx .cn-notify__btn{grid-column:3;grid-row:1/3;border-radius:var(--cx-rb);background:var(--cx-red);font-family:var(--ff-cx);font-weight:700;font-size:14px;padding:11px 14px;margin:0}
html.cx .cn-notify__x{top:6px;right:6px}
html.cx .cn-notify__pitch:has(.cn-notify__x) .cn-notify__btn{margin-right:26px}
@media (max-width:640px){html.cx .cn-notify__pitch{grid-template-columns:auto minmax(0,1fr)}html.cx .cn-notify__btn{grid-column:1/-1;grid-row:auto;margin-right:0}}
html.cx .cn-sw__track{border-radius:4px}
html.cx .cn-sw__track::after,html.cx .cn-sw__track::before{border-radius:3px}
html.cx .cn-chip,html.cx .cn-seg,html.cx .cn-seg__b,html.cx .cn-select{border-radius:var(--cx-rb)}
html.cx .cn-wire-pill{border-radius:var(--cx-ri);font-family:var(--ff-cx);font-weight:700}
html.cx .cn-wire-tag{color:var(--cx-blue)}
/* games, videos, syndicated bands */
html.cx .cn-gb{background:var(--color-paper-2);margin-top:52px;font-family:var(--ff-cx)}
html.cx .cn-gb__rule{height:6px;background:var(--cx-rainbow)}
html.cx .cn-gb__title{font-family:var(--ff-cx);font-weight:900;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.025em}
html.cx .cn-gb__btn{border-radius:var(--cx-rb);font-family:var(--ff-cx);background:var(--cx-red)}
html.cx .cn-gb__state{font-family:var(--ff-cx);letter-spacing:0;text-transform:none}
html.cx .cn-gb__grid > *,html.cx .cn-gb__desk > *,html.cx .cn-gb__art,html.cx .cn-gb__chip{border-radius:var(--cx-r)}
html.cx .cn-vstrip,html.cx [data-region="videos-strip"],html.cx [data-region="syndicated-strip"]{font-family:var(--ff-cx)}
html.cx .cn-vstrip__brand,html.cx .cn-vstrip__title{font-family:var(--ff-cx)}
html.cx .cn-vstrip__items > *{border-radius:var(--cx-r);overflow:hidden}
html.cx .cn-vstrip__badge{border-radius:var(--cx-ri)}
/* announcement bar */
html.cx .learn-banner [class*="rounded"],html.cx [data-region="learn-banner"] [class*="rounded"]{border-radius:var(--cx-ri)}

/* ---------- 12. bands share the section header (squircle, title, coloured rule, key link) ---------- */
.cxh [data-primary-nav]{background:none}
html.cx .cx-bands .news-container{max-width:var(--cx-w);padding-inline:20px}
html.cx .cn-vstrip{margin-top:52px}
html.cx .cn-vstrip__head{border-top:0;padding:0 0 10px;margin-bottom:16px;border-bottom:3px solid var(--cx-red);align-items:center}
html.cx .cn-vstrip__brand{font-family:var(--ff-cx);font-weight:900;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.025em;text-transform:none;gap:.42em}
html.cx .cn-vstrip__dot{width:.58em;height:.58em;border-radius:9%;background:var(--cx-red)}
html.cx .cn-vstrip__all,html.cx [data-region="home-wire"] header > a{font:700 12.5px/1 var(--ff-cx);letter-spacing:0;text-transform:none;color:var(--color-ink);background:var(--color-paper-2);padding:8px 11px;border-radius:var(--cx-rb);text-decoration:none}
html.cx .cn-vstrip__head:hover .cn-vstrip__all{background:var(--cx-red);color:#fff}
html.cx [data-region="home-wire"]{margin-top:52px!important}
html.cx [data-region="home-wire"] header{align-items:center;border-bottom:3px solid var(--cx-purple);padding-bottom:10px;margin-bottom:16px}
html.cx [data-region="home-wire"] header p{display:none}
html.cx [data-region="home-wire"] header h2{display:flex;align-items:center;gap:.42em;margin:0;font-family:var(--ff-cx);font-weight:900;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.025em}
html.cx [data-region="home-wire"] header h2::before{content:"";width:.58em;height:.58em;border-radius:9%;background:var(--cx-purple)}
html.cx [data-region="home-wire"] header h2::after{content:"syndicated";font-weight:600;font-size:13px;letter-spacing:0;color:var(--color-ink-mute);align-self:flex-end;margin-bottom:.25em}
html.cx [data-region="home-wire"] header > a:hover{background:var(--cx-purple);color:#fff}
html.cx [data-region="home-wire"] img{border-radius:var(--cx-ri)}
html.cx .cn-gb__inner.news-container{max-width:var(--cx-w)}
html.cx .cx-home + .cx-bands{margin-top:0}
html.cx-drawer-open .cn-fab,html.cx-drawer-open .frsw{display:none}
.cxd:focus{outline:none}

/* =====================================================================
   v2 (2026-09-29, after the first review)
   ===================================================================== */
/* ---------- 13. calmer light mode: the page and the header are the same white; beige only as a soft fill ---------- */
html.cx:root,html.cx body{--color-paper-2:#f6f5f2;--color-paper-3:#f0eeea;--color-rule:#e8e5df;--cx-band:#fff;--cx-key:#f3f2ee;--cx-serif:"Source Serif 4",Georgia,"Times New Roman",serif}
html.cx.dark:root,html.cx.dark body{--color-paper-2:#181817;--color-paper-3:#1f1f1e;--color-rule:#2a2928;--cx-band:#1f1f1e;--cx-key:#0e0e0e}
.cxh{background:var(--cx-band);border-bottom:1px solid var(--color-rule)}
html.cx.dark .cxh{border-bottom-color:transparent}
.cxh__menu button,.cxl__go,.cxh .cxh__nav li > a,.cxh .cxh__nav li > button{background:var(--cx-key)}
.cxh__tools > a:hover,.cxh__tools > button:hover,.cxh__tools > div > button:hover{background:var(--cx-key)}
html.cx .site-footer{background:var(--color-paper-2)}
html.cx .footer-brand a[class*="w-9"]{background:var(--color-paper)}

/* ---------- 14. the header stays with you ---------- */
.cxh{position:sticky;top:calc(var(--cx-ticker,0px) - var(--cx-tuck,0px));z-index:45}
html.cx body{--breaking-ticker-h:var(--cx-stick,0px)}
html.cx #risks-tracker-root{--rt-sticky:var(--cx-stick,0px)}
html.cx .cn-wire__filters{top:var(--cx-stick,0px)}
.cxh__rainbow{height:5px}

/* ---------- 15. home v2: reading column + working sidebar, halves and thirds ---------- */
.cx-top{display:grid;gap:30px;grid-template-columns:minmax(0,1fr);grid-template-areas:none}
@media (min-width:1000px){.cx-top{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:none;gap:0 48px;align-items:start}}
.cx-top__main > .fc--lead{margin-bottom:26px}
.cx-top__subs{grid-area:auto}
.cx-top__secs{grid-area:auto}
.cx-btn--wide{display:flex;width:100%;padding:15px 18px;font-size:15.5px;font-weight:800;margin-top:6px}
.cx-side{display:grid;gap:22px;align-content:start;min-width:0}
.cx-side .cx-rail{position:static}
.cx-side .cx-rail__list{max-height:520px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#444 transparent;margin-right:-8px;padding-right:8px}
@media (max-width:999px){.cx-side .cx-rail__list{max-height:none;overflow:visible}.cx-rail__list li:nth-child(n+5){display:none}}
.cx-sidebox > .cxs__h{margin-bottom:4px}
.cx-sidebox > .cxs__h h2{font-size:20px}
.cx-sidebox > .fc{padding:12px 0;border-top:1px solid var(--color-rule)}
.cx-sidebox > .cxs__h + .fc{border-top:0}
.cx-sidebox .fc--text .fc__t{font-size:16px}
.cx-sidebox--red{background:var(--cx-red);color:#fff;border-radius:var(--cx-r);padding:20px}
.cx-sidebox--red h2{font-size:22px;font-weight:900;letter-spacing:-.025em;line-height:1.08;color:#fff}
.cx-sidebox--red p{margin:8px 0 14px;font-size:14.5px;line-height:1.45;color:#ffe3e1}
.cx-btn--inv{background:#fff;color:#111}
.cx-btn--inv:hover{background:#111;color:#fff}
.cx-btn--line{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}
.cx-btn--line:hover{background:#fff;color:#111}
.cx-row{display:grid;gap:28px;grid-template-columns:minmax(0,1fr);margin-top:52px;align-items:start}
.cx-row > .cxs{margin-top:0}
@media (min-width:900px){.cx-row--2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.cx-row--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}}
.cx-stack > .fc{padding:13px 0;border-top:1px solid var(--color-rule)}
.cx-stack > .fc:first-child{border-top:0;padding-top:0}
.cxs--tile .fc--sub{margin-bottom:16px}
.cxs--tile .fc--sub .fc__media{display:block}
.cxs--tile .cx-stack > .fc:first-child{border-top:1px solid var(--color-rule);padding-top:13px}
.cxs--dark .cx-rk__lead{margin-bottom:6px}
.cxs--dark .cx-rk__lead .fc__t{font-size:clamp(22px,2.2vw,27px)}
.cxs--dark .cx-rk__lead .fc__dek{-webkit-line-clamp:3;font-size:15.5px}
.cxs--dark .cx-rk__list li{padding:12px 0;border-top:1px solid var(--cx-tile-rule)}
.cxs--dark .cx-rk__list li:first-child{border-top:1px solid var(--cx-tile-rule);padding-top:12px;margin-top:12px}
.cxs--dark > .cxs__meta{margin:12px 0 0}
.cx-promos{display:grid;gap:12px;align-content:start}
.cx-promo{display:grid;gap:4px;padding:16px 18px;border-radius:var(--cx-r);background:var(--color-paper-2);border-left:5px solid var(--sc,var(--cx-red))}
.cx-promo b{font-weight:900;font-size:18px;letter-spacing:-.02em;color:var(--color-ink)}
.cx-promo span{font-size:14px;line-height:1.4;color:var(--color-ink-3)}
.cx-promo em{font-style:normal;font-weight:800;font-size:13px;color:var(--color-ink);margin-top:4px}
.cx-promo:hover{background:var(--sc,var(--cx-red))}
.cx-promo:hover b,.cx-promo:hover span,.cx-promo:hover em{color:#fff}
.cx-promo[data-s=games]:hover b,.cx-promo[data-s=games]:hover span,.cx-promo[data-s=games]:hover em{color:#111}
.cx-grid4{display:grid;gap:26px 24px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.cx-grid4 .fc--tile .fc__t{font-size:17.5px}
.cx-grid4 .fc--tile .fc__dek{display:none}
.cxs__h h2 small{font-weight:600;font-size:13px;letter-spacing:0;color:var(--color-ink-mute);align-self:flex-end;margin-bottom:.22em}
/* desks: first story carries the picture, the rest are headlines */
.cx-desk .fc--tile{padding:12px 0;border-top:1px solid var(--color-rule)}
.cx-desk .fc--tile .fc__media,.cx-desk .fc--tile .fc__dek{display:none}
.cx-desk .fc--tile .fc__t{font-size:16.5px;font-weight:700;line-height:1.25}
.cx-desk .fc--tile.is-first{border-top:0;padding-top:0}
.cx-desk .fc--tile.is-first .fc__media{display:block}
.cx-desk .fc--tile.is-first .fc__t{font-size:19px;font-weight:800}
.cx-desk:not(.is-ready) .fc--tile:nth-of-type(n+5){display:none}
.cx-bands--videos .cn-vstrip{margin-top:44px}

/* ---------- 16. chronological page and other lists ---------- */
.cx-page{padding-top:30px}
.cx-page__h{padding-bottom:12px;margin-bottom:6px;border-bottom:3px solid var(--sc,var(--cx-red))}
.cx-page__h h1{margin:0;display:flex;align-items:center;gap:.4em;font:900 clamp(30px,4vw,44px)/1 var(--ff-cx);letter-spacing:-.03em;color:var(--color-ink)}
.cx-page__h h1 .cx-sq{width:.5em;height:.5em}
.cx-page__h p{margin:8px 0 0;font-size:15px;color:var(--color-ink-3)}
.cx-feed{max-width:860px}
.cx-feed > li{padding:18px 0;border-top:1px solid var(--color-rule)}
.cx-feed > li:first-child{border-top:0}
.cx-feed .fc--thumb .fc__a{grid-template-columns:minmax(0,1fr) 150px}
.cx-feed .fc--thumb .fc__t{font-size:20px}
html.cx .cx-page nav[aria-label*="agination"],html.cx .cx-page .pagination{font-family:var(--ff-cx)}

/* ---------- 17. articles: Archivo headlines, serif reading text ---------- */
html.cx .gh-content,html.cx .article-body{font-family:var(--cx-serif);font-size:clamp(18px,1.25vw,20px);line-height:1.62}
html.cx .gh-content h1,html.cx .gh-content h2,html.cx .gh-content h3,html.cx .gh-content h4,html.cx .gh-content figcaption,html.cx .gh-content .kg-card,html.cx .gh-content table,html.cx .gh-content button,html.cx .gh-content .kg-btn{font-family:var(--ff-cx)}
html.cx .gh-content h2{font-weight:900;letter-spacing:-.02em}
html.cx .gh-content blockquote{font-family:var(--cx-serif)}
html.cx .gh-content img,html.cx .gh-content video,html.cx .kg-image,html.cx .kg-card img{border-radius:var(--cx-ri)}
html.cx .gh-content .kg-btn,html.cx .gh-content .kg-button-card a{border-radius:var(--cx-rb);background:var(--cx-red);color:#fff}
html.cx .gh-content a{text-decoration-color:var(--cx-red)}
html.cx article h1{font-family:var(--ff-cx);font-weight:900;letter-spacing:-.03em}
html.cx [class*="rounded-lg"],html.cx [class*="rounded-xl"],html.cx [class*="rounded-2xl"],html.cx [class*="rounded-md"]{border-radius:var(--cx-r)}

/* ---------- 18. fixes after the v2 render ---------- */
.cxp a.cx-btn,.cxp a.cx-btn:hover{color:#fff}
.cxp a.cx-btn--inv{color:#111}
.cxp a.cx-btn--inv:hover{color:#fff}
.cxp a.cx-btn--line:hover{color:#111}
.cxp a.cx-btn--ghost{color:var(--color-ink)}
.cx-top__subs{padding-bottom:22px}
.cx-top__secs .fc:first-child{border-top:1px solid var(--color-rule)}
.cx-top__secs{margin-bottom:22px}
.cx-side .cx-rail__list{max-height:640px;-webkit-mask-image:linear-gradient(#000 calc(100% - 36px),transparent);mask-image:linear-gradient(#000 calc(100% - 36px),transparent);padding-bottom:20px}
@media (max-width:999px){.cx-side .cx-rail__list{-webkit-mask-image:none;mask-image:none;padding-bottom:0}}
.cx-bands + .cx-home{padding-top:0}
.cx-bands--videos .cn-vstrip{margin-bottom:0}
.cx-bands--videos + .cx-home > .cx-row:first-child{margin-top:44px}
html.cx [data-reading-progress],html.cx .reading-progress{z-index:44}

/* record hosts sit on the page colour, no cream strip */
html.cx #gz-host,html.cx #sd-host,html.cx #tw-host,html.cx #epstein-host{background:var(--color-paper)}

/* ---------- 19. the rest of the site in line: Videos, section desks, Games, Learn ---------- */
html.cx:root,html.cx body{--font-display:var(--ff-cx);--font-mono:var(--ff-cx)}
html.cx .cn-videos__title,html.cx .icb__title,html.cx .pfb__title,html.cx .pfb__num,html.cx .uds__num{font-family:var(--ff-cx);font-weight:900;letter-spacing:-.03em;text-transform:none}
html.cx .cn-videos__title{font-size:clamp(30px,4vw,44px);line-height:1}
html.cx .icb__title,html.cx .pfb__title{font-size:clamp(22px,2.6vw,30px);line-height:1.05}
html.cx .cn-vchip,html.cx .cn-vmodal__act{border-radius:var(--cx-rb);font-family:var(--ff-cx)}
html.cx .cn-vhero,html.cx .cn-vtile,html.cx .cn-videos__skeleton div{border-radius:var(--cx-r)}
html.cx .icb,html.cx .pfb,html.cx .uds{font-family:var(--ff-cx)}
html.cx .icb__cta,html.cx .icb__kicker,html.cx .icb__lnk{font-family:var(--ff-cx);letter-spacing:.02em}
html.cx .icb__cta{border-radius:var(--cx-rb);background:var(--cx-red)}
html.cx .pfb__dot{border-radius:9%}
html.cx .cg,html.cx .cll,html.cx [data-region="games"],html.cx [data-region="learn"]{font-family:var(--ff-cx)}
html.cx .cg-tile__play,html.cx .cll-btn,html.cx .cll-start,html.cx .cll-chip2,html.cx .cll-badge,html.cx .cll-kind,html.cx .cll-mode,html.cx .cll-tdy,html.cx .cll-modal__x{border-radius:var(--cx-rb)}
html.cx .cg-deep__card,html.cx .cg-modal__box,html.cx .cll-card,html.cx .cll-item,html.cx .cll-modal__box,html.cx .cll-note,html.cx .cll-stat,html.cx .cg-tile{border-radius:var(--cx-r)}
html.cx .cg-ghead__ico,html.cx .cg-intro__ico,html.cx .cg-tile__ico,html.cx .cll-card__ico,html.cx .cg-red__pp{border-radius:var(--cx-rb)}
html.cx .cg h1,html.cx .cg h2,html.cx .cll h1,html.cx .cll h2{font-family:var(--ff-cx);font-weight:900;letter-spacing:-.025em}
/* section (tag) pages */
html.cx [data-region="archive-header"] h1,html.cx .archive-header h1{font-family:var(--ff-cx);font-weight:900;letter-spacing:-.03em}
html.cx .post-card img,html.cx [data-component="post-card"] img{border-radius:var(--cx-ri)}

/* =====================================================================
   v3 (2026-09-29, second review)
   ===================================================================== */
/* ---------- 20. no beige: light mode is white with neutral greys (dark mode unchanged) ---------- */
html.cx:root,html.cx body{--color-paper:#fff;--color-paper-2:#f4f4f4;--color-paper-3:#ededed;--color-rule:#e4e4e4;--color-rule-2:#cfcfcf;
  --color-ink:#111;--color-ink-2:#2e2e2e;--color-ink-3:#555;--color-ink-mute:#777;--color-ink-faint:#999;--cx-band:#fff;--cx-key:#f2f2f2;
  --cx-on-tile-2:#d8d8d8;--cx-on-tile-3:#a6a6a6}
html.cx.dark:root,html.cx.dark body{--color-paper:#0e0e0e;--color-paper-2:#181817;--color-paper-3:#1f1f1e;--color-rule:#2a2928;--color-rule-2:#3b3a38;
  --color-ink:#efeae0;--color-ink-2:#d6d1c6;--color-ink-3:#b0aba1;--color-ink-mute:#8f8a80;--color-ink-faint:#6f6b63;--cx-band:#1f1f1e;--cx-key:#0e0e0e}
html.cx #risks-tracker-root{--surface-2:#f4f4f4;--sunk:#f4f4f4;--border:#e4e4e4;--hair:#ebebeb}
html.cx.dark #risks-tracker-root{--surface-2:#181817;--sunk:#181817;--border:#2a2928;--hair:#232221}
.cx-sidebox--red p{color:#ffe1e0}

/* ---------- 21. section keys fit any width: what does not fit goes under More ---------- */
.cxh__navwrap{position:relative}
.cxh__nav.is-fit{overflow:visible;flex-wrap:nowrap}
.cxh .cxh__nav.is-fit > li{flex:1 0 auto}
.cxh .cxh__nav.is-fit > li > a{width:100%;justify-content:center}
.cxh .cxh__nav > li.is-over{display:none}
.cxh__more{position:relative;flex:none}
.cxh__more > button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:0;border-radius:var(--cx-rb);background:var(--cx-key);color:var(--color-ink);font:700 13.5px/1 var(--ff-cx);cursor:pointer;white-space:nowrap}
.cxh__more > button:hover,.cxh__more.is-open > button{background:var(--color-ink);color:var(--color-paper)}
.cxh__more[hidden]{display:none}
.cxh__morepanel{position:absolute;right:0;top:calc(100% + 6px);min-width:210px;padding:6px;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--cx-r);box-shadow:0 12px 32px rgba(0,0,0,.16);display:none;z-index:60}
.cxh__more.is-open .cxh__morepanel{display:grid;gap:2px}
.cxh__morepanel a{display:flex;align-items:center;gap:8px;padding:10px;border-radius:var(--cx-ri);font:700 14px/1 var(--ff-cx);color:var(--color-ink);text-decoration:none}
.cxh__morepanel a::before{content:"";width:9px;height:9px;border-radius:9%;background:var(--sc,var(--color-ink));flex:none}
.cxh__morepanel a:hover{background:var(--color-paper-2)}
.cxh__morepanel a[href$="/wire/"],.cxh__morepanel a[href*="/videos"]{--sc:var(--cx-red)}
.cxh__morepanel a[href*="/tag/ice"]{--sc:var(--cx-orange)}
.cxh__morepanel a[href*="opinion"],.cxh__morepanel a[href*="/games"],.cxh__morepanel a[href*="/learn"]{--sc:var(--cx-yellow)}
.cxh__morepanel a[href*="palestine"],.cxh__morepanel a[href*="gaza"],.cxh__morepanel a[href*="lebanon"],.cxh__morepanel a[href*="sudan"]{--sc:var(--cx-green)}
.cxh__morepanel a[href*="usa"],.cxh__morepanel a[href*="u-s-politics"],.cxh__morepanel a[href*="press-freedom"],.cxh__morepanel a[href*="democracy"]{--sc:var(--cx-blue)}
.cxh__morepanel a[href*="iran"],.cxh__morepanel a[href*="investigation"],.cxh__morepanel a[href*="epstein"]{--sc:var(--cx-purple)}
@media (max-width:900px){.cxh__navwrap{margin:0;padding-inline:0}}

/* ---------- 22. home v3 ---------- */
/* the sidebar: Live, then Subscribe held in view to the end of the lead package */
@media (min-width:1000px){
  .cx-top{align-items:stretch}
  .cx-side{display:block;align-self:stretch}
  .cx-side > * + *{margin-top:22px}
  .cx-side .cx-sidebox--stick{position:sticky;top:calc(var(--cx-stick,0px) + 14px)}
}
.fc__note{font-weight:700;color:var(--color-ink-3)}
.cx-promos{gap:10px}
.cx-promo{padding:14px 16px}
/* records: each its own sober panel, in the manner of Threats to democracy */
.cxs--record::before{background:var(--sc,var(--cx-red))}
.cxs--record .cxs__h h2 .cx-sq{background:var(--sc)}
.cx-rec__lead{display:block;padding-bottom:14px}
.cx-rec__n{display:block;font:900 clamp(40px,5vw,64px)/1 var(--ff-cx);letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.cx-rec__n small{font-size:.42em;letter-spacing:-.02em;margin-left:.2em;font-weight:800}
.cx-rec__l{display:block;margin-top:8px;font-size:15.5px;line-height:1.45;color:var(--cx-on-tile-2);max-width:46ch}
.cx-rec__rows{border-top:1px solid var(--cx-tile-rule)}
.cx-rec__rows li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 0;border-bottom:1px solid var(--cx-tile-rule);font-size:15px;color:var(--cx-on-tile-2)}
.cx-rec__rows li b{font:900 19px/1 var(--ff-cx);letter-spacing:-.02em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.cx-rec__list li{padding:11px 0;border-bottom:1px solid var(--cx-tile-rule)}
.cx-rec__list{border-top:1px solid var(--cx-tile-rule)}
.cx-rec__list a{display:block}
.cx-rec__list .fc__t{font-size:16px;font-weight:700;line-height:1.28;color:#fff}
.cx-rec__list .fc__m{margin-top:4px}
.cx-rec__list a:hover .fc__t{text-decoration:underline;text-underline-offset:3px;color:#fff}
.cx-rec__note{margin:12px 0 0;font-size:14.5px;line-height:1.45;color:var(--cx-on-tile-2)}
.cx-rec__note b{color:#fff}
.cxs--record > .cxs__meta{margin:12px 0 0;font-size:12.5px}
.cxs--record .cx-rec__lead:hover .cx-rec__n{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}

/* ---------- 23. special pages: a working sidebar (chapters, coverage, Live, subscribe and share) ---------- */
.cx-recpage{display:block}
.cx-recpage__side{font-family:var(--ff-cx);padding:24px 20px 8px;display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:var(--cx-w);margin:0 auto}
.cx-recpage__side h2{margin:0 0 8px;padding-bottom:8px;border-bottom:3px solid var(--sc,var(--color-ink));display:flex;align-items:center;gap:.45em;font:900 17px/1.1 var(--ff-cx);letter-spacing:-.02em;color:var(--color-ink)}
.cx-recpage__side ol,.cx-recpage__side ul{list-style:none;margin:0;padding:0}
.cx-recpage__chap{display:none}
.cx-recpage__chap button{display:flex;align-items:baseline;gap:9px;width:100%;padding:8px 0;border:0;border-top:1px solid var(--color-rule);background:none;text-align:left;cursor:pointer;font:600 14px/1.3 var(--ff-cx);color:var(--color-ink-3)}
.cx-recpage__chap li:first-child button{border-top:0}
.cx-recpage__chap button::before{content:"";width:8px;height:8px;border-radius:9%;box-shadow:inset 0 0 0 1.5px var(--color-ink-faint);flex:none;transform:translateY(-1px)}
.cx-recpage__chap button:hover{color:var(--color-ink)}
.cx-recpage__chap button.is-on{color:var(--color-ink);font-weight:800}
.cx-recpage__chap button.is-on::before{background:var(--sc,var(--cx-red));box-shadow:none}
.cx-recpage__side .fc{padding:10px 0;border-top:1px solid var(--color-rule)}
.cx-recpage__side h2 + .fc,.cx-recpage__side h2 + ol > li:first-child{border-top:0}
.cx-recpage__side .fc--text .fc__t{font-size:15px}
.cx-recpage__side .fc__kick{display:none}
.cx-recpage__live li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:9px 0;border-top:1px solid var(--color-rule);font-size:14px;line-height:1.4;color:var(--color-ink-2);cursor:pointer}
.cx-recpage__live time{font:800 12px/1.6 var(--ff-cx);color:var(--cx-red)}
.cx-recpage__live li:hover span{text-decoration:underline;text-underline-offset:3px}
.cx-recpage__acts{display:grid;gap:8px}
.cx-recpage__acts .cx-btn{width:100%;padding:12px 14px;font-size:14px}
@media (min-width:1240px){
  .cx-recpage{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start}
  .cx-recpage__main{min-width:0}
  .cx-recpage__side{position:sticky;top:var(--cx-stick,0px);max-height:calc(100vh - var(--cx-stick,0px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
    display:block;padding:22px 22px 28px;border-left:1px solid var(--color-rule);margin:0;max-width:none;background:var(--color-paper)}
  .cx-recpage__side > * + *{margin-top:26px}
  .cx-recpage__chap{display:block}
}

/* ---------- 24. context pages ("The Context") and record.css pages, in line ---------- */
html.cx .record,html.cx main.record{--font-display:var(--ff-cx);--font-mono:var(--ff-cx);--font-body:var(--ff-cx);--red:var(--cx-red);font-family:var(--ff-cx)}
/* the ICE context page is a dark instrument in both modes; every other context and topic page follows the site's light or dark */
html.cx main[data-context="ice"]{background:#0e0e0e!important;--paper:#181817;--rule:#efeae026;--ink:#efeae0;--bone:#efeae0;--mute:#a6a199}
html.cx main[data-context="ice"] .ctx-card{background:#181817;border-color:#2a2928;box-shadow:none;border-radius:var(--cx-r)}
html.cx main.record:not([data-context="ice"]){--bone:var(--color-paper);--ink:var(--color-ink);--mute:var(--color-ink-mute);--rule:var(--color-rule);--paper:var(--color-paper-2);background:var(--color-paper)}
html.cx main.record:not([data-context="ice"]) .ctx-card{border-radius:var(--cx-r);box-shadow:none}
html.cx .record [class*="mono"],html.cx .record-row-sub,html.cx .record-row-src,html.cx .record-tag,html.cx .ctx-tick time,html.cx .ctx-menu-link::before,html.cx .ctx-chapno,html.cx .ctx-share-btn,html.cx .ctx-share-label,html.cx main[data-context] .record-standfirst,html.cx main[data-context] .ctx-menu a{font-family:var(--ff-cx)!important;letter-spacing:.01em}
html.cx main[data-context] .record-standfirst{font-size:clamp(17px,1.5vw,20px);line-height:1.5;letter-spacing:0;font-weight:500}
html.cx main[data-context] .record-title{font-family:var(--ff-cx)!important}
html.cx .ctx-record-card,html.cx .ctx-share-btn,html.cx .record-tag{border-radius:var(--cx-rb)}
html.cx .ctx-record-card{border-radius:var(--cx-r)}
/* display type, generated from record.css by skins/gen.py */
html.cx .record-title{font-weight:900;letter-spacing:-.035em;text-transform:none;font-size:clamp(32.56px, 6.66vw, 68.08px);line-height:1.02}
html.cx .record-sec{font-weight:900;letter-spacing:-.035em;text-transform:none;font-size:clamp(14.8px, 2.22vw, 19.98px)}
html.cx .record-front-name{font-weight:900;letter-spacing:-.035em;text-transform:none;font-size:12.58px}
html.cx .record-brief-body h2{font-weight:900;letter-spacing:-.035em;text-transform:none;font-size:14.8px}
html.cx .record-brief-body details summary{font-weight:900;letter-spacing:-.035em;text-transform:none;font-size:12.58px}
html.cx .ctx-ticker-label{font-weight:900;letter-spacing:-.035em;text-transform:none;font-size:8.88px}
html.cx .ctx-record-card-name{font-weight:900;letter-spacing:-.035em;text-transform:none;font-size:15.54px}
html.cx .ctx-era-title{font-weight:900;letter-spacing:-.035em;text-transform:none;font-size:clamp(14.06px, 1.924vw, 17.76px)}
html.cx .ctx-split-sec{font-weight:900;letter-spacing:-.035em;text-transform:none;font-size:clamp(12.58px, 1.628vw, 15.54px)}
html.cx .ctx-era-ghost{font-weight:900;letter-spacing:-.035em;text-transform:none;font-size:clamp(103.6px, 22.2vw, 281.2px);line-height:1.02}
html.cx .ctx-hero-stat-value{font-weight:900;letter-spacing:-.035em;text-transform:none;font-size:clamp(41.44px, 8.14vw, 94.72px);line-height:1.02}
html.cx .ctx-snap-value{font-weight:900;letter-spacing:-.035em;text-transform:none;font-size:clamp(19.24px, 2.664vw, 29.6px);line-height:1.02}
html.cx .ctx-era-title--body{font-weight:900;letter-spacing:-.035em;text-transform:none;font-size:clamp(19.24px, 3.33vw, 32.56px);line-height:1.02}
html.cx .ctx-chart-title{font-weight:900;letter-spacing:-.035em;text-transform:none;font-size:11.84px}
html.cx .topic-chapter-h{font-weight:900;letter-spacing:-.035em;text-transform:none;font-size:clamp(16.28px,2.516vw,23.68px);line-height:1.02}
html.cx main[data-context="ice"] .record-title{font-weight:900;letter-spacing:-.035em;text-transform:none}

/* ---------- 25. special-page sidebar: Our coverage and Live open and close, each with a way to the full list ---------- */
.cx-recpage__fold h2{padding:0;border-bottom:3px solid var(--sc,var(--color-ink));margin:0}
.cx-recpage__fold h2 button{display:flex;align-items:center;gap:.45em;width:100%;padding:0 0 8px;border:0;background:none;cursor:pointer;text-align:left;font:inherit;letter-spacing:inherit;color:inherit}
.cx-recpage__fold h2 button span{flex:1}
.cx-recpage__n{font-style:normal;font-weight:700;font-size:12px;letter-spacing:0;color:var(--color-ink-mute)}
.cx-recpage__chev{width:8px;height:8px;border-right:2px solid var(--color-ink);border-bottom:2px solid var(--color-ink);transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s;flex:none;margin:0 4px 0 6px}
.cx-recpage__fold h2 button[aria-expanded=true] .cx-recpage__chev{transform:rotate(-135deg) translate(-2px,-2px)}
.cx-recpage__fold h2 button:hover span{text-decoration:underline;text-underline-offset:3px}
.cx-recpage__body{padding-top:4px}
.cx-recpage__body > .fc:first-child,.cx-recpage__body > ol > li:first-child{border-top:0}
.cx-recpage__all{width:100%;margin-top:10px;padding:11px 14px;font-size:13.5px}
.cx-recpage__side a.cx-btn--ghost,.cx-recpage__side button.cx-btn--ghost{color:var(--color-ink)}
.cx-recpage__side a.cx-btn{color:#fff}
.cx-recpage__side a.cx-btn--ghost:hover,.cx-recpage__side button.cx-btn--ghost:hover{color:var(--color-paper)}
.cx-recpage__side a.cx-btn.cx-btn--ghost,.cx-recpage__side button.cx-btn.cx-btn--ghost{color:var(--color-ink)}
.cx-recpage__side a.cx-btn.cx-btn--ghost:hover,.cx-recpage__side button.cx-btn.cx-btn--ghost:hover{color:var(--color-paper)}

/* ---------- 26. Live news holds more: the home rail scrolls through 30, the drawer 60 ---------- */
.cx-side .cx-rail__list{max-height:720px}
.cx-recpage__live .cx-recpage__body ol{max-height:520px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}

/* ---------- 27. a record panel on a full row: figure on the left, latest on the right ---------- */
.cx-rec__split{display:grid;gap:20px 48px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.cx-rec__split{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start}.cx-rec__split .cx-rec__list{border-top:0}.cx-rec__split .cx-rec__list li:first-child{padding-top:0}}

/* ---------- 28. share any Live update, wherever Live appears ---------- */
.cx-share{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--cx-rb);background:none;color:inherit;opacity:.55;cursor:pointer;flex:none}
.cx-share:hover,.cx-share:focus-visible{opacity:1;background:rgba(127,127,127,.22)}
.cx-rail__list li{grid-template-columns:34px minmax(0,1fr) 28px;align-items:start}
.cxd__list li{grid-template-columns:40px minmax(0,1fr) 28px}
.cx-recpage__live li{grid-template-columns:30px minmax(0,1fr) 28px}
.cx-rail__list .cx-share,.cxd__list .cx-share{color:#fff}
.cx-recpage__live .cx-share{color:var(--color-ink)}
.cx-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,16px);z-index:2147483600;padding:11px 16px;border-radius:var(--cx-rb,5px);background:#111;color:#fff;font:700 14px/1 "Archivo",system-ui,sans-serif;box-shadow:0 8px 28px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}
html.dark .cx-toast{background:#efeae0;color:#111}
.cx-toast.is-on{opacity:1;transform:translate(-50%,0)}
/* Live page: share the view you are in */
html.cx .cn-wire__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:end}
html.cx .cn-wire__title,html.cx .cn-wire__sub{grid-column:1}
html.cx .cn-wire__share{grid-column:2;grid-row:1/3;align-self:end;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:0;border-radius:var(--cx-rb);background:var(--color-paper-2);color:var(--color-ink);font:700 13px/1 var(--ff-cx);cursor:pointer;white-space:nowrap}
html.cx .cn-wire__share:hover{background:var(--color-ink);color:var(--color-paper)}

/* ---------- 29. topic pages with their own cream palette (Iran) sit on the site's page colour ---------- */
html.cx main.record:not([data-context="ice"]){background:var(--color-paper)!important;color:var(--color-ink)}
html.cx main.record:not([data-context="ice"]) .ctx-card{background:var(--color-paper-2);border-color:var(--color-rule)}
html.cx main.record:not([data-context="ice"]) :is(h1,h2,h3,.record-title){color:var(--color-ink)!important}
html.cx main.record:not([data-context="ice"]) .record-standfirst{color:var(--color-ink-2);font-style:normal}
html.cx main.record:not([data-context="ice"]) .record-mono,html.cx main.record:not([data-context="ice"]) .record-tag{background:var(--color-paper-2);border-color:var(--color-rule);color:var(--color-ink-3)}
html.cx main.record .ctx-menu a,html.cx main.record .ctx-latest a{color:var(--color-ink)!important}
html.cx main[data-context="ice"] .ctx-menu a,html.cx main[data-context="ice"] .ctx-latest a{color:#efeae0!important}
html.cx main.record [style*="font-variant"],html.cx main.record .ctx-split-sec{font-variant:normal;font-family:var(--ff-cx)!important}

/* ---------- 30. share on every page (header) ---------- */
.cxh__tools > [data-cx-share-page]{border:0;background:none;cursor:pointer}
@media (max-width:520px){.cxh__tools > [data-games-icon]{display:none}}
@media (max-width:520px){.cxh__tools{gap:0}.cxh__tools > a,.cxh__tools > button,.cxh__tools > div > button{width:31px;height:32px}.cxh__auth{margin-left:4px}.cxh__auth .cx-btn{padding:9px 10px}}
@media (max-width:440px){.cxh__tools > div:has(> button[aria-controls="bookmark-panel"]){display:none}}

/* ---------- 31. the header fits every phone (checked at 360, 390 and 430px) ---------- */
.cxh__in{grid-template-columns:auto auto minmax(0,1fr) auto}
.cxh__right{min-width:0}
.cxh__navwrap,.cxl{min-width:0;max-width:100%}
@media (max-width:900px){.cxh__in{grid-template-columns:auto auto minmax(0,1fr)}.cxh__navwrap{overflow:hidden}}
@media (max-width:440px){
  .cxh__in{padding:10px 12px 0;gap:8px}
  .cxh__logo{--cx-logo:25px}
  .cxh__menu button{width:34px;height:34px}
  .cxh__tools > a,.cxh__tools > button,.cxh__tools > div > button{width:30px;height:32px}
  .cxh__auth{margin-left:2px}
  .cxh__auth .cx-btn{padding:9px 9px;font-size:12.5px}
  .cxh__navwrap{margin:0}
}
@media (max-width:380px){.cxh__tools > #cnBell{display:none!important}}
@media (max-width:640px){html.cx .cn-wire__head{grid-template-columns:minmax(0,1fr)}html.cx .cn-wire__share{grid-column:1;grid-row:auto;justify-self:start;margin-top:10px}}

/* ---------- 32. the menu (slide-out panel) ---------- */
.cxm-scrim{position:fixed;inset:0;z-index:100;background:rgba(10,10,10,.45)}
.cxm{position:fixed;top:0;left:0;z-index:110;height:100dvh;width:min(440px,100vw);display:flex;flex-direction:column;background:var(--color-paper);color:var(--color-ink);font-family:var(--ff-cx);box-shadow:8px 0 40px rgba(0,0,0,.18)}
.cxm--in{transition:transform .26s cubic-bezier(.2,.7,.2,1)}.cxm--out{transition:transform .18s ease-in}.cxm--from{transform:translateX(-102%)}.cxm--to{transform:none}
.cxm [x-cloak],.cxm[x-cloak],.cxm-scrim[x-cloak]{display:none!important}
.cxm__rainbow{height:6px;background:var(--cx-rainbow);flex:none}
.cxm__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 14px;flex:none}
.cxm__x{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--cx-rb);background:var(--color-paper-2);color:var(--color-ink);cursor:pointer}
.cxm__x:hover{background:var(--color-ink);color:var(--color-paper)}
.cxm__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:2px 20px 24px;display:grid;gap:22px;align-content:start}
.cxm__search{display:flex;align-items:center;gap:10px;width:100%;height:44px;padding:0 14px;border:0;border-radius:var(--cx-rb);background:var(--color-paper-2);color:var(--color-ink-3);font:600 14.5px/1 var(--ff-cx);cursor:pointer;text-align:left}
.cxm__search:hover{color:var(--color-ink);box-shadow:inset 0 0 0 2px var(--color-ink)}
.cxm__live{background:var(--cx-tile);color:#fff;border-radius:var(--cx-r);padding:14px 16px 6px;border-top:4px solid var(--cx-red)}
.cxm__liveh{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}
.cxm__liveh h2{margin:0;display:flex;align-items:center;gap:8px;font:900 17px/1 var(--ff-cx);letter-spacing:-.02em;color:#fff}
.cxm__liveh a{font:700 12.5px/1 var(--ff-cx);color:var(--cx-live);text-decoration:none}
.cxm__live .cx-rail__list{max-height:none;overflow:visible;-webkit-mask-image:none;mask-image:none;padding:0;margin:0;list-style:none}
.cxm__live .cx-rail__list li{font-size:14px;padding:10px 0}
.cxm__live .cx-rail__list li:nth-child(n+4){display:none}
.cxm__h{margin:0 0 10px;padding-bottom:8px;border-bottom:3px solid var(--color-ink);font:900 15px/1 var(--ff-cx);letter-spacing:-.01em;color:var(--color-ink)}
.cxm ul{list-style:none;margin:0;padding:0}
.cxm__keys{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cxm .cxm__keys li{display:block}
.cxm .cxm__keys li.nav-sub-item{display:none}
.cxm .cxm__keys li > a{display:flex;align-items:center;gap:8px;padding:12px;border-radius:var(--cx-rb);background:var(--color-paper-2);color:var(--color-ink);font:700 14.5px/1.1 var(--ff-cx);letter-spacing:0;text-transform:none;text-decoration:none;white-space:normal}
.cxm .cxm__keys li > a::before{content:"";width:9px;height:9px;border-radius:9%;background:var(--sc,var(--color-ink));flex:none}
.cxm .cxm__keys li > a:hover,.cxm .cxm__keys li.nav-current > a{background:var(--sc,var(--color-ink));color:#fff}
.cxm .cxm__keys li > a:hover::before,.cxm .cxm__keys li.nav-current > a::before{background:#fff}
.cxm__keys a[href$="/wire/"],.cxm__keys a[href*="/videos"]{--sc:var(--cx-red)}
.cxm__keys a[href*="/tag/ice"]{--sc:var(--cx-orange)}
.cxm__keys a[href*="opinion"],.cxm__keys a[href*="/games"]{--sc:var(--cx-yellow)}
.cxm__keys a[href*="palestine"],.cxm__keys a[href*="gaza"],.cxm__keys a[href*="lebanon"]{--sc:var(--cx-green)}
.cxm__keys a[href*="usa"],.cxm__keys a[href*="u-s-politics"],.cxm__keys a[href*="press-freedom"]{--sc:var(--cx-blue)}
.cxm__keys a[href*="iran"],.cxm__keys a[href*="investigation"]{--sc:var(--cx-purple)}
.cxm .cxm__keys a[href*="opinion"]:hover,.cxm .cxm__keys a[href*="/games"]:hover{color:#111}
.cxm .cxm__keys a[href*="opinion"]:hover::before,.cxm .cxm__keys a[href*="/games"]:hover::before{background:#111}
.cxm__keys li:has(> a[href="https://crustnews.com/"]),.cxm__keys li:has(> a[href="/"]){display:none}
.cxm__list li a{display:flex;align-items:center;gap:9px;padding:11px 0;border-top:1px solid var(--color-rule);font:600 15px/1.2 var(--ff-cx);color:var(--color-ink);text-decoration:none}
.cxm__list li:first-child a{border-top:0;padding-top:2px}
.cxm__list li a .cx-sq{width:9px;height:9px}
.cxm__list li a:hover{color:var(--cx-red)}
.cxm__list--2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.cxm__list--2 li:nth-child(2) a{border-top:0;padding-top:2px}
.cxm__foot{flex:none;padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));background:var(--color-paper-2);border-top:1px solid var(--color-rule)}
.cxm__acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}
.cxm__acts .cx-btn{padding:13px 12px;font-size:14px}
.cxm a.cx-btn{color:#fff}.cxm a.cx-btn.cx-btn--ghost{background:var(--color-paper);color:var(--color-ink)}.cxm a.cx-btn.cx-btn--ghost:hover{background:var(--color-ink);color:var(--color-paper)}
.cxm__signin{grid-column:1/-1;text-align:center;padding:6px 0 0;font:700 13px/1 var(--ff-cx);color:var(--color-ink-3);text-decoration:none}
.cxm__signin:hover{color:var(--color-ink)}
.cxm__social{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:10px}
.cxm__soc{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--cx-rb);color:var(--color-ink-3)}
.cxm__soc:hover{background:var(--color-paper);color:var(--color-ink)}
html:has(.cxm[data-open="true"]) .cn-fab{display:none}
/* the menu sits inside the header's menu cell: its own buttons keep their own sizes */
.cxh__menu .cxm button{width:auto;height:auto;background:none;border-radius:var(--cx-rb)}
.cxh__menu .cxm .cxm__x{width:36px;height:36px;background:var(--color-paper-2)}
.cxh__menu .cxm .cxm__search{width:100%;height:44px;background:var(--color-paper-2)}
.cxh__menu .cxm .cx-share{width:28px;height:28px;color:#fff}
/* the menu button: icon centred */
.cxh__menu > div > button{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;cursor:pointer;line-height:0}
.cxh__menu > div{display:flex}

/* ---------- 33. Games (with the quizzes that were Learn): in line with the site ---------- */
html.cx .cg{font-family:var(--ff-cx)}
html.cx .cg-h1:focus,html.cx .cg-gtitle:focus,html.cx .cg-h1:focus-visible,html.cx .cg-gtitle:focus-visible{outline:none}
html.cx .cg-h1{font-family:var(--ff-cx);font-weight:900;letter-spacing:-.03em}
html.cx .cg-head--sec{padding:30px 0 4px;margin-top:8px;border-top:3px solid var(--color-ink)}
html.cx .cg-h2{margin:0 0 8px;font:900 clamp(20px,3vw,26px)/1.1 var(--ff-cx);letter-spacing:-.025em;color:var(--color-ink)}
html.cx .cg-tile,html.cx .cg-deep__card,html.cx .cg-note,html.cx .cg-lib__row{border-radius:var(--cx-r)}
html.cx .cg-tile__ico{border-radius:var(--cx-rb)}
html.cx .cg-tile__play,html.cx .cg-btn,html.cx .cg-top__ic,html.cx .cg-top__streak{border-radius:var(--cx-rb)}
html.cx .cg-top__wordmark{font-family:var(--ff-cx);font-weight:900;letter-spacing:-.035em}
html.cx .cg-top__wordmark i{display:inline-block;width:.19em;height:.19em;margin-left:.06em;border-radius:8%;background:var(--cx-red);font-size:inherit;color:transparent;overflow:hidden;vertical-align:baseline}
html.cx .cg-top__title,html.cx .cg-top__news{font-family:var(--ff-cx)}
html.cx .cg-deep{border-top:0;padding-top:0}

/* 34. Trump's Wars: sections stop below both the site header and the page's own menu */
html.cx:has(#tw-host),html.cx:has(#tw-host) body{scroll-padding-top:calc(var(--cx-stick,0px) + var(--cx-twmenu,44px) + 12px)!important}
/* the floating Live button gives way where the sidebar already carries Live news */
@media (min-width:1240px){html.cx:has(.cx-recpage__side) .cn-fab{display:none}}