:root{--bg:#e4e8ed;--fg:#30333a;--accent:#13b8cb}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:420 17px/1.6 Figtree Variable,system-ui,sans-serif}header{justify-content:space-between;align-items:center;padding:28px clamp(20px,6vw,100px);display:flex}header a{color:inherit;font-weight:600;text-decoration:none}header a b{color:#0b8796;font-weight:600}main{max-width:760px;padding:6vh clamp(20px,6vw,100px) 14vh}h1{letter-spacing:-.04em;margin:0 0 .8em;font:500 clamp(36px,5vw,64px)/1.05 Unbounded Variable,sans-serif}h2{letter-spacing:-.02em;margin:2em 0 .5em;font:500 1.3rem/1.2 Unbounded Variable,sans-serif}.todo{border-left:4px solid var(--accent);background:#13b8cb1a;border-radius:6px;padding:14px 18px}a{color:inherit}
