:root{--paper:#f3faf5;--paper2:#e3f3e8;--card:#ffffff;--ink:#152219;--ink-soft:#4c5d52;--kept:#0d7a4d;--kept-dark:#0a5c3b;--spruce:#0b2e23;--coin:#f0a51f;--coin-soft:#fdf3d7;--line:#d9eadd;--line2:#c3dcc9;--mono:"Fira Code",ui-monospace,monospace;--disp:"Bricolage Grotesque",sans-serif;--body:"Instrument Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65}a{color:var(--kept-dark);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--kept)}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.tape{background:var(--coin-soft);color:#5c4303;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 0;border-bottom:2px solid var(--coin)}.tape .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}header.masthead{background:linear-gradient(120deg,#08231a,#0b2e23 55%,#0d5c3b);color:#fff}header.masthead .wrap{padding-top:26px;padding-bottom:22px;text-align:center}.wordmark{font-family:var(--disp);font-weight:800;letter-spacing:-.01em;font-size:clamp(28px,4.6vw,44px);line-height:1.05;color:#fff;text-decoration:none;display:block;text-align:center}.wordmark:hover{color:#fff;opacity:.88}.deskline{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#a9cdb8;margin-top:8px;text-align:center}nav.main{background:var(--paper);border-bottom:1.5px solid var(--line2)}nav.main .wrap{display:flex;gap:26px;flex-wrap:wrap;justify-content:center;padding-top:12px;padding-bottom:12px}nav.main a{color:var(--kept-dark);font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}nav.main a:hover{color:var(--kept);text-decoration:underline}main{padding:34px 0 10px}h1{font-family:var(--disp);font-weight:800;letter-spacing:-.015em;font-size:clamp(28px,4.6vw,44px);line-height:1.12;margin:0 0 14px}h2{font-family:var(--disp);font-weight:700;letter-spacing:-.01em;font-size:clamp(21px,3vw,27px);line-height:1.22;margin:34px 0 10px}h3{font-family:var(--disp);font-weight:700;font-size:19px;margin:24px 0 8px}p{margin:0 0 14px}.lede{font-size:19px;color:var(--ink-soft);max-width:46em}.crumbs{font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:16px}.crumbs a{color:var(--ink-soft);text-decoration:none}.crumbs a:hover{color:var(--kept-dark);text-decoration:underline}.dateline{font-family:var(--mono);font-size:13px;color:var(--ink-soft);display:flex;gap:20px;flex-wrap:wrap;margin:10px 0 20px}.systemcard{border:1.5px solid var(--line2);border-radius:16px;overflow:hidden;background:var(--card);margin:22px 0 28px;max-width:640px;box-shadow:0 10px 26px #0b2e2314}.systemcard .lc-head{background:var(--kept);color:#fff;font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;padding:8px 16px;display:flex;justify-content:space-between}.systemcard dl{margin:0;padding:12px 16px 14px;display:grid;grid-template-columns:130px 1fr;row-gap:7px}.systemcard dt{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);padding-top:3px}.systemcard dd{margin:0;font-size:15.5px}section.guide-sec{border-top:1.5px solid var(--line);padding-top:6px;margin-top:26px}.refs{border-top:2px solid var(--line);margin-top:34px;padding-top:14px}.refs h2{margin-top:0}.refs ul{margin:0;padding-left:20px}.disclaimer{background:var(--coin-soft);border:1.5px solid var(--coin);border-radius:12px;padding:12px 16px;font-size:14.5px;margin:26px 0 4px;max-width:640px}.followline{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:16px 0 8px}.card{display:block;background:var(--card);border:1.5px solid var(--line);border-radius:16px;overflow:hidden;padding:18px 16px 14px;text-decoration:none;color:var(--ink);position:relative;transition:box-shadow .15s ease,border-color .15s ease}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--kept) 0 62%,var(--coin) 62% 100%)}.card:hover{border-color:var(--kept);box-shadow:0 12px 28px #0b2e231f}.card .k{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--kept-dark)}.card .t{font-family:var(--disp);font-weight:700;font-size:17px;line-height:1.3;display:block;margin-top:5px}.card .d{font-size:14.5px;color:var(--ink-soft);display:block;margin-top:5px}.pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:22px 0 6px}.pager .pg{font-family:var(--mono);font-size:13px;letter-spacing:.06em;padding:7px 13px;border:1.5px solid var(--line2);border-radius:999px;background:var(--card);color:var(--ink);text-decoration:none}.pager a.pg:hover{border-color:var(--kept);color:var(--kept-dark)}.pager .pg.cur{background:var(--kept);border-color:var(--kept);color:#fff;font-weight:600}.stamp{display:inline-block;border:2.5px solid var(--kept);color:var(--kept-dark);font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:999px}.pill-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.featured-intro{text-align:center;padding:18px 0 6px}.featured-intro .pill-row{justify-content:center}.featured-intro .lede{margin-left:auto;margin-right:auto}.cat-pill{display:inline-block;color:var(--kept-dark);font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:0}.sec-head{text-align:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}.sec-head .sec-label{display:inline-block}footer.site{background:#0a241a;color:#c4dccf;margin-top:56px;border-top:1px solid #2c4a3c}footer.site .to-top-row{text-align:center;margin-top:18px}footer.site .to-top{font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}footer.site .wrap{padding-top:34px;padding-bottom:30px}footer.site a{color:#a9cdb8}footer.site a:hover{color:#fff}footer.site .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}footer.site .foot-stack{text-align:center}footer.site .foot-brand{max-width:640px;margin:0 auto}footer.site .foot-links{display:flex;gap:48px;flex-wrap:wrap;justify-content:center;margin-top:26px}footer.site .foot-links ul{text-align:left}footer.site .fine{text-align:center}footer.site h3{color:#fff;font-size:15px;letter-spacing:.06em;text-transform:uppercase}footer.site ul{list-style:none;margin:0;padding:0;font-size:14.5px}footer.site li{margin:5px 0}footer.site .fine{border-top:1px solid #2c4a3c;margin-top:26px;padding-top:14px;font-size:13px;color:#8fb09c}.ladder{display:flex;gap:0;flex-wrap:wrap;border:1.5px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card);margin:22px 0;box-shadow:0 10px 26px #0b2e230f}.ladder div{flex:1 1 150px;padding:12px 14px;border-right:1.5px dashed var(--line2)}.ladder div:last-child{border-right:none}.ladder .y{font-family:var(--disp);font-weight:800;font-size:20px;color:var(--kept-dark);letter-spacing:-.01em}.ladder .w{font-size:13.5px;color:var(--ink-soft);line-height:1.45}.pageimg{margin:22px 0}.pageimg img{display:block;width:100%;height:auto;border-radius:16px;border:1.5px solid var(--line);box-shadow:0 12px 30px #0b2e231f}.hero-frame{margin:26px 0 8px;background:var(--card);border:1.5px solid var(--line2);border-radius:8px;padding:8px}.hero-frame img{display:block;width:100%;height:auto;border-radius:4px}.hero-frame figcaption{font-family:var(--mono);font-size:13px;letter-spacing:.03em;color:var(--ink-soft);text-align:center;padding:10px 8px 2px}.systems-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0 8px}.system-large{display:flex;gap:18px;background:var(--card);border:1.5px solid var(--line2);border-radius:8px;overflow:hidden;padding:22px 20px;text-decoration:none;color:var(--ink);position:relative}.system-large:hover{border-color:var(--kept)}.system-large .count-badge{display:inline-block;margin-top:12px;color:var(--ink-soft);font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:0}.system-large .num{font-family:var(--disp);font-weight:800;font-size:38px;line-height:1;color:var(--kept-dark);flex:0 0 auto}.system-large .body{display:block}.system-large .k{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--kept-dark)}.system-large .t{font-family:var(--disp);font-weight:700;font-size:20px;line-height:1.3;display:block;margin-top:5px}.system-large .d{font-size:15px;color:var(--ink-soft);display:block;margin-top:5px}.steps-list{border-top:1.5px solid var(--line);margin:18px 0 8px}.step-row{display:grid;grid-template-columns:56px 170px 1fr;gap:20px;align-items:baseline;padding:18px 0;border-bottom:1.5px solid var(--line)}.step-num{font-family:var(--disp);font-weight:800;font-size:26px;color:var(--kept-dark)}.step-title{font-family:var(--disp);font-weight:700;font-size:20px}.step-text{font-size:16px;color:var(--ink-soft)}@media(max-width:820px){.systems-grid{grid-template-columns:1fr}.step-row{grid-template-columns:48px 1fr}.step-text{grid-column:1 / -1}}@media(max-width:640px){.systemcard dl{grid-template-columns:1fr}.systemcard dt{padding-top:8px}}