:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f4ec;color:#162019}
*{box-sizing:border-box}
body{margin:0}
header,main{width:min(100% - 2.5rem,44rem);margin-inline:auto}
header{padding:1.5rem 0;border-bottom:1px solid #bcc7b8}
.brand{font-weight:750;letter-spacing:-.045em;font-size:1.3rem;display:inline-flex;align-items:center;gap:.5rem}
.brand b{display:inline-grid;place-items:center;background:#20351d;color:#d5ff71;clip-path:polygon(0 0,100% 0,100% 69%,50% 100%,0 69%);width:2.1rem;height:2.35rem;font-size:.87rem;line-height:1;padding-bottom:.3rem;font-style:italic;letter-spacing:-.07em}
.brand small{font-size:.85rem;color:#54634f;letter-spacing:0;font-weight:500}
main{padding:clamp(2rem,5vw,4.5rem) 0 2.5rem}
.kicker{font-weight:700;color:#465740;letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}
h1{font-size:clamp(2.6rem,7vw,4.5rem);line-height:1.05;letter-spacing:-.065em;margin:.6rem 0 1.3rem}
h1 em{font-weight:520;color:#365b29}
.intro{font-size:clamp(1.12rem,3vw,1.38rem);line-height:1.5;max-width:39rem;margin:0 0 2.2rem}
section{border-top:1px solid #cbd1c6;padding:1.1rem 0 .9rem}
h2{font-size:1.25rem;line-height:1.3;letter-spacing:-.026em;margin:0}
p{line-height:1.68;margin:.55rem 0}
code{font-family:ui-monospace,monospace;font-size:.93em;overflow-wrap:anywhere}
footer{border-top:1px solid #cbd1c6;padding-top:1.2rem;font-size:.9rem;color:#465740;line-height:1.6}
@media print{header,main{width:100%}section{break-inside:avoid}}