:root{--intl:linear-gradient(135deg,#1c2126 0%,#2B2F33 50%,#3d434a 80%,#FF6A13 190%);--edi:linear-gradient(135deg,#FF6A13 -60%,#5a2a0c 20%,#2B2F33 75%)}
.art[data-cat=international]{background:var(--intl)}
.art[data-cat=editorial]{background:var(--edi)}
.optnote{font-size:.85rem;opacity:.75;margin-top:.5rem}
.acts{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;margin-top:auto;padding-top:8px}
.card .acts .readat{margin-top:0;padding-top:0}
.briefl{font-weight:700;font-size:13.5px;color:var(--orange-d);text-decoration:none;border:1.5px solid currentColor;border-radius:999px;padding:2px 10px}
.briefl:hover,.briefl:focus-visible{background:var(--orange-d);color:#fff}
.brief{max-width:44rem;margin:0 auto;padding:22px 0 40px}
.brief h1{font-size:clamp(26px,4.5vw,38px);line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:8px 0 12px}
.brief .sum{font-size:18px;line-height:1.55;margin:16px 0}
.brief h2{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:28px 0 8px}
.brief ul{padding-left:20px;margin:0 0 24px}
.brief li{margin:10px 0;line-height:1.55;font-size:17px}
.brief .srcnote{font-size:14px;color:var(--muted);border-left:3px solid var(--orange-d);padding-left:12px;margin:24px 0 16px}
.brief .back{margin-top:24px}
.hero-main .acts{margin-top:12px;padding-top:0}.hero-main .acts .readat{margin-top:0}
.toplist .briefl{display:inline-block;margin-top:8px;font-size:12.5px;padding:1px 9px}

/* top story rotation */
.hero-main{transition:opacity .25s ease}.hero-main.fade{opacity:0}
.hero-grid{grid-template-areas:"m t" "r t";grid-template-rows:auto 1fr}.rot{align-self:start}.hero-main{grid-area:m}.toplist{grid-area:t}.rot{grid-area:r}
.rot{display:flex;align-items:center;gap:12px;margin-top:-10px}
.rot .dots{display:flex;gap:6px}
.rot .dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:var(--line);cursor:pointer}
.rot .dots button[aria-current]{background:var(--orange);width:22px;border-radius:5px}
.rot .rp{border:1.5px solid var(--line);background:none;border-radius:999px;font-size:11px;line-height:1;padding:4px 9px;cursor:pointer;color:inherit}
.toplist li.on a.h{color:var(--orange-d)}.toplist li.on::before{color:var(--orange-d)}
@media (max-width:900px){.hero-grid{grid-template-areas:"m" "r" "t"}.rot{margin-top:-6px}}
@media (prefers-reduced-motion:reduce){.hero-main{transition:none}}