:root{--paper:#fffdf7;--ink:#202826;--muted:#64706d;--green:#2e685f;--green-dark:#204a44;--sand:#eadfc9;--coral:#c96749;--line:#d9d4c7;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;--sans:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f1eee6;color:var(--ink);font-family:var(--sans);line-height:1.8}a{color:inherit}.masthead{max-width:1180px;margin:22px auto 0;padding:18px 24px 16px;border-top:7px solid var(--green);border-bottom:1px solid var(--ink);display:flex;align-items:end;justify-content:space-between;background:var(--paper)}.issue{margin:0;color:var(--coral);font-size:12px;font-weight:800;letter-spacing:.12em}.masthead h1{font:700 clamp(34px,6vw,72px)/1.05 var(--serif);margin:5px 0 0;letter-spacing:-.04em}.masthead-mark{font:700 46px/0.7 var(--serif);text-align:center;color:var(--green)}.masthead-mark small{font:700 9px/1 var(--sans);letter-spacing:.16em}.lead{max-width:1180px;margin:0 auto;padding:56px clamp(24px,7vw,90px);background:var(--paper);border-bottom:1px solid var(--line)}.lead-kicker{margin:0;color:var(--coral);font-weight:800}.lead h2{font:700 clamp(28px,4vw,50px)/1.35 var(--serif);margin:10px 0 18px}.lead>p:last-child{max-width:670px;margin:0;color:var(--muted)}.story-grid{max-width:1180px;margin:0 auto;padding:26px 24px 60px;background:var(--paper);display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.story-card{position:relative;grid-column:span 4;min-height:330px;padding:25px;border:1px solid var(--line);text-decoration:none;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.story-card:first-child{grid-column:span 8}.story-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #344c4418;border-color:var(--green)}.story-number{position:absolute;right:17px;bottom:-20px;font:700 95px/1 var(--serif);color:#2e685f0d}.story-meta{display:flex;justify-content:space-between;color:var(--coral);font-size:11px;font-weight:800;letter-spacing:.06em}.story-card h2{font:700 clamp(21px,2.2vw,31px)/1.4 var(--serif);margin:35px 0 15px;max-width:90%}.story-card p{color:var(--muted);font-size:14px;line-height:1.85}.read-link{position:absolute;left:25px;bottom:22px;color:var(--green);font-weight:800;font-size:13px}.tone-coral{border-top:5px solid #c96749}.tone-sage{border-top:5px solid #6f9480}.tone-blue{border-top:5px solid #64849a}.tone-sand{border-top:5px solid #b59263}.tone-mustard{border-top:5px solid #c59b3f}.tone-rose{border-top:5px solid #a86c75}.site-footer{max-width:1180px;margin:0 auto 30px;padding:20px 24px;background:var(--green-dark);color:#eaf0ed;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em}.reading-progress{position:fixed;z-index:20;top:0;left:0;width:100%;height:4px;background:#d7d3c8}.reading-progress i{display:block;width:0;height:100%;background:var(--coral)}.article-top{max-width:1180px;margin:22px auto 0;padding:15px 22px;display:flex;justify-content:space-between;border-top:6px solid var(--green);border-bottom:1px solid var(--line);background:var(--paper);font-size:13px}.back-link{color:var(--green);font-weight:800;text-decoration:none}.article-layout{max-width:1180px;margin:0 auto 40px;padding:42px 24px 70px;background:var(--paper);display:grid;grid-template-columns:220px minmax(0,760px);gap:60px;justify-content:center}.article-toc{position:sticky;top:28px;align-self:start;border-top:2px solid var(--ink);padding-top:12px}.article-toc nav{display:grid}.article-toc a{padding:9px 3px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.5;text-decoration:none}.article-toc a:hover{color:var(--coral)}.toc-toggle{display:none}.article-header{padding:0 0 38px;border-bottom:1px solid var(--ink)}.article-header>p{margin:0 0 15px;color:var(--coral);font-size:11px;font-weight:800;letter-spacing:.08em}.article-header>p span{margin-right:12px;padding:5px 8px;background:#f1e5d4;color:var(--ink)}.article-header h1{font:700 clamp(31px,5vw,55px)/1.3 var(--serif);margin:0;letter-spacing:-.025em}.article-deck{margin-top:20px;color:var(--muted);font-size:13px}.article-body{font-size:16px;line-height:2}.article-body h2{scroll-margin-top:20px;font:700 29px/1.5 var(--serif);margin:66px 0 20px;padding-top:13px;border-top:3px solid var(--green)}.article-body h3{font:700 21px/1.6 var(--serif);margin:38px 0 12px;color:var(--green-dark)}.article-body p{margin:0 0 21px}.article-body ul,.article-body ol{margin:0 0 25px;padding-left:1.5em}.article-body li{margin-bottom:10px}.article-body strong{background:linear-gradient(transparent 60%,#ead6ad 60%)}.article-body code{font-size:.9em;background:#eee9df;padding:2px 5px;border-radius:4px}.article-body a{color:var(--green);font-weight:800}.article-body h2:first-of-type+p{font-size:18px;line-height:2.05;padding:22px;border-left:5px solid var(--coral);background:#faf1df}.article-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:70px;border-top:1px solid var(--line);padding-top:22px}.article-pager a{text-decoration:none;color:var(--green);font-weight:800;line-height:1.5}.article-pager a.next{text-align:right}.article-pager small{display:block;color:var(--muted);font-weight:400}.disclaimer{margin-top:42px;padding:15px;border:1px solid var(--line);color:var(--muted);font-size:12px;text-align:center}
.explain-figure{margin:46px 0 58px;padding:12px;background:#f8f3e9;border:1px solid var(--line)}.explain-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#fffaf0}.explain-figure figcaption{display:grid;gap:3px;padding:12px 7px 4px;color:var(--muted);font-size:13px;line-height:1.65}.explain-figure figcaption strong{font:700 18px/1.5 var(--serif);color:var(--green-dark);background:none}.explain-figure figcaption span{display:block}
@media (max-width:900px){.story-card,.story-card:first-child{grid-column:span 6}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}}
@media (max-width:720px){body{background:var(--paper)}.masthead{margin-top:0;padding:15px 18px}.masthead h1{font-size:35px}.masthead-mark{font-size:36px}.lead{padding:38px 20px}.lead h2{font-size:29px}.story-grid{padding:18px}.story-card,.story-card:first-child{grid-column:1/-1;min-height:290px}.site-footer{margin-bottom:0;display:grid;gap:5px}.article-top{margin-top:0}.article-layout{display:block;padding:20px 19px 50px}.article-toc{position:static;margin-bottom:28px;border:1px solid var(--line);padding:0}.toc-toggle{display:flex;width:100%;justify-content:space-between;padding:13px;border:0;background:#f6f1e8;font:700 13px var(--sans)}.article-toc nav{display:none;padding:0 12px 12px}.article-toc.open nav{display:grid}.article-header{padding-bottom:28px}.article-header h1{font-size:32px}.article-body{font-size:15px;line-height:1.9}.article-body h2{font-size:24px;margin-top:48px}.article-body h2:first-of-type+p{font-size:16px;padding:16px}.explain-figure{margin:34px -4px 42px;padding:7px}.explain-figure figcaption{padding:10px 6px 4px}.explain-figure figcaption strong{font-size:17px}.article-pager{grid-template-columns:1fr}.article-pager a.next{text-align:left}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-card{transition:none}}