:root{--ink:#153f35;--green:#1d6651;--muted:#65766d;--paper:#fafbf7;--line:#dde5db;--accent:#d9ef8a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,input{outline-offset:5px}button{cursor:pointer}a:hover{color:var(--green)}.skip{position:absolute;left:16px;top:-100px;z-index:5;background:white;padding:10px}.skip:focus{top:10px}.nav{height:100px;max-width:1200px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:30px;letter-spacing:-1.7px;font-weight:800;line-height:1}.brand span{font-weight:500}.brand i{font-style:normal;color:#709a32}.nav nav{display:flex;gap:32px;font-size:14px;font-weight:600}.nav nav span{margin-left:4px;color:#7a8e7c}.hero{position:relative;background:#e7eddb;border-top:1px solid #dce5d3;border-bottom:1px solid #d6dfcb;display:flex;align-items:center;gap:60px;padding:70px max(28px,calc((100vw - 1144px)/2)) 56px;overflow:hidden}.hero:after{content:"";position:absolute;right:-160px;top:-270px;width:680px;height:680px;border:80px solid #dce6cc;border-radius:50%;pointer-events:none}.hero-inner{min-width:52%;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;margin:0 0 20px}.hero h1{font-size:clamp(42px,4.6vw,65px);letter-spacing:-3px;line-height:1.08;margin:0 0 25px;font-weight:750}.hero h1 em{font-family:Georgia,serif;font-weight:400}.intro{font-size:17px;color:#4a6657;line-height:1.8}.hero-bottom{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:32px;font-size:12px;color:#45604d;align-items:center}.hero-bottom b{color:var(--ink)}.hero-bottom a{flex-basis:100%;font-weight:650;margin-top:5px}.hero-art{position:relative;z-index:1;width:400px;flex-shrink:0;transform:rotate(-2deg);background:#163f35;color:#eff5df;border-radius:9px;box-shadow:14px 17px 0 #cdddb6;padding:24px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.code-label{border-bottom:1px solid #35594b;padding-bottom:15px;margin-bottom:20px;font:11px/1.4 system-ui;letter-spacing:1px;color:#b8d0b5}.code-label:before{content:"● ● ●";letter-spacing:4px;margin-right:30px;color:#a6be88}.hero-art pre{line-height:1.9;white-space:pre-wrap}.muted{color:#92ac9a}.pink{color:#e8b4b4}.yellow{color:#f3d88e}.lime{color:#d9ef8a}.terminal{font-size:10px;border-top:1px solid #35594b;margin-top:20px;padding-top:15px;color:#c3d8bd}.terminal span{color:#d9ef8a;margin-right:8px}.catalog{max-width:1200px;padding:64px 28px;margin:auto}.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.catalog-heading .eyebrow{margin-bottom:8px;color:#6c7f67}.catalog-heading h2{font-size:36px;letter-spacing:-1.5px;line-height:1.2;margin:0}.catalog-heading h2 span{color:#8aab44}.search{display:flex;align-items:center;gap:10px;border:1px solid #ccd7c7;border-radius:6px;padding:8px 13px;background:white;width:285px}.search>span{font-size:25px;line-height:1}.search input{border:0;background:transparent;min-width:0;width:100%;font-size:13px;color:var(--ink);padding:5px 0}.search input:focus{outline:0}.search:focus-within{outline:2px solid var(--green);outline-offset:2px}.search kbd{border:1px solid var(--line);border-radius:3px;padding:0 5px;font-size:11px;color:#859480}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.filter{background:transparent;border:1px solid var(--line);color:#58705f;font-size:12px;font-weight:600;padding:8px 14px;border-radius:5px}.filter:hover{border-color:#78936b}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.filter span{margin-left:7px;font-weight:400;opacity:.7}.result-count{font-size:11px;color:var(--muted);margin:22px 0 16px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{display:flex;flex-direction:column;position:relative;padding:28px 30px 25px;background:#fff;border:1px solid var(--line);border-radius:7px;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:#9db18c}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#7b887b}.tag{background:#edf3e6;color:#4f6b3f;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:650}.card h2{font-size:24px;letter-spacing:-.6px;line-height:1.3;margin:20px 0 13px;font-weight:700}.card p{font-size:14px;line-height:1.8;color:#6d7c6f;margin:0 0 25px}.read{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:650;border-top:1px solid #edf0e9;padding-top:16px}.read span{font-size:20px;line-height:1}.start-banner{max-width:1144px;margin:0 auto 64px;padding:35px;background:#e7eddb;border-radius:7px;display:flex;gap:30px;align-items:center;justify-content:space-between}.start-banner .eyebrow{font-size:10px;margin-bottom:8px}.start-banner h2{font-size:23px;letter-spacing:-.6px;margin:0}.start-banner p:not(.eyebrow){font-size:13px;color:#64765e;margin-bottom:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--ink);color:white;white-space:nowrap;border-radius:5px;padding:13px 18px;font-size:12px;font-weight:600}.button:hover{background:#276650;color:white}footer{border-top:1px solid var(--line);max-width:1200px;margin:auto;padding:35px 28px 40px;display:grid;grid-template-columns:1fr auto;gap:12px;font-size:11px;color:#7a8878}footer .brand{font-size:24px;color:var(--ink)}footer p{margin:0}footer>p{align-self:center}footer>a:last-child{text-align:right}.article-heading{background:#e7eddb;padding:38px max(28px,calc((100vw - 1000px)/2)) 48px}.back{font-size:12px;display:inline-block;margin-bottom:28px;font-weight:600}.article-heading .eyebrow{font-size:10px;margin-bottom:15px}.article-heading .eyebrow span{padding:0 10px;color:#94a184}.article-heading h1{font-size:clamp(32px,4vw,50px);line-height:1.15;letter-spacing:-1.7px;max-width:820px;margin:0 0 22px}.article-heading>p:not(.eyebrow){font-size:18px;color:#546b56;max-width:760px}.byline{font-size:11px;color:#738269;margin-top:25px}.byline span{padding:0 8px}.article-layout{display:grid;grid-template-columns:minmax(0,740px) 210px;gap:65px;max-width:1070px;margin:50px auto 65px;padding:0 28px}.prose section{margin:0 0 48px;scroll-margin-top:30px}.prose h2{font-size:26px;letter-spacing:-.7px;line-height:1.35}.prose h2>span{color:#8fa46d;font-size:14px;margin-right:10px;font-weight:500}.prose p{color:#54695a;font-size:16px;line-height:1.9}.snippet{border:1px solid #d4dfcd;border-radius:6px;overflow:hidden;margin:24px 0}.snippet-bar{background:#eaf0e3;display:flex;justify-content:space-between;align-items:center;padding:7px 16px;font-size:10px;color:#5f7356;letter-spacing:.3px}.copy{background:transparent;border:0;color:var(--ink);font-size:10px;padding:4px}.snippet pre{margin:0;background:#183c33;color:#edf1e4;padding:22px;overflow-x:auto;font:12px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4}.toc{position:sticky;top:30px;align-self:start;border-left:1px solid var(--line);padding-left:23px}.toc .eyebrow{font-size:9px;margin-bottom:18px}.toc a{display:block;font-size:12px;line-height:1.6;margin:15px 0;color:#697b61}.toc a span{font-size:10px;color:#8fa46d;margin-right:5px}.toc .all-link{border-top:1px solid var(--line);padding-top:18px;margin-top:22px;font-weight:600;color:var(--ink)}.article-note{background:#edf2e5;border-radius:6px;padding:22px;margin-top:30px;font-size:14px}.article-note p{font-size:14px;margin:8px 0 0}.prose p a{text-decoration:underline;text-underline-offset:3px}.next{display:flex;flex-direction:column;gap:10px;margin:32px 0;padding:25px;border:1px solid var(--line);border-radius:6px}.next span{font-size:10px;letter-spacing:1.4px;color:#7f916b}.next strong{font-size:21px;line-height:1.4}.about{max-width:760px;margin:70px auto 100px;padding:0 28px}.about h1{font-size:42px;letter-spacing:-1.5px;line-height:1.2}.about .button{margin-top:20px}[hidden]{display:none!important}#empty{padding:45px 10px;text-align:center;color:#65765e}@media(min-width:1600px){.hero{justify-content:center}.hero-inner{min-width:590px}}@media(max-width:1050px){.hero{gap:30px}.hero-art{width:340px;font-size:10px}.hero h1{font-size:52px}.hero-inner{min-width:48%}.hero-bottom{gap:12px 15px}.start-banner{margin-left:28px;margin-right:28px}.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 190px}}@media(max-width:760px){.nav{height:82px;padding:0 22px}.brand{font-size:26px}.nav nav{gap:20px;font-size:12px}.nav nav a:last-child{display:none}.hero{padding:42px 22px 48px;display:block}.hero h1{font-size:49px;letter-spacing:-2px}.hero-art{width:min(100%,400px);margin:36px auto 0;transform:rotate(-1deg);font-size:11px;padding:20px}.hero-bottom{margin-top:22px}.hero:after{right:-400px}.intro{font-size:15px}.catalog{padding:44px 22px}.catalog-heading{align-items:flex-start;flex-direction:column;gap:22px}.catalog-heading h2{font-size:31px}.search{width:100%}.filters{gap:7px;margin-top:20px}.filter{padding:7px 10px;font-size:11px}.cards{grid-template-columns:1fr;gap:15px}.card{padding:24px}.card h2{font-size:23px}.start-banner{margin:0 22px 40px;padding:26px;align-items:flex-start;flex-direction:column;gap:22px}.start-banner h2{font-size:22px}.start-banner .button{width:100%}footer{padding:28px 22px;grid-template-columns:1fr;gap:14px}footer>a:last-child{text-align:left}.article-heading{padding:25px 22px 36px}.article-heading h1{font-size:35px}.article-heading>p:not(.eyebrow){font-size:16px}.byline{font-size:10px}.article-layout{display:flex;flex-direction:column;margin-top:28px;padding:0 22px;gap:20px}.toc{order:-1;position:static;border-left:0;border-bottom:1px solid var(--line);padding:0 0 12px}.toc a{margin:8px 0}.toc .all-link{display:none}.prose h2{font-size:24px}.prose p{font-size:15px}.snippet pre{font-size:11px;padding:18px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.hero-art{transform:none}}
