@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/comic-neue-latin-400-normal.BdhG8RSD.woff2)format("woff2"),url(/_astro/comic-neue-latin-400-normal.CU7kPFAv.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/comic-neue-latin-700-normal.NE4Vcoll.woff2)format("woff2"),url(/_astro/comic-neue-latin-700-normal.yR9qu__P.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--leaf:#79d955;--leaf-soft:#d9f5c9;--leaf-deep:#2b7a24;--ink:#143b2b;--ink-soft:#3f5f50;--paper:#f7fbf2;--grid:#e2eed9;--marker:#ffe14d;--white:#fff;--font:"Comic Sans MS", "Comic Sans", "Comic Neue", "Yaldevi", cursive;--step--1:.875rem;--step-0:1.125rem;--step-1:1.5rem;--step-2:2rem;--step-3:clamp(2.2rem, 1.6rem + 2.4vw, 2.75rem);--step-4:clamp(2.6rem, 1.8rem + 3.6vw, 3.75rem);--step-5:clamp(3.2rem, 2rem + 5.6vw, 6.5rem);--wobbly:255px 18px 225px 18px / 18px 225px 18px 255px;--wobbly-2:18px 225px 18px 255px / 255px 18px 225px 18px;--line:2.5px solid var(--ink);--shadow:4px 5px 0 var(--ink);--gutter:clamp(1rem, 4vw, 2.5rem);--max:72rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);font-size:var(--step-0);color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:28px 28px;margin:0;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;height:auto;display:block}h1,h2,h3,h4{letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:700;line-height:1.1}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-1);line-height:1.25}p{text-wrap:pretty;max-width:62ch;margin:0 0 1em}a{color:var(--leaf-deep);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--ink)}:focus-visible{outline:3px dashed var(--ink);outline-offset:4px;border-radius:6px}::selection{background:var(--marker);color:var(--ink)}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.section{padding-block:clamp(3rem,6vw,4.5rem)}:lang(si){line-height:1.5}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.btn{font:inherit;font-weight:700;font-size:var(--step-0);color:var(--ink);background:var(--leaf);border:var(--line);border-radius:var(--wobbly);box-shadow:var(--shadow);cursor:pointer;align-items:center;gap:.5rem;padding:.7rem 1.4rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{color:var(--ink);box-shadow:6px 7px 0 var(--ink);transform:translate(-1px,-2px)rotate(-1deg)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,4px)}.btn--plain{background:var(--white)}.btn--marker{background:var(--marker)}.hl{background:linear-gradient(100deg, transparent 2%, var(--marker) 4%, var(--marker) 94%, transparent 97%);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 70%;background-repeat:no-repeat;background-size:100% 70%;padding-inline:.15em}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem;margin-bottom:clamp(2rem,5vw,3rem);display:flex}.section-head p{color:var(--ink-soft);margin:.75rem 0 0}.page-head{padding-block:clamp(3rem,8vw,5.5rem) clamp(2rem,5vw,3rem)}.page-head h1{font-size:var(--step-4)}.page-head p{font-size:var(--step-1);color:var(--ink-soft);margin-top:1rem;line-height:1.45}.tag{font-size:var(--step--1);background:var(--leaf-soft);border:1.5px solid var(--ink);border-radius:var(--wobbly-2);padding:.1rem .6rem;font-weight:700;display:inline-block}.meta{font-size:var(--step--1);color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
