:root{--paper:#f6f1e6;--ink:#202723;--line:#bbc3b8;--green:#2b6645;--yellow:#e8db89;--muted:#67736a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,serif}
a{color:var(--green);text-underline-offset:3px}.draft{background:#283e32;color:#fff;text-align:center;padding:9px 16px;font:700 11px system-ui;letter-spacing:.11em;text-transform:uppercase}
.wrap{max-width:1180px;margin:auto;padding:0 24px}.utility{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding:14px 0;font:700 11px system-ui;letter-spacing:.12em;text-transform:uppercase}
.brand{font-family:Georgia,serif;font-size:17px;letter-spacing:-.04em}.brand i{font-style:normal;color:var(--green)}
.mast{text-align:center;padding:36px 0 28px;border-bottom:5px double var(--ink)}.mast .eyebrow{font:700 11px system-ui;letter-spacing:.21em;text-transform:uppercase;color:var(--green)}
h1{font-size:clamp(68px,13vw,170px);line-height:.78;letter-spacing:-.105em;margin:18px 0 22px;font-weight:900}
.mast p{font-size:17px;margin:0 auto 20px;max-width:600px;line-height:1.4}.datebar{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font:700 11px system-ui;letter-spacing:.1em;text-transform:uppercase}
.intro{display:grid;grid-template-columns:1.55fr 1fr;gap:30px;padding:34px 0;border-bottom:1px solid var(--ink)}
.intro-art{min-height:250px;background:#d6dfcf;border:1px solid #829786;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:24px}
.intro-art:before{content:"";position:absolute;width:340px;height:340px;border:45px solid #7c9b7f;border-radius:50%;right:-50px;top:-100px;box-shadow:0 0 0 65px #b4cab5}
.intro-art:after{content:"● ● ●";position:absolute;right:35px;top:46px;font:900 30px system-ui;letter-spacing:8px;color:#29432d;transform:rotate(-18deg)}
.intro-art b{position:relative;z-index:1;font-size:clamp(35px,5vw,70px);line-height:.97;letter-spacing:-.07em;max-width:450px}
.intro-art:has(.hero-art){padding:0;min-height:0;background:#172b29}
.intro-art:has(.hero-art):before,.intro-art:has(.hero-art):after{content:none}
.hero-art{display:block;width:100%;height:100%;aspect-ratio:1672/941;object-fit:cover}
.briefing{border-top:6px solid var(--ink);padding-top:12px}.section-kicker{font:800 12px system-ui;letter-spacing:.18em;text-transform:uppercase;color:var(--green);margin:0 0 14px}
.briefing ol{margin:0;padding-left:20px;font:600 16px/1.42 system-ui}.briefing li{margin-bottom:12px;padding-left:5px}
.content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:35px;padding:34px 0}.stories h2{font:800 13px system-ui;text-transform:uppercase;letter-spacing:.18em;border-bottom:2px solid var(--ink);padding-bottom:9px;margin:0 0 14px}
details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
.story summary{display:flex;align-items:center;gap:18px;padding:20px 5px}.story-number{font:800 15px system-ui;color:var(--green);align-self:flex-start;padding-top:5px}.story-heading{display:grid;gap:5px;flex:1}.story-heading small{font:800 10px system-ui;letter-spacing:.17em;color:var(--green)}.story-heading strong{font-size:clamp(24px,3vw,37px);letter-spacing:-.04em;line-height:1.07}.story-heading em{font:500 13px system-ui;color:var(--muted);font-style:normal}.story-art{width:156px;height:105px;flex:none;object-fit:cover;border-radius:3px;background:#d6dfcf}.expand{font:400 29px system-ui;color:var(--green);align-self:flex-start}details[open] .expand,details[open] summary b{transform:rotate(45deg)}
.story-body{max-width:650px;margin:0 30px 24px 47px;font:17px/1.6 Georgia,serif}.story-body p{margin:0 0 16px}.story-body ul{padding-left:22px}.story-body li{margin:6px 0}.story-body a{font:700 13px system-ui}
.rail{display:flex;flex-direction:column;gap:20px}.quote{background:var(--yellow);padding:28px;border-top:8px solid var(--ink)}.quote blockquote{font-size:29px;line-height:1.12;letter-spacing:-.035em;margin:15px 0}.quote cite{font:700 12px system-ui;font-style:normal;text-transform:uppercase}
.comic{border:1px solid var(--ink);padding:11px;background:#fff}.comic button{padding:0;border:0;background:none;cursor:zoom-in;width:100%}.comic img{display:block;width:100%;height:auto}.comic figcaption{font:700 11px system-ui;letter-spacing:.1em;text-transform:uppercase;padding:9px 2px 1px}
.rail-note{font:13px/1.5 system-ui;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.brief-section{padding:26px 0;border-top:5px double var(--ink)}.brief-grid{column-count:2;column-gap:24px}.brief{break-inside:avoid}.brief summary{display:flex;gap:16px;justify-content:space-between;padding:14px 0;font:700 16px/1.3 system-ui}.brief summary b{font-size:22px;font-weight:400;color:var(--green)}.brief p{font:16px/1.5 Georgia,serif;padding:0 20px 14px 0;margin:0}.brief.illustrated{padding-top:12px}.brief.illustrated summary{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:start}.brief-art{display:block;width:100%;aspect-ratio:3/1.65;object-fit:cover;border-radius:3px;background:#d6dfcf;grid-column:1/-1}
.good{background:#d9e7d5;border:1px solid #8aa98f;margin:25px 0 55px;padding:clamp(25px,5vw,55px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:30px;align-items:center}.good h2{font-size:clamp(37px,5vw,62px);letter-spacing:-.06em;line-height:1;margin:7px 0 12px;max-width:650px}.good p{font:18px/1.5 Georgia;max-width:690px}.good a{font:800 13px system-ui}.good img{width:100%;height:100%;max-height:360px;object-fit:cover;border-radius:3px}
footer{border-top:1px solid var(--ink);padding:18px 0 30px;font:12px/1.5 system-ui;color:var(--muted);display:flex;justify-content:space-between;gap:20px}
dialog{border:0;background:#f9f8f2;max-width:min(90vw,950px);max-height:90vh;padding:18px;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#131713d9}dialog img{display:block;max-width:100%;max-height:76vh;object-fit:contain}dialog button{float:right;margin-bottom:10px}
@media(max-width:850px){.intro,.content{grid-template-columns:1fr}.rail{display:grid;grid-template-columns:1fr 1fr}.intro-art{min-height:220px}}
@media(max-width:580px){.wrap{padding:0 15px}.utility{font-size:9px}.mast{padding-top:28px}.mast p{font-size:14px}.datebar{font-size:9px}.intro{gap:18px}.rail,.good{grid-template-columns:1fr}.brief-grid{column-count:1}.story summary{gap:10px}.story-art{width:90px;height:90px}.story-body{margin-left:20px}.story-heading strong{font-size:24px}.good img{max-height:240px}}
.customize-link{font:700 11px system-ui;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.comic a{display:block;cursor:zoom-in}
.comic-lightbox{display:none;position:fixed;inset:0;z-index:50;background:#101612e9;padding:5vh 5vw;align-items:center;justify-content:center}
.comic-lightbox:target{display:flex}
.comic-lightbox img{max-width:90vw;max-height:85vh;object-fit:contain;background:#fff;padding:10px}
.comic-close{position:absolute;right:4vw;top:2vh;color:#fff;font:700 16px system-ui}
.good:not(:has(img)){grid-template-columns:1fr}

/* TabLOID's own restrained newspaper treatment. */
:root{--paper:#fff;--ink:#171717;--line:#d2d2d2;--green:#253f52;--yellow:#fff;--muted:#5a5a5a}
.wrap{max-width:1200px}.mast{padding:26px 0 18px;border-bottom:3px double var(--ink)}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(64px,10vw,108px);letter-spacing:-.065em;line-height:1;margin:12px 0}
.mast .eyebrow{letter-spacing:.12em;color:var(--muted)}.mast p{font-size:16px}.datebar{letter-spacing:.035em}
.intro-art{background:#f3f3f3;border:0}.intro-art:before,.intro-art:after{content:none}.intro-art b{letter-spacing:-.04em;font-size:clamp(34px,5vw,60px)}
.section-kicker,.stories h2{letter-spacing:.09em}.briefing{border-top-width:2px}.briefing ol{font:17px/1.5 Georgia,serif}
.story-heading strong{letter-spacing:-.025em;line-height:1.13}.story-art,.brief-art,.good img{border-radius:0;background:#f3f3f3}
.quote{border-top:2px solid var(--ink);padding:20px 0;background:none}.quote blockquote{font-size:26px;line-height:1.25}.comic{margin:0;border-color:var(--line)}
.good{background:none;border:0;border-top:3px double var(--ink);padding:28px 0;margin-bottom:35px}.good h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.035em;line-height:1.12}
.customize-link{border:1px solid var(--ink);padding:8px 12px;border-radius:3px;letter-spacing:.04em}.story summary:focus-visible,.brief summary:focus-visible,a:focus-visible{outline:2px solid #253f52;outline-offset:4px}
@media(max-width:580px){.utility{gap:12px;flex-wrap:wrap}.utility>span:nth-child(2){display:none}.datebar{gap:10px;flex-wrap:wrap}.mast{padding-top:20px}.story summary{align-items:flex-start}.story-art{width:80px;height:72px}.content{padding-top:24px}}

/* Intentional text-first stories remain full-width and readable. */
.story.text-first .story-heading{max-width:720px}.story.text-first .story-heading strong{max-width:28ch}

/* October 23 editorial edition: a broadsheet grid, with native serif fallbacks. */
:root{--paper:#fffefa;--ink:#161616;--line:#d8d6d0;--muted:#64625e;--green:#2e4b5b}
body{font-family:Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:1320px;padding:0 32px}
.utility{padding:14px 0 12px;border-bottom:0;font-size:10px;letter-spacing:.08em}
.brand{color:var(--ink)}.brand i{color:inherit}
.mast{padding:13px 0 0;border-top:1px solid var(--ink);border-bottom:4px double var(--ink)}
h1{font-family:'Baskerville','Iowan Old Style','Palatino Linotype',Georgia,serif;font-size:clamp(72px,10vw,126px);font-weight:800;letter-spacing:-.075em;line-height:.95;margin:8px 0 14px}
.mast .eyebrow{font:600 10px/1.4 Arial,sans-serif;letter-spacing:.15em}.mast p{font-style:italic;font-size:15px;margin-bottom:17px}
.datebar{padding:10px 0 9px;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.02em;color:#333}
.intro{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:26px;padding:24px 0;border-bottom:1px solid var(--ink)}
.intro-art{background:#f2efe8;min-height:260px;align-items:center;padding:28px}.intro-art b{font-style:italic;max-width:540px}
.hero-art{aspect-ratio:16/9;object-fit:cover}.briefing{border-top:0;border-left:1px solid var(--line);padding:0 0 0 25px}
.section-kicker{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.09em;color:var(--ink)}
.briefing ol{padding-left:19px;font:15px/1.45 Georgia,serif}.briefing li{padding-left:4px;margin-bottom:13px}
.content{grid-template-columns:minmax(0,1fr) 252px;gap:25px;padding:25px 0 30px}
.stories{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 25px;align-items:start;min-width:0}
.stories>h2{grid-column:1/-1;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.08em;border-bottom:1px solid var(--ink);margin:0;padding-bottom:10px}
.story{min-width:0;padding:18px 0 22px;align-self:stretch}
.story:first-of-type{grid-column:1/-1;border-bottom:1px solid var(--ink);padding-top:20px}
.story summary{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:12px;padding:0;align-items:start}
.story-number{display:none}.story-heading{grid-column:1;grid-row:2;gap:8px;min-width:0}
.story-heading small{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.08em;color:#4d4b47}
.story-heading strong{font-family:'Baskerville','Iowan Old Style',Georgia,serif;font-size:29px;line-height:1.08;letter-spacing:-.025em;font-weight:700}
.story-heading em{font:15px/1.45 Georgia,serif;color:var(--muted)}
.story-art{grid-column:1/-1;grid-row:1;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:0;background:#f4f1e9}
.expand{grid-column:2;grid-row:2;font:22px/1 Arial,sans-serif;color:#777}
.story:first-of-type summary{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 20px;gap:20px}
.story:first-of-type .story-heading{grid-column:1;grid-row:1}.story:first-of-type .story-art{grid-column:2;grid-row:1;aspect-ratio:4/3}.story:first-of-type .expand{grid-column:3;grid-row:1}
.story:first-of-type .story-heading strong{font-size:clamp(31px,3vw,43px);line-height:1.02}
.story.text-first summary .story-heading{grid-row:1}.story.text-first summary .expand{grid-row:1}
.story-body{font:16px/1.65 Georgia,serif;margin:18px 0 0;max-width:64ch}.story-body a{font:600 12px/1.5 Arial,sans-serif;overflow-wrap:anywhere}
.rail{padding-left:24px;border-left:1px solid var(--line);gap:25px}.quote{border-top:0;padding:0 0 23px;border-bottom:1px solid var(--line)}
.quote blockquote{font-family:'Baskerville',Georgia,serif;font-size:27px;line-height:1.2;font-style:italic;letter-spacing:-.015em}.quote cite{font:600 10px/1.5 Arial,sans-serif}
.comic{padding:0;border:0;background:none}.comic figcaption{font:10px/1.5 Arial,sans-serif;letter-spacing:.02em;color:var(--muted);padding-top:10px}
.brief-section{border-top:3px double var(--ink);padding:20px 0 26px}.brief-grid{column-count:3;column-gap:27px;column-rule:1px solid var(--line)}
.brief summary{font:700 20px/1.17 'Baskerville',Georgia,serif}.brief p{font-size:15px;line-height:1.6}
.good{border-top:3px double var(--ink);padding:25px 0 30px;margin:0 0 15px}.good h2{font-family:'Baskerville',Georgia,serif;font-size:42px;line-height:1.06;max-width:760px}.good p{font-size:17px;line-height:1.65;max-width:76ch}
footer{border-top:3px double var(--ink);align-items:center;font:11px/1.5 Arial,sans-serif}.customize-link{border:1px solid #999;border-radius:0;padding:7px 10px;font:600 10px Arial,sans-serif}
@media(max-width:1000px){.wrap{padding:0 23px}.content{grid-template-columns:minmax(0,1fr) 215px;gap:20px}.rail{padding-left:18px}.story-heading strong{font-size:26px}.brief-grid{column-count:2}}
@media(max-width:800px){.intro{grid-template-columns:1.5fr 1fr;gap:18px}.briefing{padding-left:18px}.briefing ol{font-size:14px}.content{grid-template-columns:1fr}.rail{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;display:grid;grid-template-columns:1fr 1fr}.quote{border:0}.comic img{max-height:350px;object-fit:contain}.story:first-of-type .story-heading strong{font-size:36px}}
@media(max-width:560px){.wrap{padding:0 17px}.utility{font-size:9px}.mast .eyebrow{font-size:9px}h1{font-size:80px}.mast p{font-size:14px;max-width:29ch}.datebar{font-size:9px;justify-content:center;gap:4px 14px}.datebar span:last-child{display:none}.intro{grid-template-columns:1fr;padding:18px 0}.intro-art{min-height:0}.hero-art{aspect-ratio:16/9}.briefing{border:0;padding:15px 0 0}.briefing ol{font-size:15px}.stories{grid-template-columns:1fr;gap:0}.story:first-of-type summary{grid-template-columns:minmax(0,1fr) 20px;gap:12px}.story:first-of-type .story-art{grid-column:1/-1;grid-row:1;aspect-ratio:3/2}.story:first-of-type .story-heading{grid-row:2}.story:first-of-type .expand{grid-column:2;grid-row:2}.story-heading strong,.story:first-of-type .story-heading strong{font-size:32px}.story{padding:21px 0}.rail{grid-template-columns:1fr}.brief-grid{column-count:1}.good{grid-template-columns:1fr}.good h2{font-size:34px}footer{flex-wrap:wrap;gap:8px}footer nav{padding:8px 0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The opening illustration carries the lead; avoid repeating it immediately. */
.story:first-of-type .story-art{display:none}.story:first-of-type summary{grid-template-columns:minmax(0,1fr) 20px}.story:first-of-type .expand{grid-column:2}.story:first-of-type .story-heading strong{max-width:24ch}
.story:last-of-type:nth-of-type(even){grid-column:1/-1}.story:last-of-type:nth-of-type(even) summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 20px;gap:25px}.story:last-of-type:nth-of-type(even) .story-art{grid-column:1;grid-row:1}.story:last-of-type:nth-of-type(even) .story-heading{grid-column:2;grid-row:1}.story:last-of-type:nth-of-type(even) .expand{grid-column:3;grid-row:1}
@media(max-width:560px){.story:first-of-type .story-heading,.story:first-of-type .expand{grid-row:1}.story:last-of-type:nth-of-type(even) summary{grid-template-columns:minmax(0,1fr) 20px;gap:12px}.story:last-of-type:nth-of-type(even) .story-art{grid-column:1/-1;grid-row:1}.story:last-of-type:nth-of-type(even) .story-heading{grid-column:1;grid-row:2}.story:last-of-type:nth-of-type(even) .expand{grid-column:2;grid-row:2}}

/* Homepage editions: a clear, restrained primary action. */
.utility .customize-link{background:#22281f;color:#faf8f0;border:1px solid #22281f;border-radius:2px;padding:10px 16px;text-decoration:none;letter-spacing:.03em;font-size:11px}.utility .customize-link:hover{background:#3f5638}.utility .customize-link:focus-visible{outline:3px solid #7c8c46;outline-offset:4px}