:root{--paper:#f5f5ef;--card:#fffefa;--ink:#23352e;--muted:#72786f;--line:#dce0d4;--green:#315442;--soft:#e8ecdf;--accent:#b87945;--radius:15px;font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-size:15px;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a6be9b;outline-offset:4px}svg{display:block}img{max-width:100%;display:block}::selection{background:#cfddbd}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3;letter-spacing:-.035em}h1{font-weight:600}h2{font-size:26px;font-weight:600}h3{font-size:18px;font-weight:600}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.site-header{background:rgba(245,245,239,.96);border-bottom:1px solid var(--line)}.header-row{min-height:88px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:750;letter-spacing:-1px}.brand-mark{width:34px;height:34px;background:var(--green);color:var(--paper);border-radius:10px;display:grid;place-items:center;font-size:19px;font-weight:800}.nav{display:flex;align-items:center;gap:28px;margin-left:28px}.nav a{font-size:14px;color:#677166;padding:30px 0}.nav a.active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--green)}.header-actions{margin-left:auto;display:flex;gap:14px;align-items:center}.search-link{display:flex;gap:12px;align-items:center;background:var(--card);padding:8px 13px;border:1px solid var(--line);border-radius:9px;font-size:13px;color:var(--muted)}kbd{font:11px ui-monospace,Consolas,monospace;color:#879080}.saved-link{font-size:13px;white-space:nowrap}.saved-count{font-size:11px;background:var(--soft);padding:1px 6px;border-radius:5px;margin-left:3px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;padding-top:60px;padding-bottom:48px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--green);font-weight:700;display:flex;gap:10px;align-items:center;margin-bottom:20px}.eyebrow:before{content:"";width:19px;height:1px;background:currentColor}.hero h1{font-size:clamp(34px,4vw,54px);margin-bottom:20px;line-height:1.22}.hero .lead{font-size:15px;color:var(--muted);max-width:475px;line-height:1.9}.hero-actions{display:flex;gap:20px;align-items:center;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--green);background:var(--green);color:#fffefa;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:600}.button:hover{background:#244532;color:white}.text-link{font-size:13px;font-weight:600}.text-link span{margin-left:8px}.hero-stats{display:flex;gap:24px;margin-top:26px;color:var(--muted);font-size:12px}.hero-stats strong{color:var(--ink);font-size:16px;font-weight:600;margin-right:5px}.start-card{background:#e6ebde;border-radius:20px;padding:27px 28px;position:relative;overflow:hidden;min-height:290px;border:1px solid #d9e1ce}.start-card .kicker{font-size:10px;letter-spacing:.18em;color:#66745d}.start-card h2{font-size:24px;margin:15px 0 22px;max-width:230px}.start-card>a{display:flex;align-items:center;gap:12px;font-size:13px;padding:12px 0;border-top:1px solid #ccd6c0;position:relative;z-index:1}.start-card>a>span:first-child{font-size:10px;color:#819172;font-family:ui-monospace,monospace}.start-card>a>b{font-weight:500}.start-card>a>span:last-child{margin-left:auto}.start-art{position:absolute;right:14px;top:20px;width:90px;opacity:.6}.section{padding:32px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{margin:0}.section-head p{margin:7px 0 0;color:var(--muted);font-size:13px}.section-head>a{font-size:12px;color:#677362;white-space:nowrap}.topic-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:6px}.topic-tile{border:1px solid var(--line);border-radius:11px;padding:17px 18px;background:rgba(255,255,255,.35);display:flex;gap:12px;align-items:center}.topic-symbol{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border:1px solid #d6dece;border-radius:8px;font-size:16px;color:#57704b}.topic-tile h3{font-size:13px;margin:0 0 2px;letter-spacing:0}.topic-tile small{font-size:11px;color:var(--muted)}.grid{display:grid;gap:17px}.resource-grid{grid-template-columns:repeat(3,1fr)}.resource-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:21px;min-height:205px;display:flex;flex-direction:column;position:relative;transition:border-color .15s,transform .15s}.resource-card:hover{border-color:#acbda2;transform:translateY(-2px)}.resource-top{display:flex;gap:12px;align-items:center;padding-right:22px}.resource-monogram{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border-radius:10px;background:var(--soft);font-size:12px;letter-spacing:-.04em;font-weight:800;color:#45603b}.resource-top h3{font-size:14px;letter-spacing:-.01em;margin:0 0 1px}.host{font-size:10px;color:#8a9085;display:block}.resource-card .description{font-size:12px;color:var(--muted);line-height:1.8;margin:15px 0 17px;flex:1}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:10px;padding:2px 7px;border-radius:4px;background:#f0f2ea;color:#75816b}.external-arrow{font-size:17px;color:#7a8871}.save-button{position:absolute;top:17px;right:16px;border:0;background:transparent;color:#9aa38f;font-size:18px;line-height:1;padding:5px;border-radius:4px}.save-button[aria-pressed=true]{color:#9d723b}.note-grid{grid-template-columns:repeat(3,1fr)}.note-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--card)}.note-art{height:142px;overflow:hidden;background:#e8ece1;display:block}.note-art img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.note-card:hover .note-art img{transform:scale(1.025)}.note-content{padding:20px}.note-meta{display:flex;align-items:center;gap:10px;color:#87907d;font-size:10px;margin-bottom:11px}.note-meta .dot:before{content:"·";margin-right:10px}.note-card h3{font-size:17px;line-height:1.6;margin:0 0 9px;letter-spacing:-.02em}.note-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.collection-grid{grid-template-columns:repeat(4,1fr)}.collection{background:#ebeee4;border:1px solid #dde2d4;padding:23px;border-radius:13px}.collection:nth-child(2){background:#eeece2}.collection:nth-child(3){background:#e8ecea}.collection:nth-child(4){background:#eee8e0}.collection .number{font:11px ui-monospace,monospace;color:#84917b;margin-bottom:25px;display:block}.collection h3{font-size:16px;margin-bottom:8px}.collection p{color:#78816f;font-size:12px;line-height:1.8}.collection .collection-bottom{display:flex;justify-content:space-between;font-size:11px;color:#79866e}.bottom-callout{margin:42px 0 62px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.bottom-callout h2{font-size:21px;margin-bottom:7px}.bottom-callout p{font-size:13px;color:var(--muted);margin:0}.site-footer{border-top:1px solid var(--line);padding:30px 0 35px;font-size:11px;color:#8a9182}.footer-row{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-links{display:flex;gap:20px}.page-heading{padding:48px 0 25px;max-width:760px}.breadcrumb{font-size:11px;color:#8a9182;margin-bottom:20px;display:flex;gap:9px}.page-heading h1{font-size:38px;margin-bottom:14px}.page-heading p{font-size:14px;line-height:1.9;color:var(--muted)}.search-panel{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:23px;margin:4px 0 25px}.search-box{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:17px}.search-box svg{color:#6f8065;width:20px}.search-box input{border:0;background:transparent;width:100%;padding:5px;outline:none;font-size:16px;color:var(--ink)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.filter-button{border:1px solid transparent;background:#f0f2e9;color:#6a7761;padding:6px 11px;border-radius:6px;font-size:11px}.filter-button[aria-pressed=true]{background:var(--green);color:white}.result-row{display:flex;justify-content:space-between;align-items:center;margin:22px 0 17px;color:#7a8471;font-size:11px}.saved-toggle{display:flex;gap:7px;align-items:center}.empty-state{background:var(--card);border:1px dashed #bfcbb4;border-radius:12px;text-align:center;padding:42px;color:var(--muted);margin:20px 0}.empty-state h2{font-size:20px}.all-topics{grid-template-columns:repeat(2,1fr)}.topic-block{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:28px}.topic-block h2{font-size:23px;margin:16px 0 10px}.topic-block p{font-size:13px;color:var(--muted);line-height:1.9}.topic-block .topic-stats{display:flex;gap:20px;font-size:11px;color:#7c8970;margin-top:22px}.article-layout{display:grid;grid-template-columns:minmax(0,740px) 230px;gap:85px;padding-bottom:30px}.article{font-size:15px;line-height:2;color:#49554b}.article h2{font-size:25px;margin:38px 0 16px;color:var(--ink);scroll-margin-top:25px}.article p{margin-bottom:20px}.article pre{background:#e9ede3;padding:20px 22px;border-radius:10px;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto;border:1px solid #dce3d3;letter-spacing:0}.article a{color:#4b6f3f;border-bottom:1px solid #cbd6bf}.article ul{padding-left:1.4em}.toc{font-size:12px;border-left:1px solid var(--line);padding-left:22px;align-self:start;margin-top:36px}.toc strong{font-size:10px;color:#89927e;letter-spacing:.08em}.toc a{display:block;padding:8px 0;color:#748268}.article-sources{padding:20px 24px;background:#ecefe5;border-radius:12px;margin-top:35px;font-size:12px}.article-sources h3{font-size:14px;margin-bottom:10px}.article-sources a{display:block;margin:5px 0}.article-cover{width:100%;height:250px;object-fit:cover;border-radius:14px;margin:8px 0 0}.download-grid{grid-template-columns:repeat(2,1fr)}.download-card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:25px}.download-card h2{font-size:19px;margin:0 0 10px}.download-card p{font-size:13px;color:var(--muted);min-height:42px}.download-card footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8a937f}.about-copy{max-width:740px;padding-bottom:45px}.about-copy p{font-size:15px;line-height:2;color:#68745f}.about-copy h2{margin-top:35px;font-size:24px}.about-copy a{color:var(--green);border-bottom:1px solid #bfcdb3}.collection-intro{display:flex;gap:25px;align-items:center;background:#e8ede0;border-radius:15px;padding:25px;margin-bottom:25px}.collection-intro p{margin:0;color:#6e7d62;font-size:13px}.collection-index-list{display:grid;gap:14px;margin-top:20px}.collection-note{display:flex;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:19px}.collection-note .number{font:12px ui-monospace,monospace;color:#97a18b}.collection-note h3{font-size:15px;margin:0 0 5px}.collection-note p{font-size:12px;color:var(--muted);margin:0}.spacer{height:40px}[hidden]{display:none!important}
@media(min-width:1500px){.hero{padding-top:75px;padding-bottom:60px}}
@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.header-row{gap:20px}.nav{margin-left:10px;gap:20px}.search-link kbd{display:none}.hero{gap:30px}.hero h1{font-size:42px}.resource-grid{grid-template-columns:repeat(2,1fr)}.topic-strip{grid-template-columns:repeat(4,1fr)}.topic-tile{padding:13px 10px;gap:7px}.topic-symbol{width:29px;height:29px}.collection-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:minmax(0,1fr) 180px;gap:35px}.note-art{height:120px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.header-row{min-height:112px;flex-wrap:wrap;gap:0;padding-top:17px}.brand{font-size:21px}.brand-mark{width:30px;height:30px}.header-actions{gap:11px}.search-link{padding:7px 9px;font-size:11px}.search-link svg{width:13px}.saved-link{font-size:11px}.nav{order:3;width:100%;margin:11px 0 0;justify-content:space-between;gap:15px}.nav a{padding:10px 0 15px;font-size:12px}.hero{grid-template-columns:1fr;gap:27px;padding-top:34px;padding-bottom:25px}.hero h1{font-size:39px}.hero .lead{font-size:13px;max-width:340px}.eyebrow{font-size:9px;margin-bottom:16px}.hero-actions{margin-top:21px}.hero-stats{gap:22px;margin-top:22px}.start-card{min-height:250px;padding:23px}.start-card h2{font-size:23px;margin-bottom:15px}.section{padding:25px 0}.section-head{margin-bottom:18px}.section-head h2{font-size:23px}.section-head p{font-size:11px}.section-head>a{font-size:10px}.topic-strip{grid-template-columns:repeat(2,1fr);gap:10px}.topic-tile{padding:14px 12px;gap:11px}.topic-tile h3{font-size:12px}.resource-grid,.note-grid,.all-topics,.download-grid{grid-template-columns:1fr}.resource-card{min-height:180px;padding:20px}.resource-top h3{font-size:15px}.resource-card .description{font-size:13px;margin:13px 0 16px}.note-art{height:175px}.note-card h3{font-size:18px}.note-card p{font-size:13px}.collection-grid{gap:10px}.collection{padding:18px}.collection .number{margin-bottom:17px}.collection h3{font-size:15px}.collection p{font-size:11px}.bottom-callout{align-items:flex-start;flex-direction:column;gap:18px;margin:30px 0 40px;padding:24px 0}.footer-row{align-items:flex-start;flex-direction:column;gap:17px}.footer-links{gap:18px;flex-wrap:wrap}.page-heading{padding:30px 0 18px}.page-heading h1{font-size:31px}.page-heading p{font-size:13px}.search-panel{padding:18px}.search-box input{font-size:14px}.filter-row{gap:6px}.filter-button{font-size:10px;padding:6px 9px}.result-row{font-size:10px}.article-layout{grid-template-columns:1fr;gap:0}.toc{display:none}.article{font-size:14px}.article h2{font-size:23px;margin-top:30px}.article-cover{height:190px}.collection-intro{padding:20px}.about-copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
