:root{--paper:#f3f0e8;--ink:#222321;--accent:#f04433;--muted:#6f716d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent);color:white}
.serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400}
em{font-family:"DM Sans Presentation","DM Sans",Arial,sans-serif;font-style:italic}
a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:23px 3.5%;border-bottom:1px solid #2225}
.brand{font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.nav{display:flex;flex-wrap:wrap;gap:24px;font-size:12px}
.nav a:hover{color:var(--accent)}
.edition{font-size:11px;color:#666}
.article-main{max-width:1440px;margin:0 auto;padding:70px 3.5% 0}
.article-ident{font-size:12px;line-height:1.6;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--accent);margin:0 0 26px}
.article-heading h1{font-size:clamp(60px,8vw,130px);line-height:.92;letter-spacing:-.045em;max-width:1120px;margin:0 0 38px}
.article-heading .tokyo-title{font-size:clamp(76px,11vw,160px)}
.article-intro{font-size:clamp(19px,1.7vw,24px);line-height:1.5;max-width:780px;margin:0 0 26px}
.article-credits{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 32px}
.article-credits span{display:block}
.reading-links{display:flex;flex-wrap:wrap;gap:18px 34px;margin:0}
.reading-link,.back-stories{display:inline-block;font-size:13px;line-height:1.5;font-weight:700;letter-spacing:.025em;border-bottom:1px solid;padding-bottom:6px}
.reading-link:hover,.back-stories:hover{color:var(--accent)}
.article-text{max-width:720px;margin:80px auto 0;padding-top:38px;border-top:1px solid #2225;scroll-margin-top:24px;font-size:20px;line-height:1.65}
.article-text p{margin:0 0 1.35em}
.article-text .original-lead{font-weight:600;font-size:22px;line-height:1.5;margin-bottom:2em}
.article-text:focus{outline:none}
.pdf-section{margin-top:44px}
.pdf-reader{display:block;width:100%;height:min(900px,85vh);min-height:520px;border:1px solid #2223;background:var(--paper)}
.article-end{margin-top:60px}
.article-footer{padding:0 3.5% 60px;max-width:1440px;margin:auto}
footer{border-top:1px solid #2227;margin-top:90px;display:flex;justify-content:space-between;gap:20px;padding-top:26px;font-size:12px}
.foot-right{display:flex;gap:22px}
@media (max-width:850px){.nav{gap:10px}
.edition{display:none}
.article-main{padding:55px 5% 0}
.article-heading h1{font-size:clamp(52px,9vw,76px)}
.article-heading .tokyo-title{font-size:clamp(76px,12vw,110px)}
.article-footer{padding-inline:5%}
.article-text{margin-top:60px}
.pdf-reader{height:70vh;min-height:420px}
}
@media (max-width:550px){.top{padding:19px 5%;align-items:start}
.brand{font-size:12px}
.nav{max-width:220px;justify-content:flex-end;font-size:10px}
.article-main{padding-top:42px}
.article-ident{font-size:11px;letter-spacing:.08em;margin-bottom:24px}
.article-heading h1{font-size:55px;line-height:.96;margin-bottom:28px}
.article-heading .tokyo-title{font-size:80px}
.article-intro{font-size:19px}
.article-credits{font-size:12px}
.reading-links{gap:20px;align-items:flex-start;flex-direction:column}
.reading-link{font-size:12px}
.article-text{font-size:18px;line-height:1.65;padding-top:28px}
.article-text .original-lead{font-size:20px}
.pdf-reader{min-height:400px}
.article-end{margin-top:40px}
footer{flex-wrap:wrap;margin-top:65px}
.foot-right{gap:10px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}