:root{--paper:#f7f6f0;--ink:#192e2a;--muted:#64716b;--line:#d7ddd2;--accent:#b9d168;--green:#244c3e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #6c8d36;outline-offset:5px}header,main,footer{max-width:1180px;margin:auto}header{height:120px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:23px;font-weight:650;letter-spacing:-.5px}.brand small{display:block;font-size:11px;font-weight:450;letter-spacing:3px;margin-top:5px}.monogram{font:38px Georgia,serif;width:52px;height:52px;display:grid;place-content:center;background:var(--ink);color:var(--paper);position:relative}.monogram span{color:var(--accent);position:absolute;right:7px;bottom:4px}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:#577528}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:650;color:var(--muted)}.hero{padding:76px 0 80px;display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}h1{font-size:clamp(34px,4.4vw,58px);line-height:1.3;letter-spacing:-2px;font-weight:600;margin:24px 0}h1 span{color:#567140}.hero p{font-size:16px;color:var(--muted);line-height:1.95;margin-bottom:32px}.button{display:inline-flex;gap:35px;align-items:center;padding:16px 23px;background:var(--ink);color:#fff;font-size:14px}.button:hover{background:var(--green)}.cover{height:355px;background:#dce4c4;padding:28px 30px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.cover-top{font-size:12px;letter-spacing:3px;line-height:1.5}.cover-bottom{display:flex;justify-content:space-between;align-items:flex-end}.cover-bottom span{font-size:11px;letter-spacing:2px;line-height:1.7}.cover-bottom b{font:70px Georgia,serif;font-weight:400}.rings{position:absolute;width:230px;height:230px;border:1px solid #627c4b;border-radius:50%;right:-20px;top:49px}.rings:before,.rings:after,.rings div{content:"";position:absolute;border:1px solid #627c4b;border-radius:50%;inset:20px}.rings:after{inset:40px}.rings div{inset:60px}.section-title{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px;border-bottom:2px solid var(--ink)}.section-title h2{font-size:23px;font-weight:550;margin:0}.section-title span{font-size:12px;color:var(--muted)}.post-row{display:grid;grid-template-columns:160px 1fr 30px;gap:35px;padding:36px 0;border-bottom:1px solid var(--line);align-items:center}.post-row:hover h3{color:#557c35}.post-date{font-size:12px;color:var(--muted)}.post-date span{display:block;margin-top:13px;color:var(--green);font-size:11px}.post-row h3{font-size:23px;line-height:1.5;margin:0 0 10px;font-weight:550}.post-row p{color:var(--muted);line-height:1.7;font-size:14px;margin:0}.arrow{font-size:26px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:65px 0 80px}.principles span{font-size:12px;color:var(--green);letter-spacing:1px}.principles p{font-size:13px;line-height:1.9;color:var(--muted)}footer{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:20px}.article-head{max-width:850px;padding:40px 0 40px;margin:0 auto;border-bottom:1px solid var(--line)}.back{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:42px}.article-head h1{font-size:44px;letter-spacing:-1px}.lede{font-size:18px;line-height:1.9;color:var(--muted)}.meta{font-size:12px;color:var(--muted);margin-top:26px}.meta span{padding:0 12px}.reading{display:grid;grid-template-columns:220px minmax(0,760px);gap:58px;margin:50px 0 80px}.reading aside{position:sticky;top:35px;align-self:start}.toc ul{list-style:none;padding:0;font-size:12px;line-height:1.8}.toc li{margin:17px 0}.toc a{color:var(--muted)}.toc a:hover{color:var(--green)}.prose{font-size:16px;line-height:2;overflow-wrap:anywhere}.prose p{margin:0 0 24px}.prose h2{font-size:25px;line-height:1.5;margin:44px 0 22px;letter-spacing:-.5px}.prose h2:first-child{margin-top:0}.prose a{color:#3c683c;text-decoration:underline;text-decoration-color:#a8bb8d;text-underline-offset:4px}.prose strong{font-weight:650}.prose ul,.prose ol{padding-left:1.5em}.prose li{padding-left:4px;margin:10px 0}.prose table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.8;margin:25px 0}.prose th,.prose td{padding:14px;text-align:left;border-bottom:1px solid var(--line)}.prose th{background:#e8ecdf;font-weight:550}.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}.article-end{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;font-size:13px;margin-top:45px}.about{max-width:760px;padding:65px 0 85px;min-height:65vh}.about h1{margin-bottom:40px}.skip{position:absolute;top:-100px;padding:10px;background:white}.skip:focus{top:0}::selection{background:#d3e3a7}@media(max-width:1240px){header,main,footer{margin-left:32px;margin-right:32px}.about{margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.reading{gap:32px}}@media(max-width:760px){header,main,footer{margin-left:22px;margin-right:22px}header{height:95px}.brand{font-size:20px}.brand small{font-size:10px}.monogram{width:42px;height:42px;font-size:32px}nav{gap:15px;font-size:12px}.hero{padding:45px 0;grid-template-columns:1fr;gap:35px}h1{letter-spacing:-1px}.cover{height:240px}.rings{top:-12px;right:20px}.hero p{font-size:14px}.post-row{grid-template-columns:1fr 22px;gap:12px;padding:25px 0}.post-date{grid-column:1/-1}.post-date span{display:inline;margin-left:20px}.post-row h3{font-size:21px}.principles{grid-template-columns:1fr;gap:18px;margin:40px 0}.principles p{margin-bottom:0}.reading{display:block;margin-top:28px}.reading aside{position:static;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:30px}.toc li{margin:9px 0}.article-head{padding-top:25px}.back{margin-bottom:28px}.article-head h1{font-size:33px}.lede{font-size:16px}.prose{font-size:15px}.prose h2{font-size:23px}.prose th,.prose td{padding:9px}footer{flex-wrap:wrap;line-height:1.8}footer span:nth-child(2){display:none}.about{padding:45px 0}.article-end{gap:20px}}