:root{--paper:#f5f1e8;--ink:#232b28;--muted:#68716a;--line:#d4d4c8;--accent:#26624c;--card:#fffcf5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,Arial,sans-serif}body.dark{--paper:#18221e;--ink:#eeeadd;--muted:#abb9ad;--line:#405046;--accent:#a1d2b5;--card:#202e26}header,main{max-width:1100px;margin:auto;padding:22px 24px}header{border-bottom:3px double var(--ink)}.eyebrow,.tag{font-size:10px;letter-spacing:2px;font-weight:700}h1{font:clamp(32px,7vw,64px)/1.15 Georgia,serif;letter-spacing:-2px;margin:16px 0}h1 span{float:right;color:var(--accent)}.dateline{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;min-height:44px;padding:8px 12px}.intro{padding:25px 0}.tag{color:var(--accent)}.intro h2{font:48px/1.06 Georgia,serif;letter-spacing:-1px;margin:15px 0}.intro p{color:var(--muted)}#weather{background:var(--ink);color:var(--paper);padding:18px 22px;border-radius:3px}.forecast{display:flex;flex-wrap:wrap;gap:20px;font-size:13px}.toolbar,.sectionbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.toolbar{font-size:11px;color:var(--muted);margin:15px 0}.sectionbar{border-bottom:1px solid var(--ink)}.sectionbar h2{font:28px Georgia,serif}#count{font-size:12px}#stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:26px}article{border-bottom:1px solid var(--line);padding-bottom:20px;min-width:0}article:first-child{grid-column:span 2}article h3{font:26px/1.16 Georgia,serif;margin:10px 0;overflow-wrap:anywhere}article:first-child h3{font-size:36px}article img{width:100%;max-height:270px;object-fit:cover;border-radius:2px}article p{font-size:15px;color:var(--muted)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.meta{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--accent)}.actions{display:flex;justify-content:space-between;align-items:center;font-size:12px}.actions button{border:1px solid var(--line);border-radius:30px}.sources{margin:45px 0 80px;padding-top:20px;border-top:3px double var(--line);font-size:12px;color:var(--muted)}#health{display:flex;flex-wrap:wrap;gap:10px}#health span{border:1px solid var(--line);padding:5px 8px}.warn{color:#b66d24}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;overflow-x:auto;background:var(--card);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:3px}nav button{font-size:12px;flex-shrink:0}nav .active{background:var(--accent);color:var(--paper);border-radius:24px}@media(max-width:650px){header,main{padding:18px}#stories{grid-template-columns:1fr;gap:22px}article:first-child{grid-column:auto}.intro h2{font-size:40px}article:first-child h3{font-size:30px}nav{justify-content:flex-start}.eyebrow{font-size:8px}.toolbar{align-items:flex-start}#weather{padding:16px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}
@media(max-width:650px){.intro{padding:10px 0}.intro h2{font-size:28px;margin:8px 0}.intro h2 br{display:none}.intro p{margin:8px 0;font-size:13px}header{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:8px}h1{margin:10px 0}.forecast{gap:8px 18px}nav button{font-size:11px;padding:8px 9px}.sectionbar h2{font-size:24px}}
/* Compact edition: applies to wider phone viewports as well as narrow screens. */
header{padding:12px 18px 5px}header h1{font-size:clamp(30px,5vw,42px);line-height:1.1;margin:6px 0;letter-spacing:-1.2px}.eyebrow{font-size:8px;letter-spacing:1.4px}.dateline{font-size:11px;height:32px}.dateline button{padding:0 10px}main{padding:12px 18px}.intro{display:none}#weather{padding:9px 12px;font-size:13px}.forecast{gap:4px 14px;font-size:11px}.weather-details{font-size:10px;opacity:.8}.weather-details summary{cursor:pointer}.toolbar{margin:4px 0;font-size:10px}.toolbar p{margin:4px 0}.sectionbar h2{font-size:22px;margin:8px 0}#stories{gap:18px;margin-top:12px}.group-title{grid-column:1/-1;font:23px Georgia,serif;margin:8px 0 0;padding:8px 0;border-bottom:2px solid var(--accent);color:var(--accent)}article:first-child{grid-column:auto}article h3,article:first-child h3{font-size:25px}article img{max-height:160px}article p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0;font-size:14px}article small{font-size:10px;color:var(--muted)}.pearl-note{grid-column:1/-1;padding:10px 12px;background:var(--card);border-left:3px solid var(--accent);font-size:12px}.pearl-note strong{display:block;font:20px Georgia,serif;margin-bottom:4px}.pearl-note a{text-decoration:underline}nav button{font-size:11px;padding:6px 9px}@media(max-width:650px){#stories{gap:14px}article img{float:right;width:110px;height:88px;margin:0 0 8px 12px}article .actions{clear:both}article{padding-bottom:12px}}
#theme{font-size:12px;font-weight:600;white-space:nowrap;min-height:44px}.dateline{height:40px}.dark .warn{color:#efb877}html{color-scheme:light}html:has(body.dark){color-scheme:dark}