
:root{--paper:#f8f6f0;--ink:#292723;--muted:#747067;--line:#ddd7cb;--accent:#95503a;--soft:#eee7dc;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--serif:"Songti SC","STSong",serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--accent)}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:-10000px}.skip:focus{position:fixed;left:18px;top:16px;z-index:30;padding:12px 17px;background:var(--paper)}.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:20;pointer-events:none}.reading-progress span{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 90ms linear}.masthead{max-width:1180px;margin:auto;padding:27px 30px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;color:var(--muted)}.masthead a{text-decoration:none}.masthead .issue{font-size:11px;letter-spacing:.06em}.hero{max-width:1180px;margin:0 auto;padding:52px 30px 32px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.16em;margin:0 0 22px}.hero h1{font-family:var(--serif);font-size:clamp(35px,4.4vw,56px);font-weight:600;line-height:1.38;letter-spacing:-.045em;max-width:1010px;margin:0 0 25px}.dek{max-width:850px;color:#625d55;font-size:17px;line-height:1.9;margin:0}.meta{display:flex;flex-wrap:wrap;gap:8px 0;font-size:12px;color:var(--muted);margin-top:25px;align-items:center}.meta>*+*:before{content:'·';padding:0 14px;color:#b6a899}.cover{max-width:800px;margin:0 auto 52px}.photo-button{border:0;padding:0;background:#211f1d;width:100%;display:block;position:relative;overflow:hidden}.photo-button img{display:block;width:100%;height:auto;transition:opacity 180ms ease}.photo-button:hover img{opacity:.92}.photo-button:after{content:'↗';position:absolute;bottom:12px;right:13px;color:white;display:grid;place-items:center;background:#171511a8;width:30px;height:30px;font-size:18px;opacity:0;transform:translateY(3px);transition:opacity 160ms ease,transform 160ms ease}.photo-button:hover:after,.photo-button:focus-visible:after{opacity:1;transform:translateY(0)}.cover figcaption,.editorial-image figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px;overflow-wrap:anywhere}.photo-credit{display:inline;font-size:10px;white-space:normal;margin-left:9px;color:#897f71}.photo-credit a{color:inherit}.cover .photo-credit{display:block;margin:4px 0 0}.reading-layout{max-width:1080px;display:grid;grid-template-columns:180px minmax(0,740px);gap:80px;margin:auto;padding:0 0 54px}.desktop-toc{min-width:0}.desktop-toc nav{position:sticky;top:35px;max-height:calc(100dvh - 70px);overflow-y:auto;scrollbar-width:thin;padding:8px 10px 15px 0}.toc-label{font-size:10px;letter-spacing:.12em;color:var(--accent);margin:0 0 18px}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin:0}.toc-link{display:grid;grid-template-columns:24px 1fr;gap:7px;padding:7px 0;color:var(--muted);font-size:11px;line-height:1.6;text-decoration:none;transition:color 140ms ease}.toc-link .toc-num{font-variant-numeric:tabular-nums;color:#a0978a}.toc-link[aria-current=location],.toc-link[aria-current=location] .toc-num{color:var(--accent)}.toc-link[aria-current=location]{font-weight:550}.mobile-toc{display:none}.prose{min-width:0;font-size:18px;line-height:2;overflow-wrap:anywhere}.essay-section{padding:42px 0 5px;border-top:1px solid var(--line);margin-top:30px;scroll-margin-top:32px}.essay-section:first-child{padding-top:0;border-top:0;margin-top:0}.section-heading{margin:0 0 27px;font-family:var(--serif);font-size:29px;line-height:1.55;font-weight:600;letter-spacing:-.025em}.section-heading .section-number{display:block;font-family:var(--sans);font-size:11px;font-weight:400;letter-spacing:.08em;color:var(--accent);margin-bottom:14px}.prose p{margin:0 0 24px}.prose strong{font-weight:600}.prose p a{color:#8b4c39;text-decoration-color:#be998a}.essay-section:first-child>p:first-of-type{font-size:20px;line-height:1.9}.editorial-image{margin:36px -36px 40px}.editorial-image figcaption{max-width:820px}.editorial-image .photo-button img{max-height:none}.concept{margin:38px -25px 42px;padding:27px 0 20px;border-block:1px solid #bcb09e;line-height:1.8}.concept>figcaption{margin:0 0 24px}.figure-kicker{display:block;color:var(--accent);font-size:10px;letter-spacing:.07em;margin-bottom:7px}.concept>figcaption>strong{display:block;font-size:21px;font-weight:500;line-height:1.65}.diagram-note{font-size:11px;line-height:1.9;color:var(--muted);margin:21px 0 0!important}.path-row{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:21px 0;border-top:1px solid var(--line)}.path-name{font-weight:550;font-size:15px;color:var(--accent)}.path-name>span{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:2px}.path-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:0;align-items:start}.path-steps li{position:relative}.path-steps li:not(:last-child):after{content:'→';position:absolute;right:-22px;top:0;color:#b3a18e}.path-steps b{display:block;font-size:13px;font-weight:500}.path-steps span{display:block;color:var(--muted);font-size:11px;margin-top:4px;line-height:1.7}.eco-levels{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.eco-levels li{display:grid;grid-template-columns:35px minmax(0,1fr) 170px;gap:19px;border-bottom:1px solid var(--line);padding:22px 0;align-items:center}.eco-number{font-size:11px;color:#a17d68;align-self:start;padding-top:3px}.eco-levels h3{font-size:17px;font-weight:500;margin:0 0 5px}.eco-levels p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.eco-question{font-size:11px;line-height:1.9;padding-left:20px;border-left:1px solid var(--line);color:#8b6250}.eco-foundation{padding-top:20px;display:flex;justify-content:space-between;gap:15px}.eco-foundation span{font-size:11px;color:var(--muted)}.eco-foundation b{font-size:13px;font-weight:500}.future-head,.future-row{display:grid;grid-template-columns:1fr 1fr;gap:32px}.future-head{font-size:11px;color:var(--accent);padding-bottom:13px}.future-row{border-top:1px solid var(--line);padding:19px 0}.future-row>div+div{padding-left:27px;border-left:1px solid var(--line)}.future-row b{display:block;font-size:14px;line-height:1.8;font-weight:500;margin-bottom:7px}.future-row p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.future-mobile-label{display:none}.bottom{max-width:1120px;margin:0 auto;border-top:1px solid var(--line);padding:23px 0 37px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}.bottom a{text-decoration:none}dialog{position:fixed;width:min(1360px,calc(100vw - 40px));max-width:none;max-height:94dvh;border:1px solid #5b554c;padding:0;background:#1e1c19;color:#f6f3ea;overflow:hidden;box-shadow:0 16px 80px #0004}dialog::backdrop{background:#181512e8}dialog[open]{animation:dialog-in 140ms ease-out}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 19px;border-bottom:1px solid #484239}.dialog-head p{font-size:12px;line-height:1.8;margin:0;max-width:1050px}.dialog-head button{border:1px solid #786d5e;background:none;color:inherit;font-size:12px;padding:8px 13px;white-space:nowrap}.large-stage{padding:14px;max-height:calc(94dvh - 138px);overflow:auto;overscroll-behavior:contain;display:flex;justify-content:center}.large-stage img{display:block;max-width:100%;width:auto;height:auto;object-fit:contain;max-height:calc(94dvh - 167px);margin:auto}.dialog-caption{font-size:11px;line-height:1.8;color:#b9b1a4;padding:0 19px 15px;margin:0}.dialog-caption a{color:inherit}[hidden]{display:none!important}
.author-signature{width:205px;max-width:65%;margin:38px 0 15px auto;text-align:center;break-inside:avoid}.author-signature img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.author-signature time{display:block;margin-top:4px;font-size:12px;line-height:1.8;letter-spacing:.08em;color:var(--muted)}
@keyframes dialog-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.reading-layout{max-width:1140px;grid-template-columns:200px minmax(0,740px);gap:90px}.editorial-image{margin-inline:-52px}}
@media(max-width:1190px){.masthead,.hero{margin-inline:30px;padding-inline:0}.cover{margin-inline:auto;width:calc(100% - 60px)}.reading-layout{display:block;max-width:800px;padding:0 30px 42px}.desktop-toc{display:none}.mobile-toc{display:block;max-width:740px;margin:0 auto 39px;border-block:1px solid var(--line)}.mobile-toc summary{cursor:pointer;padding:16px 0;font-size:12px;color:var(--accent);list-style:none;display:flex;justify-content:space-between;gap:20px}.mobile-toc summary::-webkit-details-marker{display:none}.mobile-toc summary:after{content:'＋';font-size:15px}.mobile-toc[open] summary:after{content:'−'}.mobile-toc nav{padding:0 0 18px}.mobile-toc .toc-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.mobile-toc .toc-link{padding:9px 0;font-size:12px}.bottom{margin-inline:30px}.editorial-image{margin-inline:-20px}.concept{margin-inline:0}}
@media(max-width:800px){.cover{margin-bottom:31px}.hero{padding-top:39px;padding-bottom:28px}.hero h1{font-size:39px}.dek{font-size:16px}.editorial-image{margin-inline:0}}
@media(max-width:600px){html{scroll-padding-top:25px}.masthead{margin-inline:22px;padding:21px 0 18px;font-size:11px}.masthead .issue{font-size:10px}.hero{margin-inline:22px;padding:31px 0 24px}.eyebrow{font-size:10px;letter-spacing:.09em;margin-bottom:18px}.hero h1{font-size:32px;line-height:1.46;letter-spacing:-.035em;margin-bottom:20px}.dek{font-size:15px;line-height:1.95}.meta{font-size:10px;margin-top:20px}.meta>*+*:before{padding:0 9px}.cover{margin:0 0 31px;width:100%}.cover figcaption{margin:10px 22px 0;font-size:11px;line-height:1.9}.photo-credit{font-size:10px}.reading-layout{padding:0 22px 31px}.mobile-toc{margin-bottom:32px}.mobile-toc summary{padding:15px 0;font-size:12px}.mobile-toc .toc-list{column-gap:18px}.mobile-toc .toc-link{font-size:11px;grid-template-columns:20px 1fr;gap:5px;line-height:1.8}.prose{font-size:18px;line-height:2}.essay-section:first-child>p:first-of-type{font-size:18px;line-height:1.95}.essay-section{padding-top:30px;margin-top:25px}.section-heading{font-size:25px;line-height:1.65;margin-bottom:24px}.section-heading .section-number{font-size:10px;margin-bottom:12px}.prose p{margin-bottom:23px}.editorial-image{margin:29px -5px 33px}.editorial-image figcaption{font-size:11px;line-height:1.9;margin-top:10px}.photo-button:after{opacity:1;width:25px;height:25px;font-size:14px;right:8px;bottom:8px;transform:none}.concept{margin:32px 0;padding:24px 0 20px}.concept>figcaption{margin-bottom:20px}.concept>figcaption>strong{font-size:19px}.figure-kicker{font-size:10px}.path-row{display:block;padding:18px 0}.path-name{display:flex;align-items:baseline;gap:11px;font-size:14px;margin-bottom:15px}.path-name>span{font-size:10px;margin:0}.path-steps{gap:19px}.path-steps b{font-size:12px;line-height:1.7}.path-steps span{font-size:10px;margin-top:5px;line-height:1.8}.path-steps li:not(:last-child):after{font-size:12px;right:-16px}.diagram-note{font-size:10px;margin-top:18px!important}.eco-levels li{grid-template-columns:22px minmax(0,1fr);gap:9px;padding:18px 0}.eco-number{font-size:10px}.eco-levels h3{font-size:16px}.eco-levels p{font-size:11px}.eco-question{grid-column:2;border:0;padding:4px 0 0;font-size:11px}.eco-question br{display:none}.eco-question br:after{content:'　'}.eco-foundation{display:block;padding-top:17px}.eco-foundation span{display:block;font-size:10px;margin-bottom:5px}.eco-foundation b{font-size:12px}.future-head,.future-row{gap:16px}.future-head{font-size:10px;padding-bottom:12px}.future-row{padding:16px 0}.future-row>div+div{padding-left:15px}.future-row b{font-size:12px;margin-bottom:7px;line-height:1.85}.future-row p{font-size:11px;line-height:1.95}.bottom{margin-inline:22px;font-size:11px;padding:21px 0 31px}dialog{width:calc(100vw - 22px);max-height:94dvh}.dialog-head{padding:12px;gap:13px}.dialog-head p{font-size:11px}.dialog-head button{font-size:11px;padding:7px 10px}.large-stage{padding:8px;max-height:calc(94dvh - 190px)}.large-stage img{max-height:calc(94dvh - 210px)}.dialog-caption{font-size:10px;padding:0 12px 13px}}
@media(max-width:350px){.hero h1{font-size:29px}.mobile-toc .toc-list{display:block}.future-head{display:none}.future-row{display:block}.future-row>div+div{border-left:0;border-top:1px dashed var(--line);padding:14px 0 0;margin-top:14px}.future-mobile-label{display:block;font-size:10px;color:var(--accent);margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{body{background:white}.reading-progress,.masthead,.desktop-toc,.mobile-toc,.bottom,.skip,.photo-button:after{display:none!important}.hero{margin:0;padding:0 0 20px}.hero h1{font-size:27pt}.dek{font-size:11pt}.cover{margin:0 0 20px}.reading-layout{display:block;padding:0;max-width:none}.prose{font-size:11pt;line-height:1.9}.section-heading{font-size:17pt;break-after:avoid}.essay-section{margin-top:18px;padding-top:22px}.essay-section p{orphans:3;widows:3}.editorial-image,.concept{margin-inline:0;break-inside:avoid}.photo-credit{font-size:8pt}.cover figcaption,.editorial-image figcaption{font-size:9pt}dialog{display:none!important}}
