/* The reference's typography, palette and section layouts are retained in styles.css. */
html{scrollbar-gutter:auto;scroll-behavior:auto}
body{overflow-wrap:break-word}
button:focus-visible,a:focus-visible{outline:2px solid #b99657;outline-offset:4px}
.paper a:focus-visible,.paper button:focus-visible{outline-color:#6b532c}
.nav{background:#101923}
.brand small{font-size:8px}
.site-logo{background:var(--cream);object-fit:cover}
.hero{background:#101923;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;align-items:center;padding:64px 6%;min-height:0}
.hero-art{left:45%;background:url('assets/hero-main.webp') center center/cover no-repeat;transform:none;opacity:.34}
.hero-shade{background:none}
.hero-content{padding:0;min-width:0}
.hero h1{font-size:clamp(40px,5.25vw,82px);line-height:1.08;letter-spacing:-2px;max-width:100%;margin:0 0 32px;text-shadow:none}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero h1 span,.hero h1 em{display:block}
.hero h2{font:500 25px/1.35 var(--serif)}
.hero p{font-size:15px;color:var(--cream)}
.hero-bottom{align-items:flex-end}
.hero-seal{border-radius:50%;width:190px;height:190px;box-shadow:none;outline:none;background:var(--navy);border:1px solid var(--gold);transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:3%}
.hero-seal b{font:500 italic 48px/1.5 var(--serif);text-transform:none}
.hero-seal span{font-size:9px;letter-spacing:1px;line-height:1.7}
.hero-foot{bottom:25px;font-size:10px}
.hero-foot{justify-content:flex-end}
.live-dot{box-shadow:none}
.paper{background-image:none}
.button,.meme-image img{transition:none}
.button:hover,.meme-image:hover img{transform:none}
.button.dark{background:var(--navy);color:var(--cream);border-color:var(--navy)}
.button.dark:hover{background:#263544}
.paper .quiet-link{color:var(--navy)}
.button.outline:hover{background:rgba(210,181,121,.12)}
.portrait-note{box-shadow:none;transform:rotate(-4deg);font-family:var(--serif);background:var(--gold);color:var(--navy);font-size:22px;line-height:1.5}
.image-frame img{aspect-ratio:1;object-fit:contain}
.day-grid{grid-template-columns:minmax(0,35fr) minmax(0,57fr)}
.day-grid>*{min-width:0}
.day-heading .display{font-size:clamp(52px,6.6vw,100px)}
.day-nav a{font-size:12px;gap:12px;letter-spacing:0;padding:16px 0;min-height:52px;color:#d2cfc7}
.day-nav a span{font-size:9px;width:74px;color:inherit}
.day-nav a.active{border-left:3px solid var(--gold);padding-left:12px;background:#18232e}
.schedule-foot{font-size:11px}
.scene-img{background:var(--cream)}
.scene-img img{object-fit:contain}
.day-scene{margin-bottom:0}
.day-scene[hidden]{display:none}
.scene-content h3{font-size:32px}
.scene-content p{color:#d2cfc7;max-width:600px}
.scene-content small{font-size:13px;line-height:1.6;display:block}
.next-moment{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:24px;padding:18px 0;min-height:48px;max-width:none}
.mha-copy{max-width:520px}
.mha-copy p{font-size:15px;line-height:1.75}
.impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #10192330;border-left:1px solid #10192330}
.impact-grid article{padding:28px;border-right:1px solid #10192330;border-bottom:1px solid #10192330}
.impact-grid strong{display:block;font:500 50px/1.25 var(--serif);letter-spacing:-1.5px;margin:20px 0}
.impact-grid p{font-size:14px;line-height:1.7;min-height:72px;margin-bottom:22px;color:#424b51}
.impact-grid a{font-size:10px;text-decoration:underline;text-underline-offset:4px;line-height:1.8;display:inline-block;padding:10px 0}
.source-note{font-size:12px;line-height:1.7;color:#465058;margin:20px 0 28px}
.mha-actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px}
.manifesto{padding-bottom:45px;background:var(--deep)}
.manifesto:before{display:none}
.manifesto-line p,.manifesto-line h2{ text-shadow:none}
.manifesto-line p{font-size:15px}
.manifesto-line h2{font-size:clamp(48px,5.6vw,82px)}
.real-stories{background:var(--deep)}
.real-stories .heading-row>p{max-width:400px;color:#d2cfc7}
.real-stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.real-story-card{display:flex;flex-direction:column;border:1px solid var(--line);min-width:0}
.real-story-photo{display:block;overflow:hidden}
.real-story-photo img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}
.real-story-copy{display:flex;flex-direction:column;flex:1;padding:25px}
.real-story-copy .eyebrow{color:var(--gold);font-size:10px}
.real-story-copy h3{font:500 28px/1.25 var(--serif);margin:17px 0}
.real-story-copy p{font-size:14px;line-height:1.75;color:#d2cfc7;margin-bottom:24px}
.real-story-author{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding-bottom:22px}
.real-story-author b{font-size:13px;font-weight:500}
.real-story-author span{font-size:11px;color:#b9b6ac}
.real-story-copy .quiet-link{padding:16px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;min-height:48px}
.real-story-copy small{font-size:11px;line-height:1.65;color:#b9b6ac;display:block;margin-top:10px}
.stories-credit{font-size:12px;color:#b9b6ac;margin:25px 0 0;line-height:1.7}
.article-page{background:var(--cream);color:var(--navy)}
.article-page .nav{color:var(--cream)}
.article-page .footer{color:var(--cream)}
.article-main{padding:55px 6% 85px}
.article-reader{max-width:820px;margin:0 auto}
.article-reader .back-link{display:inline-block;padding:15px 0;margin-bottom:30px;font-size:12px;font-weight:600}
.article-reader .eyebrow{color:#785c2f}
.article-reader h1{font:500 clamp(38px,4.5vw,65px)/1.15 var(--serif);letter-spacing:-1.6px;margin:20px 0 25px}
.article-reader .story-byline{font-size:14px;color:#465058;line-height:1.8}
.article-reader .story-deck{font-size:20px;color:#465058}
.article-reader .story-warning{border-left:2px solid #8f7040;padding:13px 18px;font-size:13px;line-height:1.8;background:#eae4d7;margin:25px 0}
.article-reader .story-photo{margin:30px 0 40px}
.article-reader .story-photo img{width:100%;height:auto;object-fit:contain}
.article-reader .story-photo figcaption{font-size:11px;color:#566067;margin-top:12px;line-height:1.7}
.article-reader .story-body p{font-size:16px;line-height:1.95;color:#303e48;margin-bottom:24px}
.article-reader .story-body h2{font:500 30px/1.3 var(--serif);margin:40px 0 18px}
.article-reader .story-body a{text-decoration:underline;text-underline-offset:3px;color:#68502c}
.article-attribution{margin-top:40px;border-top:1px solid #10192330;padding-top:25px}
.article-attribution a{display:inline-block;padding:12px 0;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.article-attribution p{font-size:12px;line-height:1.8;color:#465058}
.article-support{margin-top:38px;border-top:1px solid #10192330;padding-top:28px}
.article-support h2{font:500 30px var(--serif)}
.article-support p{font-size:14px;color:#465058}
.article-support a{display:inline-block;font-size:12px;font-weight:600;padding:12px 0;text-decoration:underline;text-underline-offset:4px}
.meme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}
.meme-card{min-width:0}
.meme-meta{background:var(--deep)}
.meme-meta>span{color:#d2b579}
.meme-image{color:var(--cream)}
.meme-image{aspect-ratio:1}
.meme-image img{display:block;width:100%;height:100%;object-fit:cover}
.meme-card{overflow:hidden}
.meme-image:after{background:var(--navy);font-size:9px}
.meme-meta h3{font-size:14px;line-height:1.5;min-height:42px}
.meme-actions{gap:8px;display:flex;flex-wrap:wrap}
.meme-actions button,.meme-actions a{font-size:10px;min-height:44px;padding:10px 0;letter-spacing:0}
.meme-actions button:hover,.meme-actions a:hover{color:var(--gold)}
.pledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.pledge-grid .eyebrow{margin-bottom:25px}
.pledge-copy strong{display:block;font:500 110px/1 var(--serif);letter-spacing:-4px;color:#8f7040;margin:0 0 24px}
.pledge-copy p{font-size:15px;color:#465058}
.pledge-copy .pledge-statement{font:500 23px/1.5 var(--serif);color:var(--navy)}
.community{background:var(--navy)}
.community-joke p{font-size:15px;text-decoration:none}
.community .display{margin-bottom:30px}
.community-joke h3{margin-bottom:30px}
.community .actions{flex-wrap:wrap}
.footer{padding-bottom:40px}
.footer-word{font-size:clamp(40px,8vw,120px)}
.footer-bottom span{max-width:520px;line-height:1.7}
.legal{align-items:flex-start}
.legal span:nth-child(2){max-width:650px}
dialog{max-height:90svh;overflow:auto;background:var(--deep)}
dialog #meme-full{max-height:58svh;object-fit:contain;background:var(--cream)}
.dialog-close{z-index:2;font-size:32px;min-width:48px;min-height:48px;background:var(--navy);color:var(--cream);border:1px solid var(--gold)}
.dialog-body h2{font-size:28px}
.dialog-body .button{min-height:48px}
#toast{z-index:100}
#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.meme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-seal{margin-right:0}.impact-grid article{padding:22px}.impact-grid strong{font-size:43px}.day-nav a span{display:none}}
@media(max-width:1050px){.real-stories-grid{gap:18px}.real-story-copy{padding:20px}.real-story-copy h3{font-size:25px}}
@media(max-width:950px){.nav{padding:0 5%;gap:14px}.menu{display:block}.nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy);padding:16px 6%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav nav.open{display:flex}.nav nav a{padding:15px;font-size:12px}.nav-right{gap:15px}}
@media(max-width:760px){
  .nav,.nav.compact{height:76px}.brand{font-size:9px;letter-spacing:.6px;gap:8px}.brand small{font-size:6px;letter-spacing:.3px}.site-logo{width:38px;height:38px}.nav-right{gap:8px}.nav-right .button{font-size:9px;padding:12px 10px;gap:9px}.menu{font-size:22px;min-height:44px;min-width:36px;padding:0}
  .hero{grid-template-columns:minmax(0,1fr);gap:30px;padding:38px 6% 44px}.hero-content{padding:0}.hero h1{font-size:clamp(38px,9vw,64px);letter-spacing:-1.5px;margin:0 0 25px}.hero h2{font-size:23px}.hero p{font-size:14px;max-width:none}.hero .actions{gap:16px;flex-wrap:wrap}.hero .button{font-size:10px;padding:17px 16px;gap:18px}
  .section{padding:52px 6% 58px}.display{font-size:43px}.section-top{font-size:10px;margin-bottom:36px}.section-top span:last-child{display:none}
  .day-grid{display:block}.day-heading .display{font-size:54px}.day-heading .display br{display:none}.day-nav{gap:6px;margin:20px 0 30px;flex-direction:row;flex-wrap:wrap}.day-nav a{font-size:10px;min-height:44px;padding:10px;border:1px solid var(--line);gap:8px}.day-nav a.active{padding-left:10px;border-left-width:3px}.day-nav a:after{display:none}.schedule-foot{display:none}.scene-content h3{font-size:28px}.scene-content p{font-size:14px}.scene-content small{font-size:12px}.scene-content .eyebrow{font-size:10px;letter-spacing:.7px}
  .story-grid{grid-template-columns:1fr}.story-copy .display{font-size:43px}.story-copy p{font-size:14px}.portrait-note{font-size:20px}.heading-row{display:block}.heading-row p{font-size:14px}.mha-copy{margin-bottom:30px}.impact-grid{grid-template-columns:1fr}.impact-grid article{padding:24px}.impact-grid strong{font-size:50px;margin:16px 0}.impact-grid p{min-height:0;font-size:14px;margin-bottom:12px}.impact-grid a{font-size:11px}.mha-actions{gap:20px}.mha-actions .button{width:100%;padding:17px}.mha-actions .quiet-link{font-size:11px}.source-note{font-size:11px}
  .manifesto-head{font-size:10px;padding:40px 6% 20px}.manifesto-line{padding:30px 6%}.manifesto-line h2{font-size:clamp(42px,11vw,62px);letter-spacing:-1.5px}.manifesto-line p{font-size:14px}
  .real-stories-grid{grid-template-columns:1fr;gap:25px}.real-story-copy{padding:24px}.real-story-copy h3{font-size:29px}.real-story-photo img{aspect-ratio:16/10}.stories-credit{font-size:11px}.article-main{padding:32px 6% 50px}.article-reader h1{font-size:38px;letter-spacing:-1px}.article-reader .story-body p{font-size:15px;line-height:1.9}.article-reader .story-body h2{font-size:28px}.article-reader .story-photo{margin:25px 0 30px}
  .meme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.meme-meta{padding:17px}.meme-meta h3{font-size:14px;min-height:0}.meme-actions{gap:12px}.meme-actions button,.meme-actions a{font-size:11px}
  .pledge-grid{grid-template-columns:1fr;gap:35px}.pledge-copy strong{font-size:90px;margin-bottom:20px}.pledge-copy .pledge-statement{font-size:22px}.pledge-copy p{font-size:14px}.pledge-copy .quiet-link{font-size:11px}
  .community .display{font-size:55px}.community .actions .button{flex:auto;width:100%;justify-content:space-between;font-size:11px}.community-joke h3{font-size:23px}.community-joke p{font-size:14px}.community-foot{line-height:1.8}.footer-word{font-size:8.5vw;padding:28px 0}.footer{padding:35px 6% 35px}.footer-top>a{font-size:10px}.footer-top{font-size:10px}.footer-bottom{gap:22px}.footer-links{gap:22px}.legal{font-size:10px}.dialog-body .actions{flex-wrap:wrap}.dialog-body h2{font-size:23px}
}
@media(max-width:480px){.meme-grid{grid-template-columns:minmax(0,1fr)}.meme-actions{justify-content:space-between;gap:8px}.brand small{display:none}.hero .eyebrow{font-size:8px;letter-spacing:.5px}.nav-right .button{font-size:8px}.community-foot{gap:15px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.story-directory{scroll-margin-top:75px}
/* The page scroll padding already covers the header plus 16px; align these sections flush below it. */
#memes,#hope,#mha{scroll-margin-top:-16px}
.section-top>span:only-child{display:block}
.meme-card[hidden]{display:none}
.vault-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.vault-filters button{background:transparent;border:1px solid var(--line);padding:13px 18px;min-height:44px;font-size:10px;letter-spacing:1px}
.vault-filters button[aria-pressed="true"]{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.meme-source{display:inline-block;font-size:9px;color:var(--muted);padding:10px 0 0;text-decoration:underline;text-underline-offset:3px}
.image-frame{padding:0}
.image-frame img,.scene-img img,.closing-picture img{object-fit:cover}
#morning .scene-img img{transform:scaleX(-1)}

.hero-portrait{margin:0;min-width:0;background:var(--cream);border:1px solid var(--line)}
.hero-portrait img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.hero .actions{flex-wrap:wrap;gap:18px}
.x-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:48px;border:1px solid var(--line);font-size:23px;color:var(--cream)}
.x-button:hover{color:var(--gold);border-color:var(--gold)}
.meme-card{display:flex;flex-direction:column;background:var(--deep)}
.meme-image{flex-shrink:0}
.meme-meta{display:flex;flex-direction:column;flex:1;padding:20px}
.meme-meta h3{min-height:3em;margin:10px 0 20px;letter-spacing:0}
.meme-actions{display:grid;grid-template-columns:auto auto auto;gap:8px;margin-top:auto;justify-content:space-between}
.meme-actions button,.meme-actions a{font-size:10px;white-space:nowrap;min-height:44px}
.meme-credits{margin-top:20px;color:var(--muted);font-size:10px}
.meme-credits summary{cursor:pointer;min-height:44px;display:flex;align-items:center;width:fit-content;letter-spacing:1px}
.meme-credits summary::before{content:"+";margin-right:10px;color:var(--gold);font-size:16px}
.meme-credits[open] summary::before{content:"−"}
.meme-credits>div{display:flex;flex-wrap:wrap;gap:12px 24px;padding:8px 0}
.meme-credits a{text-decoration:underline;text-underline-offset:3px;line-height:1.8}
.footer-word{white-space:normal}
.footer-word>span,.footer-word>em{display:block}
.footer-word>em{font-size:.7em;color:var(--cream);margin-top:14px}
.footer-links{flex-wrap:wrap;row-gap:12px}
@media(max-width:760px){.x-button{width:36px;height:44px;font-size:21px}.meme-meta{padding:18px}.meme-actions{gap:5px}.meme-actions button,.meme-actions a{font-size:10px}.footer-word{letter-spacing:-1px}.footer-word>em{font-size:.9em;margin-top:10px}}


/* One paper-and-ink palette, with gold reserved for small highlights. */
:root{--ink:#24231f;--paper:#f5f1e8;--surface:#fffdf8;--accent:#86662f;--navy:var(--ink);--deep:var(--surface);--cream:var(--paper);--gold:#d2b579;--muted:#625f57;--line:rgba(36,35,31,.18)}
body{background:var(--paper);color:var(--ink)}
button:focus-visible,a:focus-visible,.paper a:focus-visible,.paper button:focus-visible{outline-color:var(--accent)}
.nav,.article-page .nav{background:var(--paper);color:var(--ink);border-bottom-color:var(--line)}
.nav .brand small{color:var(--accent)}
.nav nav{background:var(--paper);border-bottom-color:var(--line)}
.nav nav a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.nav .x-button{color:var(--ink);border-color:var(--line)}
.nav .x-button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.button,.button.dark,.nav .button{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.button:hover,.button.dark:hover,.nav .button:hover{background:#49463e;border-color:#49463e}
.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}
.button.outline:hover{background:#eae3d5}
.hero{background:var(--paper);padding:40px 6% 48px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:5%}
.hero h1{font-size:clamp(42px,5.4vw,82px);line-height:1.04;letter-spacing:-2.5px;margin-bottom:28px}
.hero h1 em{color:var(--accent)}
.hero h2{font:500 19px/1.5 var(--sans);max-width:410px;margin-bottom:13px}
.hero p{color:var(--muted);font-size:15px;max-width:410px}
.hero .actions{gap:26px;margin-top:30px}
.hero .button{background:var(--gold);color:var(--ink);border-color:#b89b65}
.hero .button:hover{background:#dec794}
.hero .hero-portrait{width:100%;max-width:560px;justify-self:end;border:1px solid var(--line);box-shadow:none}
.hero .quiet-link{color:var(--ink)}
.ticker{background:var(--paper);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.3px;padding:18px 0}
.ticker b{color:var(--accent)}
.section{padding:72px 6% 78px}
.section-top{font-size:10px;letter-spacing:1.5px;margin-bottom:40px;padding-bottom:0;border:0}
.section-top>span:first-child{color:var(--accent)}
.section-top>span:last-child:not(:first-child){color:var(--muted)}
.display em,.paper .display em{color:var(--accent)}
.story{background:var(--surface)}
.story-copy p{font-size:15px;color:var(--muted);max-width:430px}
.story-copy h3{font-size:25px}
.story-copy h3 em{color:var(--accent)}
.portrait-figure{padding-bottom:0;max-width:480px;justify-self:end;width:100%}
.image-frame{border-color:var(--line);box-shadow:none}
.portrait-note{position:static;background:transparent;color:var(--muted);transform:none;margin-top:15px;padding:0;font-size:20px}
.portrait-figure figcaption{font-size:9px;color:var(--muted);padding-top:15px}
.narrative-bridge{margin-top:46px;padding-top:24px;border-color:var(--line)}
#day{background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}
.day-heading .display{font-size:clamp(48px,5.6vw,82px)}
.day-heading>p,.scene-content p{color:var(--muted)}
.day-nav a{opacity:1;color:var(--muted)}
.day-nav a.active{color:var(--ink);background:#eae3d5;border-left-color:var(--accent)}
.schedule-foot b,.scene-content .eyebrow,.scene-content small{color:var(--accent)}
.scene-img{border:1px solid var(--line)}
.scene-time{background:var(--paper);color:var(--ink);border-color:var(--line)}
.next-moment{color:var(--ink)}
#cause{background:#ece5d9;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pledge-copy strong{color:var(--ink)}
.pledge-copy p{color:var(--muted)}
.pledge-copy .pledge-statement{color:var(--ink)}
#memes{background:var(--paper);color:var(--ink)}
.heading-row>p{color:var(--muted)}
.vault-filters button{font-size:11px;letter-spacing:.6px;border-color:var(--line);background:transparent;color:var(--ink)}
.vault-filters button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.meme-card,.meme-meta{background:var(--surface);color:var(--ink)}
.meme-card{border-color:var(--line)}
.meme-meta{border-top:1px solid var(--line)}
.meme-meta>span{color:var(--accent)}
.meme-image:after{display:none}
.meme-actions{border-color:var(--line)}
.meme-actions a:hover,.meme-actions button:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.vault-footer,.meme-credits{color:var(--muted)}
.meme-credits summary:before{color:var(--accent)}
#hope{background:var(--surface);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#hope .real-story-card{background:var(--paper);border-color:var(--line)}
#hope .heading-row>p,.real-story-copy p,.real-story-author span,.real-story-copy small,.stories-credit{color:var(--muted)}
.real-story-copy .eyebrow{color:var(--accent)}
.real-story-copy .quiet-link{color:var(--ink)}
#mha{background:var(--paper);color:var(--ink)}
#mha .mha-copy p,#mha .impact-grid p,#mha .source-note{color:var(--muted)}
#mha .impact-grid{border:0;gap:18px}
#mha .impact-grid article{background:var(--surface);border:1px solid var(--line)}
#mha .impact-grid .eyebrow{color:var(--accent)}
#mha .quiet-link{color:var(--ink)}
.footer,.article-page .footer{background:#eae2d3;color:var(--ink);border-top:1px solid var(--line)}
.footer-word{color:var(--ink);border-color:var(--line)}
.footer-word>em{color:var(--accent);font-size:.55em}
.footer-top,.footer-bottom,.legal{border-color:var(--line)}
.legal{color:var(--muted)}
.article-reader .story-body p{color:var(--ink)}
.article-reader .story-byline,.article-reader .story-deck,.article-reader .story-photo figcaption,.article-attribution p,.article-support p{color:var(--muted)}
dialog{background:var(--surface);color:var(--ink)}
.dialog-close{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.dialog-body .eyebrow{color:var(--accent)}
@media(max-width:760px){
  .hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:32px 6% 38px}
  .hero h1{font-size:clamp(38px,10vw,65px);letter-spacing:-1.5px;margin-bottom:22px}
  .hero h2{font-size:17px}.hero p{font-size:14px}
  .hero .actions{gap:20px;margin-top:24px}
  .hero .hero-portrait{max-width:none;justify-self:stretch}
  .ticker{font-size:9px;padding:14px 0}
  .section{padding:48px 6% 54px}.section-top{margin-bottom:30px}
  .story-copy p{font-size:14px}.portrait-figure{max-width:none}
  .narrative-bridge{margin-top:30px}
  .day-heading .display{font-size:52px}
  #mha .impact-grid{gap:12px}
  .footer-word>em{font-size:.7em}
}