/* ===== Headline.City core: maps each edition's theme onto the shared base, plus parts every family uses ===== */
:root{--ink2:var(--ink);--mut:var(--muted);--blue:var(--a1);--gold:var(--a1);--goldd:var(--a2);--dot:var(--line);--soft:var(--bg);--serif:var(--fh);--sans:var(--fb);--r:0px}
html,body{overflow-x:hidden;overflow-x:clip;max-width:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--fb)}
a:hover{color:var(--a1)}
.btn{background:var(--a1);color:#fff;font-family:var(--fb)}
.btn:hover{background:var(--a2);color:#fff}
/* photos: always 16:9 and never cropped differently, so the logo in the corner of our pictures is always whole */
.pic{position:relative;margin:0;overflow:hidden;background:var(--paper)}
.pic img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.pic-ph{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--a1),var(--a2));color:#fff;text-align:center;padding:20px}
.pic-ph span{font:700 clamp(18px,2.4vw,30px)/1.1 var(--fh);letter-spacing:.02em;opacity:.92;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.hc-credit{font-weight:700;white-space:nowrap}
.hc-credit:hover{text-decoration:underline}
/* the Latest Headlines sidebar on release pages */
.brk-l{list-style:none;counter-reset:b}
.brk-l li{padding:11px 0;border-bottom:1px solid var(--line);counter-increment:b;display:grid;grid-template-columns:28px 1fr;column-gap:8px}
.brk-l li:before{content:counter(b);grid-row:span 2;font:700 18px/1.2 var(--fh);color:var(--a1)}
.brk-l a{font:600 15.5px/1.35 var(--fh);color:var(--ink)}.brk-l a:hover{color:var(--a1)}
.brk-l span{font-size:12.5px;color:var(--muted)}
.box{padding:22px 22px 24px;background:var(--paper)}
.box .btn-block{margin-top:16px}
/* more stories under every release */
.art-more{margin-top:46px}
.art-more-h{font:800 clamp(24px,2.6vw,34px)/1.1 var(--fh);color:var(--ink);margin-bottom:16px}
.art-more-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.art-more-g article{background:var(--paper);border-top:4px solid var(--a1);padding:16px 18px}
.art-more-g a{display:block;font:600 17px/1.3 var(--fh);color:var(--ink)}.art-more-g a:hover{color:var(--a1)}
.art-more-g span{display:block;margin-top:8px;font-size:12.5px;color:var(--muted)}
.art-more>p{margin-top:18px}
.nf{padding:80px 20px;text-align:center}.nf h1{font:800 40px/1.1 var(--fh);margin-bottom:12px}.nf p{margin-top:10px}
@media (max-width:900px){.art-more-g{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.art-more-g{grid-template-columns:1fr}}
/* theme-aware fixes for base parts that assumed a light page */
.prose{color:var(--ink)}
.share a,.share button{background:var(--paper);color:var(--ink);border-color:var(--line)}
.tabs button{background:var(--paper);color:var(--muted)}.tabs button.on{color:var(--ink)}
.pg.on{background:var(--a1);color:#fff}
.prose .about-co .btn,.about-co a.btn{color:#fff}
.wm b{color:inherit}
@media (max-width:900px) and (min-width:761px){.g3{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* the weather page's headline block */
.wx-news{margin-top:34px}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:6px}
.sec-h h2{font:800 clamp(22px,2.4vw,30px)/1.1 var(--fh);color:var(--ink)}.sec-h>a{font:700 13px/1 var(--fb);color:var(--a1);white-space:nowrap}
.hb{padding:16px 0 6px}.hb-lead{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:4px}
.hl h3{font:600 18px/1.3 var(--fh);color:var(--ink)}.hl h3 a:hover{color:var(--a1)}.hl-lead h3{font:800 clamp(22px,2.2vw,30px)/1.15 var(--fh)}
.hl p{margin-top:6px;color:var(--muted);font-size:15px}
.hm{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12.5px;color:var(--muted)}.hm b{color:var(--ink)}.hm em{font-style:normal}
.hb-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.hb-cols .hl{padding:12px 0;border-bottom:1px solid var(--line)}
.hb-more{margin-top:12px;text-align:right}.hb-more a{font:700 13px/1 var(--fb);color:var(--a1)}
@media (max-width:600px){.hb-cols{grid-template-columns:1fr}}