:root{--paper:#f7f4ed;--ink:#292a26;--muted:#66685f;--line:#d6d4ca;--accent:#a4422c;--water:#355a59;--serif:"Songti SC","Noto Serif CJK SC","STSong",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--space:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}.wordmark:hover{text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{width:min(1184px,calc(100% - 96px));margin-inline:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;}.wordmark{font-family:Georgia,serif;font-size:30px;font-weight:600;letter-spacing:-1.5px}.brand-dot{color:var(--accent)}nav{display:flex;gap:36px;font-size:14px}nav a{padding-block:12px;}nav a:hover{color:var(--accent)}.hero{padding-top:52px}.hero-top{position:relative;padding-bottom:32px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0 0 12px;font-weight:600}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(42px,5.5vw,74px)/1.3 var(--serif);margin-bottom:12px;letter-spacing:4px}.intro{position:absolute;right:0;bottom:38px;color:var(--muted);font:18px var(--serif);margin:0}.landscape{height:520px;position:relative;overflow:hidden;background:#e8e4d8}canvas{width:100%;height:100%;display:block}.element-label{position:absolute;left:32px;display:flex;gap:16px;flex-direction:column}.element-label span{font-size:10px;letter-spacing:2px}.element-label b{font:42px var(--serif)}.fire-label{top:24px;color:#5b281c}.river-label{top:58%;color:#234c4c}.landscape-note{position:absolute;right:28px;bottom:24px;font:14px var(--serif);letter-spacing:3px;color:#234c4c}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--muted);font-size:10px;letter-spacing:1px}.hero-bottom button{border:0;background:transparent;font-size:12px;cursor:pointer;min-height:44px;padding:0 8px}.section{padding-block:64px;scroll-margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}h2{font:400 36px/1.4 var(--serif);margin-bottom:0}.motif{width:80px;height:80px;stroke-width:1.4;color:var(--water)}.essay-link{display:grid;grid-template-columns:160px 1fr 80px;gap:32px;padding-block:24px}.essay-meta{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:8px}h3{font:400 28px/1.5 var(--serif);margin-bottom:12px}.implies{color:var(--accent);margin-inline:8px}.essay-link p{max-width:590px;color:var(--muted);font-size:15px;line-height:1.9}.text-link{font-size:13px;color:var(--water);display:inline-block;padding-block:8px}.essay-index{font:64px Georgia,serif;color:#c0beb3;text-align:right}.essay-link:hover h3{color:var(--accent)}.voice-row{display:flex;align-items:center;gap:48px;padding-block:24px}.voice-lines{height:76px;display:flex;align-items:center;gap:5px;width:160px;flex-shrink:0}.voice-lines i{display:block;width:3px;height:25%;background:#8b9a8d}.voice-lines i:nth-child(3n){height:60%}.voice-lines i:nth-child(4n){height:85%}.voice-lines i:nth-child(5n){height:42%}.voice-row h3{font-size:24px}.voice-row p,.repo-row p{font-size:14px;color:var(--muted);margin-bottom:8px}.quiet-label{margin-left:auto;font-size:10px;letter-spacing:2px;color:var(--muted)}.repo-row{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:24px}.repo-row h3{font-family:Georgia,serif;font-size:30px;overflow-wrap:anywhere}.repo-owner{font-family:ui-monospace,monospace}.repo-row .access-note{font-size:12px;margin-top:20px}.outline-button{display:inline-flex;gap:36px;padding:12px 20px;font-size:13px;white-space:nowrap}.outline-button:hover{background:#e7e7dc}.playground{display:flex;justify-content:space-between;padding-block:40px;font-family:var(--serif);font-size:17px}.playground a{color:var(--water)}.footer{display:flex;align-items:center;justify-content:space-between;padding-block:32px 48px;}.footer .wordmark{font-size:24px}.footer p,.footer>a:last-child{font-size:12px;color:var(--muted);margin:0}.skip{position:fixed;left:20px;top:-80px;z-index:10;background:var(--paper);padding:10px}.skip:focus{top:10px}.article{max-width:760px;padding-block:64px 80px}.article h1{font-size:48px;margin-block:16px 48px}.article h2{font-size:26px;margin:40px 0 20px}.article p,.article li{font-size:17px;line-height:2}.article ul,.article ol{padding-left:1.5em}.article li{margin-block:12px}.article strong{font-weight:600}.article .back{font-size:13px;color:var(--muted)}.article .article-body{overflow-wrap:anywhere}.article .article-body>p:last-child{padding:24px;background:#ebe7dc;border-left:2px solid var(--accent)}
@media(max-width:767px){.wrap{width:calc(100% - 40px)}.header{height:auto;min-height:100px;flex-wrap:wrap;padding-block:16px;gap:8px}.wordmark{font-size:26px}nav{gap:20px;font-size:12px}.hero{padding-top:32px}.hero-top{padding-bottom:24px}.intro{position:static;font-size:16px;margin-top:8px}.landscape{height:460px}.element-label{left:20px}.element-label b{font-size:32px}.landscape-note{right:16px;font-size:12px}.hero-bottom{font-size:8px;letter-spacing:.5px}.section{padding-block:40px}.section-heading{margin-bottom:16px}h2{font-size:30px}.motif{width:64px;height:64px}.essay-link{grid-template-columns:1fr;gap:16px}.essay-meta{flex-direction:row;gap:20px}.essay-index{display:none}.voice-row{gap:20px;flex-wrap:wrap}.voice-lines{width:100px;gap:3px}.voice-row h3{font-size:20px}.quiet-label{width:100%;margin:0}.repo-row{align-items:flex-start;flex-direction:column;gap:20px}.repo-row h3{font-size:25px}.playground{font-size:14px;gap:24px}.footer{gap:16px;flex-wrap:wrap}.footer p{display:none}.article{padding-top:40px}.article h1{font-size:38px}.article p,.article li{font-size:16px}}
.category-overview{max-width:720px;padding-block:8px 16px}.category-overview p{font:18px/1.9 var(--serif);color:var(--muted);margin-bottom:24px}nav a[aria-current="page"]{color:var(--accent);}.collection{padding-block:48px 64px;min-height:65vh}.back{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:32px}.collection-heading{padding-bottom:40px;}.collection-heading h1{margin-bottom:24px}.collection-intro{font:20px/1.9 var(--serif);color:var(--muted);max-width:720px;margin:0}.essay-entry{display:grid;grid-template-columns:40px minmax(0,1fr);gap:20px;padding-block:40px;}.essay-entry h2{font-size:30px;margin-bottom:12px}.essay-entry h2 a:hover{color:var(--accent)}.entry-summary{max-width:680px;font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:24px}.entry-subtitle{font:19px/1.7 var(--serif);margin-bottom:12px}.context-detail{max-width:680px;margin-top:24px;font-size:14px;color:var(--muted)}.context-detail summary{width:fit-content;cursor:pointer;min-height:44px;padding-block:10px;color:var(--ink)}.context-detail summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.context-detail p{padding:12px 0 0 20px;line-height:1.9;margin-bottom:0}.voice-empty{display:flex;align-items:center;gap:48px;padding-block:64px 32px}.voice-empty h2{font-size:28px;margin-bottom:16px}.voice-empty .entry-summary{margin:0}.repository-entry{padding-block:40px}.repository-entry .repo-owner{font-size:14px;color:var(--muted);margin-bottom:8px}.repository-entry h2{font:36px/1.4 Georgia,serif;overflow-wrap:anywhere;margin-bottom:20px}.repository-entry .access-note{font-size:14px;color:var(--muted);margin-bottom:24px}
@media(max-width:767px){.collection{padding-block:32px 40px}.collection-heading{padding-bottom:32px}.collection-intro{font-size:18px}.essay-entry{grid-template-columns:28px minmax(0,1fr);gap:12px;padding-block:32px}.essay-entry h2{font-size:28px}.category-overview p{font-size:17px}.voice-empty{align-items:flex-start;flex-direction:column;gap:24px;padding-block:40px}.voice-empty h2{font-size:26px}.repository-entry h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.collection-motif{float:right;margin:24px 0 20px 24px}.footer .copyright{display:block;font-size:12px;line-height:1.8}.copyright a,.copyright a:hover,.license-link a,.license-link a:hover{text-decoration:none}.copyright a:hover,.license-link a:hover{color:var(--accent)}.license-link{font-size:13px;color:var(--muted);margin-top:24px}@media(max-width:767px){.collection-motif{width:60px;height:60px;margin-top:24px}.footer .copyright{order:3;flex-basis:100%}}
:root{--paper:#fff;--ink:#292d31;--muted:#687276;--line:#e9eded;--accent:#245f64;--water:#245f64}
.header{height:90px;}.header nav{gap:32px}.header nav a{padding-block:10px}.header .language-link{font-size:14px;color:var(--muted)}.wordmark{font-size:28px}.footer{padding-top:48px}.footer>.wordmark{display:none}.footer a{color:var(--muted)}.collection{padding-top:72px}.collection-heading{margin-bottom:48px}.collection-intro{max-width:700px}.essay-entry{padding-block:24px}.sequence-map{padding-block:4px}.series-entrance{padding-top:0}.section{padding-block:48px}.hero{padding-top:48px}.landscape{background:#f5f7f6}.back{color:var(--muted)}
@media(max-width:767px){.wrap{width:calc(100% - 40px)}.header{height:76px}.header nav{gap:16px;font-size:12px}.wordmark{font-size:24px}.collection{padding-top:36px}.header .language-link{font-size:12px}.footer{gap:20px}.hero{padding-top:28px}}