:root{--ink:#183f32;--muted:#50665c;--green:#d9f373;--line:#d9e2dc;--paper:#f8faf7;--white:#fff;--serif:"Songti SC","Noto Serif CJK SC","STSong",serif;--sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px;scrollbar-color:#819b8b var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;text-underline-offset:6px}a:focus-visible,input:focus-visible{outline:3px solid #217357;outline-offset:6px}::selection{background:var(--green);color:var(--ink)}.header,main,footer{max-width:1240px;margin:auto}.header{padding:26px 44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:35px;font-weight:700;letter-spacing:-1.2px;line-height:1.2}.brand-dot{color:#58840b}nav{display:flex;gap:36px}nav a{position:relative;font-size:15px;padding:6px 0}nav a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .22s ease-out}nav a:hover:after,nav a[aria-current=page]:after{transform:scaleX(1)}main{padding:0 44px}.hero{display:grid;grid-template-columns:1.28fr 1fr;gap:76px;align-items:center;padding:72px 0 66px}.hero h1{font-family:var(--serif);font-size:clamp(42px,4.8vw,68px);line-height:1.3;font-weight:600;letter-spacing:-.03em;margin:0 0 28px;text-wrap:balance}.hero h1 span{color:#377f42}.hero-copy>p{font-size:17px;line-height:2;color:var(--muted);margin:0 0 32px}.button{display:inline-flex;gap:26px;align-items:center;background:var(--ink);color:white;padding:13px 23px;border-radius:6px;transition:background .2s}.button:hover{background:#28644c}.practice{background:var(--green);padding:29px 34px 25px;border-radius:2px 38px 2px 2px}.practice-top{display:flex;justify-content:space-between;font-size:13px;border-bottom:1px solid #a5bc54;padding-bottom:17px}.practice h2{font-size:31px;line-height:1.45;font-weight:600;margin:25px 0 12px}.practice p{font-size:14px;line-height:1.9}.practice ul{list-style:none;margin:21px 0;padding:0;font-size:14px}.practice li{position:relative;padding-left:23px;margin:7px 0}.practice li:before{content:"";position:absolute;left:0;top:8px;border:1.5px solid var(--ink);width:11px;height:11px;border-radius:2px}.practice>a{font-size:14px;display:flex;justify-content:space-between;border-top:1px solid #a5bc54;padding-top:15px;font-weight:600}.topics{display:flex;align-items:center;gap:38px;padding:24px 0;border-block:1px solid var(--line)}.topics>span{margin-right:auto;color:var(--muted);font-size:14px}.topics>a:hover,.text-link:hover,.footer-links a:hover,.toc a:hover{text-decoration:underline}.section{padding:65px 0 70px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.section h2,.closing h2{font-size:30px;font-weight:600;margin:0 0 8px;line-height:1.5}.section-heading p,.section>p{color:var(--muted);margin:0}.text-link{font-size:14px;font-weight:600}.guide-list{border-top:1px solid var(--line)}.guide-row{display:grid;grid-template-columns:110px 1fr 130px;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:28px 0;transition:background .2s}.guide-row:hover{background:#eef3e9}.category{font-size:13px;color:var(--muted)}.guide-row h3{font-size:21px;font-weight:500;margin:0 0 4px;line-height:1.5}.guide-row p{font-size:14px;color:var(--muted);margin:0}.readtime{font-size:12px;display:flex;justify-content:flex-end;gap:15px;align-items:center}.readtime svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.closing{display:grid;grid-template-columns:1fr 1fr;gap:55px;background:#e9efe7;padding:38px;margin-bottom:70px}.closing p{margin:0 0 15px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:38px 44px 28px;display:grid;grid-template-columns:1fr 1fr;gap:20px}footer .brand{font-size:29px}footer p,footer small{font-size:12px;color:var(--muted);margin:10px 0 0}.footer-links{display:flex;gap:25px;justify-content:flex-end;font-size:13px}footer small{grid-column:1/-1}.page-intro{padding:68px 0 45px;max-width:850px}.page-intro h1,.standalone h1{font-family:var(--serif);font-size:48px;line-height:1.4;font-weight:600;margin:0 0 25px}.page-intro p{font-size:18px;color:var(--muted);max-width:730px}.compact{padding-top:0}.compact>h2{margin:38px 0 10px;scroll-margin-top:35px}.compact>.guide-list{margin-top:24px}.feature-link{display:block;border-block:1px solid var(--line);padding:22px 0}.feature-link h3{margin:0;font-size:23px;font-weight:500}.feature-link p{margin:7px 0;color:var(--muted)}.feature-link span{float:right;font-size:14px}.feature-link:hover{background:#eef3e9}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 230px;gap:75px;padding:48px 0 80px}.back{font-size:14px;color:var(--muted)}article h1{font-family:var(--serif);font-weight:600;font-size:43px;line-height:1.4;margin:30px 0 18px;text-wrap:balance}.meta{font-size:12px!important;color:var(--muted)}article p{font-size:17px;line-height:2;max-width:72ch}article .lead{font-size:19px;color:var(--muted);padding:24px 0;border-bottom:1px solid var(--line)}article h2{font-size:26px;line-height:1.5;margin:42px 0 15px;font-weight:600}.toc{align-self:start;position:sticky;top:40px;border-top:2px solid var(--ink);margin-top:44px;font-size:14px}.toc h2{font-size:16px;margin:18px 0}.toc ol{padding-left:22px;line-height:2.1}.toc li{padding-bottom:12px}.toc p{color:var(--muted);margin-top:26px;font-size:13px}.checklist{background:#e9efe7;padding:25px 30px;margin:40px 0}.checklist h2{margin:0 0 10px}.checklist p{font-size:13px}.checklist label{display:flex;gap:12px;align-items:baseline;cursor:pointer;margin:13px 0;font-size:15px}.checklist input{accent-color:var(--ink);width:17px;height:17px;flex-shrink:0}.checklist input:checked+span{text-decoration:line-through;color:var(--muted)}.prose{max-width:760px;padding-bottom:80px}.prose a:not(.button){text-decoration:underline}.standalone{padding-top:45px}.skip{position:absolute;top:-80px;left:20px;background:var(--ink);color:white;padding:10px;z-index:5}.skip:focus{top:10px}@media(max-width:900px){.hero{gap:35px}.practice{padding:25px}.article-layout{grid-template-columns:minmax(0,1fr) 190px;gap:35px}.guide-row{grid-template-columns:80px 1fr}.readtime{display:none}.closing{gap:25px;padding:28px}.topics{gap:24px}}@media(max-width:640px){.header{padding:22px 20px}.brand{font-size:29px}nav{gap:19px}nav a{font-size:13px}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:32px;padding:43px 0 33px}.hero h1{font-size:45px}.hero-copy>p{font-size:15px;margin-bottom:23px}.practice{padding:25px 27px}.practice h2 br{display:none}.practice h2{font-size:26px}.topics{flex-wrap:wrap;gap:14px 26px;padding:20px 0;font-size:14px}.topics>span{width:100%;font-size:12px}.section{padding:38px 0 40px}.section h2,.closing h2{font-size:25px}.section-heading{display:block}.section-heading>.text-link{display:inline-block;margin-top:15px}.section-heading p{font-size:14px}.guide-row{grid-template-columns:1fr;gap:7px;padding:24px 0}.guide-row h3{font-size:20px}.closing{grid-template-columns:1fr;gap:12px;margin-bottom:42px;padding:25px}.closing p{font-size:15px}footer{padding:28px 22px;grid-template-columns:1fr;gap:15px}.footer-links{justify-content:flex-start}.page-intro{padding:40px 0 22px}.page-intro h1,.standalone h1{font-size:35px}.page-intro p{font-size:16px}.compact{padding-top:0}.feature-link h3{font-size:21px}.feature-link p{font-size:14px}.feature-link span{float:none;display:block;margin-top:10px}.article-layout{display:block;padding-top:28px}.toc{display:none}article h1{font-size:34px}article h2{font-size:24px}article p{font-size:16px}article .lead{font-size:17px}.checklist{padding:22px}.prose{padding-bottom:45px}.standalone{padding-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}