:root{--bg:#f6f8f0;--paper:#fff;--ink:#1c2a1b;--muted:#566351;--line:#d8dfca;--forest:#2d6a3e;--lime:#9bc12b;--teal:#0f6b6b;--bark:#6b3d12;--gold:#b8982c;--deep:#14341f;--onbrand:#fff;--tint:#e9f0d8;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0f1a12;--paper:#16251a;--ink:#e9f0e3;--muted:#a9b9a8;--line:#27402c;--forest:#8fcf86;--teal:#5fc9bd;--bark:#e0b184;--tint:#1a2c1e;--deep:#0a130d}}
:root[data-theme="dark"]{--bg:#0f1a12;--paper:#16251a;--ink:#e9f0e3;--muted:#a9b9a8;--line:#27402c;--forest:#8fcf86;--teal:#5fc9bd;--bark:#e0b184;--tint:#1a2c1e;--deep:#0a130d}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{background:var(--bg);color:var(--ink);font-family:Figtree,system-ui,sans-serif;line-height:1.7}
h1,h2,h3,.disp{font-family:'Bricolage Grotesque',Figtree,sans-serif;letter-spacing:-.025em;line-height:1.08}
.mark{background:url("/assets/logo.png") center/contain no-repeat;display:block}
.muted{color:var(--muted)}.forest{color:var(--forest)}.teal{color:var(--teal)}.bark{color:var(--bark)}
.leaf{border-radius:0 72% 0 72%}.leaf2{border-radius:72% 0 72% 0}
.photo{position:relative;display:flex;align-items:flex-end;padding:1.25rem;overflow:hidden;color:#fff;font-size:.8rem;
background:radial-gradient(circle at 25% 20%,var(--a,#9bc12b),transparent 55%),radial-gradient(circle at 80% 85%,var(--b,#0f6b6b),transparent 60%),#1f5a3a}
.photo i{opacity:.85}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:.4rem 1.4rem .4rem 1.4rem;font-weight:600;transition:transform .15s,background .15s;cursor:pointer}
.btn:active{transform:scale(.97)}
.btn-main{background:var(--bark);color:#fff}.btn-main:hover{background:var(--forest)}
.btn-line{border:2px solid var(--forest);color:var(--forest)}.btn-line:hover{background:var(--tint)}
.tag{font-size:.8rem;font-weight:600;color:var(--teal);border-bottom:2px solid var(--lime);padding-bottom:1px}
.field{width:100%;padding:.6rem .1rem;background:transparent;border:0;border-bottom:2px solid var(--line);color:var(--ink);font:inherit;border-radius:0}
.field:focus{border-bottom-color:var(--forest);outline:none}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
label{font-weight:600;font-size:.85rem;color:var(--muted)}
.ico{width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ph{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);background:linear-gradient(135deg,var(--c1,#2f7d4f),var(--c2,#0f5c57))}
.flow{animation:flow 14s linear infinite}
@keyframes flow{to{transform:translateX(-50%)}}
.sec{max-width:72rem;margin:0 auto;padding:4.5rem 1.25rem}
@media(min-width:768px){.sec{padding:7rem 1.25rem}}
@media (prefers-reduced-motion:reduce){.flow{animation:none}html{scroll-behavior:auto}}

.svg-defs{position:absolute}
.site-header{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.hero-gradient{background:linear-gradient(180deg,var(--tint),var(--bg))}
.wave-wide{width:200%}
.palette-lime-teal{--a:#9bc12b;--b:#0f6b6b}.palette-teal-lime{--a:#0f6b6b;--b:#9bc12b}.palette-lime-gold{--a:#9bc12b;--b:#b8982c}.palette-gold-teal{--a:#b8982c;--b:#0f6b6b}.palette-bark-lime{--a:#6b3d12;--b:#9bc12b}.palette-teal-forest{--a:#0f6b6b;--b:#2d6a3e}.palette-lime-forest{--a:#9bc12b;--b:#2d6a3e}.palette-gold-bark{--a:#b8982c;--b:#6b3d12}
.section-tint{background:var(--tint)}.border-accent-lime{border-left:4px solid var(--lime)}.border-accent-teal{border-left:4px solid var(--teal)}.border-accent-bark{border-left:4px solid var(--bark)}.border-top-line{border-top:2px solid var(--line)}.footer-background{background:var(--deep);color:#fff}.footer-wave{transform:scaleY(-1);margin-top:-1px}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.footer-copyright{border-top:1px solid rgba(255,255,255,.15);opacity:.8}
.article-body h1{font-size:2.4rem;font-weight:800;margin:2.2rem 0 1rem}.article-body h2{font-size:2rem;font-weight:800;margin:2rem 0 .75rem}.article-body h3{font-size:1.5rem;font-weight:700;margin:1.5rem 0 .6rem}.article-body h4{font-size:1.25rem;font-weight:700;margin:1.5rem 0 .6rem}.article-body h5{font-size:1.1rem;font-weight:700;margin:1.3rem 0 .5rem}.article-body h6{font-size:1rem;font-weight:700;margin:1.2rem 0 .5rem;color:var(--forest)}.article-body p,.article-body ul,.article-body ol{margin:1rem 0}.article-body ul{list-style:disc;padding-left:1.7rem}.article-body ol{list-style:decimal;padding-left:1.7rem}.article-body a{text-decoration:underline;color:var(--forest)}.article-body blockquote{border-left:4px solid var(--lime);padding:.25rem 0 .25rem 1.25rem;margin:1.5rem 0;color:var(--forest);font-style:italic}.article-body pre{overflow-x:auto;padding:1rem;border-radius:.75rem;background:var(--tint)}.article-body code{font-family:monospace}.article-body hr{border:0;border-top:1px solid var(--line);margin:1.75rem 0}.article-body img{max-width:100%;height:auto;border-radius:1rem}
@font-face{font-family:Figtree;font-style:normal;font-weight:400;src:url('/assets/fonts/figtree-400.woff2') format('woff2');font-display:swap}@font-face{font-family:Figtree;font-style:normal;font-weight:500;src:url('/assets/fonts/figtree-500.woff2') format('woff2');font-display:swap}@font-face{font-family:Figtree;font-style:normal;font-weight:600;src:url('/assets/fonts/figtree-600.woff2') format('woff2');font-display:swap}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500;src:url('/assets/fonts/bricolage-500.woff2') format('woff2');font-display:swap}@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;src:url('/assets/fonts/bricolage-800.woff2') format('woff2');font-display:swap}