:root{--mat: #1e4a3c;--mat-deep: #163a2f;--chalk: #f2f4ef;--chalk-yellow: #ebc65a;--chalk-blue: #9cc9e3;--bg: #edf0eb;--surface: #f8faf6;--text: #15211c;--muted: #56645e;--line: #cdd6cf;--accent: #1e6b55;--on-accent: #ffffff;--font-display: "DM Serif Display", Georgia, serif;--font-body: "Hanken Grotesk", system-ui, "Segoe UI", sans-serif;--font-chalk: "Caveat", "Segoe Print", cursive;--mat-grid: linear-gradient(rgb(242 244 239 / .1) 1px, transparent 1px) 0 0 / 100px 100px, linear-gradient(90deg, rgb(242 244 239 / .1) 1px, transparent 1px) 0 0 / 100px 100px, linear-gradient(rgb(242 244 239 / .04) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(90deg, rgb(242 244 239 / .04) 1px, transparent 1px) 0 0 / 20px 20px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0f1c17;--surface: #15261f;--text: #e6ece8;--muted: #9aaba3;--line: #27392f;--accent: #8fd1b5;--on-accent: #0f1c17}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.2em}:focus-visible{outline:2px solid var(--chalk-yellow);outline-offset:3px}h1,h2{font-family:var(--font-display);font-weight:400;line-height:1.1;letter-spacing:-.015em}h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 1rem}h3{font-size:1.25rem;font-weight:600;line-height:1.3}.container{width:min(1180px,100% - 2rem);margin-inline:auto}.section{padding-block:clamp(3.5rem,8vw,6rem)}.section.container+.section.container{padding-top:0}.lead{font-size:1.25rem;color:var(--muted);max-width:38rem}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.card{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:4px;color:var(--text)}.card h3{margin:0;font-family:var(--font-display);font-weight:400;font-size:1.5rem}.card p{margin:0}a.card:hover{border-color:var(--accent);text-decoration:none}.tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:auto;padding-top:.5rem}.tags span{padding:.125rem .625rem;border:1px dashed var(--line);border-radius:999px;color:var(--muted);font-size:.8125rem}.btn{display:inline-block;padding:.75rem 1.5rem;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:var(--on-accent);font:inherit;font-weight:600;cursor:pointer}.btn:hover{text-decoration:none;filter:brightness(1.08)}.btn:disabled{opacity:.6;cursor:default}.btn-ghost{background:transparent;color:var(--accent)}.on-mat .btn{background:var(--chalk-yellow);border-color:var(--chalk-yellow);color:var(--mat-deep)}.on-mat .btn-ghost{background:transparent;border-color:#f2f4ef80;color:var(--chalk)}.form{display:grid;gap:1rem;max-width:36rem}.form label{display:grid;gap:.25rem;font-weight:600}.form input,.form textarea{padding:.625rem .75rem;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text);font:inherit}.visually-hidden{position:absolute;left:-9999px}