@charset "UTF-8";
:root{--paper:#f7f6f0;--white:#fffef9;--ink:#283c33;--body:#4d554f;--muted:#74796d;--line:#dddfd3;--green:#264939;--lime:#dce6b7;--soft:#edf0e3;--serif:Georgia,'Songti SC','STSong','Noto Serif CJK SC',serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
*{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:15px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}a,button,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}button{cursor:pointer}button:disabled{cursor:default}::selection{background:var(--lime);color:var(--ink)}[hidden]{display:none!important}.container{max-width:1184px;margin:0 auto;padding:0 40px}.skip-link{position:fixed;top:-100px;left:20px;padding:10px 20px;background:var(--green);color:white;z-index:100}.skip-link:focus{top:10px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--green);border-radius:50%;font-family:var(--serif);font-size:23px;font-style:italic;line-height:1}.brand-name{font-family:var(--serif);font-size:26px;letter-spacing:-1px}.brand-divider{height:16px;width:1px;background:#bcc1b4;margin:0 3px}.brand-subtitle{font-size:12px;letter-spacing:1.4px;color:var(--muted)}.nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav a{position:relative;padding:10px 0;color:var(--body)}.nav a:hover,.nav a[aria-current=page]{color:var(--green)}.nav a[aria-current=page]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--green)}.nav .nav-cta{border:1px solid #b9c2b3;padding:8px 16px;border-radius:3px}.nav .nav-cta:hover{background:var(--soft)}.nav-cta span{padding-left:12px}.menu-toggle{display:none;border:1px solid var(--line);background:none;width:40px;height:40px;font-size:20px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.8px;color:var(--muted);line-height:1.5}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:#6c8960}.hero{padding:67px 0 50px;display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center}.hero h1{font-family:var(--serif);font-weight:500;letter-spacing:-1.5px;font-size:clamp(32px,3.6vw,47px);line-height:1.45;margin:21px 0 23px}.hero h1 em{font-style:normal;position:relative;white-space:nowrap}.hero h1 em:after{content:'';position:absolute;height:7px;background:#dfe5c9;bottom:3px;left:0;right:0;z-index:-1}.hero .intro{color:var(--body);line-height:1.95;font-size:14px;max-width:450px;margin-bottom:26px}.hero .intro strong{font-weight:500;color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:25px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--green);color:var(--white);padding:12px 22px;border:1px solid var(--green);border-radius:3px;font-size:13px}.button:hover{background:#183a29}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px}.text-link:hover{color:#788647}.hero-note{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:32px}.hero-note:before{content:'';width:22px;height:1px;background:#aeb59d}.illustration{position:relative;min-width:0;padding:15px 0 0 12px}.illustration svg{display:block;width:100%;height:auto}.illustration-caption{font-size:10px;letter-spacing:2px;text-align:center;color:var(--muted);margin-top:10px}.topics-strip{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;gap:14px;margin:0 0 52px}.strip-label{font-size:10px;letter-spacing:2px;color:var(--muted)}.strip-items{display:flex;gap:38px;font-size:12px;align-items:center}.strip-items span{display:inline-flex;align-items:center;gap:8px}.tiny-cross{color:#9fa78e;font-size:15px;font-style:normal}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:52px;padding-bottom:60px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.section-title{font-family:var(--serif);font-size:25px;font-weight:500;letter-spacing:-.5px;margin:0}.section-en{font-size:9px;font-family:var(--sans);font-weight:400;letter-spacing:2px;color:var(--muted);margin-left:15px}.section-head .text-link{font-size:11px}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}.filter{border:1px solid transparent;background:transparent;color:var(--muted);padding:5px 12px;border-radius:3px;font-size:11px}.filter:hover{background:#eef0e5}.filter[aria-pressed=true]{background:var(--green);color:var(--white)}.article-row{border-bottom:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:25px;align-items:center}.article-row>a{display:block;min-width:0}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:10px;letter-spacing:.2px}.category-label{color:#526a41}.meta-divider{width:2px;height:2px;border-radius:50%;background:#aab09c}.sample-pill{font-size:9px;line-height:1.5;border:1px solid #cdd2bf;padding:1px 5px;border-radius:2px;color:#697657}.article-row h3{font-family:var(--serif);font-size:20px;font-weight:500;letter-spacing:-.3px;line-height:1.55;margin:9px 0 8px}.article-row a:hover h3{color:#6a7b44}.article-row p{font-size:12px;color:var(--muted);margin:0;line-height:1.85}.article-thumb{height:118px;overflow:hidden;background:#e6eadb;position:relative;display:flex!important;align-items:center;justify-content:center;border-radius:3px}.article-thumb svg{width:100%;height:100%;transition:transform .3s}.article-thumb:hover svg{transform:scale(1.04)}.list-note{margin-top:16px;font-size:10px;color:var(--muted);letter-spacing:.3px}.author-card{background:#edf0e5;border:1px solid #dce1d0;padding:24px 22px;border-radius:4px}.card-eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);margin:0 0 18px}.author-identity{display:flex;align-items:center;gap:12px}.author-symbol{height:49px;width:49px;background:var(--green);border-radius:50%;display:grid;place-items:center;color:var(--white);font-family:var(--serif);font-size:32px;font-style:italic}.author-identity h3{font-family:var(--serif);font-weight:400;font-size:23px;line-height:1.1;margin:0 0 7px}.author-identity span{color:var(--muted);font-size:10px}.author-card p{font-size:12px;color:#5e6858;line-height:1.95;margin:18px 0}.author-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.author-tags span{border:1px solid #d1d8c4;padding:2px 6px;font-size:9px;color:#657353;border-radius:2px}.author-card>.text-link{display:flex;border-top:1px solid #d7deca;padding-top:15px;font-size:11px;justify-content:space-between}.pathways{margin-top:30px}.pathways h3{font-size:12px;font-weight:500;margin:0 0 14px}.pathway{display:flex;gap:13px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.path-number{font-size:11px;font-family:var(--serif);color:#84916d}.pathway strong{font-size:12px;font-weight:400;display:block}.pathway small{font-size:10px;color:var(--muted);display:block;margin-top:1px}.pathway .arrow{margin-left:auto;color:#879273;font-size:14px}.pathway:hover strong{color:#7a8b45}.quote-band{background:var(--green);color:var(--white);padding:32px 37px;display:flex;justify-content:space-between;gap:30px;align-items:center;border-radius:4px;margin:0 0 58px}.quote-band .eyebrow{color:#c0cdb7;font-size:9px}.quote-band p{font-family:var(--serif);font-size:21px;font-weight:400;margin:9px 0 0;letter-spacing:.4px}.quote-band>a{font-size:11px;display:inline-flex;gap:20px;align-items:center;white-space:nowrap;border-bottom:1px solid #78917c;padding-bottom:5px;color:#e4ebdb}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:25px 0 29px;color:var(--muted);font-size:10px;gap:20px}.footer-signature{display:flex;align-items:center;gap:12px}.footer-signature strong{font-family:var(--serif);font-size:19px;font-weight:400;color:var(--ink)}.footer-links{display:flex;gap:22px}.footer-links a:hover{text-decoration:underline}.page-heading{padding:60px 0 35px}.page-heading h1{font-family:var(--serif);font-weight:500;font-size:44px;margin:15px 0}.page-heading p{color:var(--muted);font-size:14px;max-width:620px}.archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px}.archive-toolbar .filters{margin:0}.search-field{display:flex;align-items:center;gap:10px;border:1px solid #cfd5c5;background:var(--white);padding:8px 12px;border-radius:3px;max-width:260px}.search-field span{font-size:20px;line-height:1;color:var(--muted)}.search-field input{border:0;background:transparent;width:100%;min-width:0;font-size:12px;color:var(--ink);outline:none}.search-field:focus-within{outline:2px solid var(--green);outline-offset:3px}.search-field input:focus-visible{outline:none}.archive-list{max-width:850px;margin:0 auto 65px}.archive-list .article-row{grid-template-columns:minmax(0,1fr) 160px;padding:29px 0}.archive-list .article-thumb{height:130px}.archive-list .article-row h3{font-size:23px}.archive-list .article-row p{font-size:13px}.archive-count{font-size:11px;color:var(--muted);padding-top:17px}.empty-state{padding:50px 0;color:var(--muted);text-align:center}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#819357;transform:scaleX(0);transform-origin:left;z-index:20}.breadcrumb{font-size:11px;color:var(--muted);padding-top:32px}.breadcrumb a:hover{text-decoration:underline}.article-layout{display:grid;grid-template-columns:minmax(0,720px) 200px;gap:65px;max-width:990px;margin:35px auto 70px}.article-header h1{font-family:var(--serif);font-weight:500;font-size:37px;line-height:1.5;letter-spacing:-.5px;margin:16px 0 20px}.article-description{font-size:15px;line-height:1.9;color:var(--body);margin:0 0 23px}.sample-notice{font-size:12px;line-height:1.8;background:var(--soft);border-left:3px solid #8b9d65;padding:12px 16px;color:#697257;margin:25px 0 35px}.article-content{font-size:16px;line-height:2.1;color:#414b42}.article-content h2{font-family:var(--serif);font-size:25px;color:var(--ink);font-weight:500;margin:38px 0 15px}.article-content h3{font-size:18px;font-weight:500;margin:25px 0 12px}.article-content p{margin:15px 0}.article-content ul,.article-content ol{padding-left:24px;margin:17px 0}.article-content li{padding-left:5px;margin:9px 0}.article-content strong{font-weight:600;color:var(--ink)}.article-content blockquote{margin:25px 0;padding:17px 23px;border-left:3px solid #8c9b68;background:#edf0e4;font-family:var(--serif);font-size:19px;color:var(--green)}.article-content code{font-size:13px;background:#e9ecdf;padding:3px 6px;border-radius:3px;overflow-wrap:anywhere}.article-content table{width:100%;border-collapse:collapse;font-size:13px;margin:23px 0}.article-content th,.article-content td{padding:12px 9px;border-bottom:1px solid var(--line);text-align:left}.article-content th{background:var(--soft);font-weight:500}.toc{position:sticky;top:35px;align-self:start;padding-top:10px}.toc p{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0 0 16px}.toc a{display:block;color:var(--muted);font-size:12px;padding:8px 0 8px 14px;border-left:1px solid var(--line)}.toc a:hover{color:var(--green);border-color:var(--green)}.article-end{margin-top:40px;border-top:1px solid var(--line);padding-top:23px;display:flex;justify-content:space-between;gap:25px;align-items:center}.article-end span{color:var(--muted);font-size:11px}.about-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:85px;padding:60px 0 65px}.about-content h1{font-family:var(--serif);font-size:45px;font-weight:500;line-height:1.5;margin:15px 0 25px}.about-content .lede{font-size:19px;font-family:var(--serif);line-height:1.9}.about-content p{color:var(--body);line-height:2;font-size:14px;margin:20px 0}.about-content h2{font-family:var(--serif);font-size:25px;font-weight:500;margin-top:35px}.about-aside{padding-top:30px}.about-poster{background:var(--green);color:var(--white);padding:35px;border-radius:4px;aspect-ratio:1/1.14;display:flex;flex-direction:column;justify-content:space-between}.about-poster .big-l{font-family:var(--serif);font-size:150px;line-height:1;font-style:italic;color:#d6dfb7}.about-poster p{font-size:22px;font-family:var(--serif);line-height:1.7;margin:0}.about-poster small{font-size:9px;letter-spacing:2px;color:#bbcab2}.about-aside .aside-note{font-size:11px;color:var(--muted);line-height:1.9;margin-top:20px}.about-principles{margin-top:40px}.about-principles div{border-top:1px solid var(--line);padding:16px 0}.about-principles strong{font-size:13px;font-weight:500}.about-principles p{font-size:12px;color:var(--muted);margin:5px 0 0}.not-found{text-align:center;padding:90px 0 110px}.not-found h1{font-family:var(--serif);font-size:50px;font-weight:500}.not-found p{color:var(--muted);margin-bottom:25px}
@media(min-width:1400px){.hero{padding-top:75px;padding-bottom:63px}.hero h1{font-size:49px}}
@media(max-width:1000px){.container{padding:0 28px}.hero{gap:20px}.hero h1{font-size:38px}.main-grid{grid-template-columns:minmax(0,1fr) 245px;gap:30px}.strip-items{gap:20px}.article-row{grid-template-columns:minmax(0,1fr) 112px;gap:18px}.article-thumb{height:108px}.article-row h3{font-size:18px}.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 170px}.about-layout{gap:45px}.brand-subtitle{font-size:10px}.nav{gap:22px}}
@media(max-width:760px){.container{padding:0 23px}.site-header{height:80px}.brand-name{font-size:24px}.brand-subtitle{font-size:10px;letter-spacing:1px}.nav{gap:18px;font-size:12px}.nav .nav-cta{display:none}.hero{padding:40px 0 35px;grid-template-columns:1fr;gap:20px}.hero h1{font-size:39px}.hero .intro{max-width:100%}.hero-note{margin-top:24px}.illustration{max-width:350px;justify-self:center;width:100%;padding-top:0}.illustration-caption{margin-top:-6px}.topics-strip{margin-bottom:35px;align-items:flex-start;flex-direction:column;padding:15px 0;gap:8px}.strip-items{width:100%;justify-content:space-between;gap:10px;font-size:11px}.strip-label{font-size:9px}.main-grid{grid-template-columns:1fr;gap:35px;padding-bottom:35px}.section-title{font-size:24px}.article-row{grid-template-columns:minmax(0,1fr) 107px;padding:21px 0;gap:17px}.article-row h3{font-size:19px}.article-row p{font-size:11px}.article-thumb{height:106px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:23px}.author-card{padding:20px 17px}.pathways{margin-top:0}.quote-band{padding:25px 24px;gap:20px;margin-bottom:35px}.quote-band p{font-size:18px}.site-footer{font-size:9px}.page-heading{padding-top:40px}.page-heading h1{font-size:36px}.archive-toolbar{align-items:flex-start;flex-direction:column}.search-field{max-width:100%;width:100%}.archive-list .article-row{grid-template-columns:minmax(0,1fr) 110px}.archive-list .article-thumb{height:110px}.archive-list .article-row h3{font-size:20px}.archive-list .article-row p{font-size:12px}.article-layout{grid-template-columns:1fr;margin-top:25px;gap:0}.article-header h1{font-size:30px}.toc{position:static;grid-row:1;padding:0 0 25px;margin-bottom:20px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:5px 15px}.toc p{width:100%;margin:0}.toc a{padding:3px 0;border:0;font-size:11px}.article-content{font-size:15px}.article-content h2{font-size:23px}.about-layout{grid-template-columns:1fr;gap:10px;padding:40px 0}.about-content h1{font-size:36px}.about-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:15px}.about-poster{padding:25px;min-height:280px;aspect-ratio:auto}.about-poster .big-l{font-size:90px}.about-poster p{font-size:18px}.about-principles{margin-top:0}.about-aside .aside-note{grid-column:1/-1;margin-top:0}}
@media(max-width:460px){.container{padding:0 20px}.brand-divider,.brand-subtitle{display:none}.menu-toggle{display:block}.site-header{position:relative}.nav{display:none;position:absolute;left:0;right:0;top:79px;z-index:10;background:var(--paper);border:1px solid var(--line);padding:14px 20px;gap:25px}.nav.is-open{display:flex}.hero h1{font-size:34px;letter-spacing:-1px}.hero .eyebrow{font-size:10px;letter-spacing:1px}.hero .intro{font-size:13px}.hero-actions{gap:24px}.illustration{max-width:290px}.section-en{font-size:8px;margin-left:10px}.article-row{grid-template-columns:minmax(0,1fr) 83px;gap:13px}.article-thumb{height:94px}.article-row h3{font-size:17px;line-height:1.6}.article-row p{font-size:11px}.article-meta{font-size:9px;gap:6px}.filters{gap:4px}.filter{font-size:10px;padding:5px 9px}.sidebar{grid-template-columns:1fr;gap:28px}.author-card{padding:23px}.pathways{margin-top:0}.quote-band{display:block}.quote-band p{font-size:18px;margin-bottom:20px}.quote-band>a{font-size:11px}.site-footer{align-items:flex-start;flex-direction:column;gap:12px}.archive-list .article-row{grid-template-columns:minmax(0,1fr) 83px;gap:13px}.archive-list .article-thumb{height:94px}.archive-list .article-row h3{font-size:18px}.archive-list .article-row p{font-size:11px}.about-aside{grid-template-columns:1fr}.about-poster{min-height:320px}.about-aside .aside-note{grid-column:auto}.article-header h1{font-size:28px}.article-content table{font-size:11px}.article-content th,.article-content td{padding:9px 6px}.article-end{align-items:flex-start;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Empty article lists in the current green preview. */
.article-row.article-text-only, .archive-list .article-row.article-text-only { grid-template-columns: minmax(0, 1fr); }
.article-content img { display: block; max-width: 100%; height: auto; margin: 24px auto; }
.article-content pre { max-width: 100%; overflow-x: auto; padding: 16px; background: var(--soft); border-radius: 4px; }
.article-content pre code { padding: 0; background: transparent; }
.article-content table { display: block; overflow-x: auto; }
.article-content, .article-header { overflow-wrap: anywhere; }
.articles-placeholder { margin: 26px 0 0; padding: 42px 30px; border: 1px solid var(--line); border-radius: 4px; background: var(--soft); }
.articles-placeholder h2, .articles-placeholder h3 { margin: 16px 0 10px; font-size: 24px; font-weight: 500; }
.articles-placeholder p { margin: 0; color: var(--body); font-size: 17px; }
.archive-list .articles-placeholder { margin-top: 30px; }
.about-aside > .about-poster:only-child { width: 100%; }
@media (max-width: 760px) { .about-aside:has(> .about-poster:only-child) { display: block; max-width: 360px; width: 100%; } }
@media (max-width: 460px) { .articles-placeholder { padding: 30px 22px; } }
