:root{color-scheme:light;--paper:#faf8f3;--ink:#253b32;--muted:#53665c;--accent:#235c42;--accent-hover:#17442f;--rule:#cbd2c8;color:var(--ink);background:var(--paper);font-family:system-ui,sans-serif;line-height:1.65}*{box-sizing:border-box}body{flex-direction:column;max-width:68rem;min-height:100svh;margin:0 auto;padding:0 clamp(1.25rem,5vw,4rem);display:flex}a{color:var(--accent);text-underline-offset:.25em}a:hover{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{color:var(--paper);background:var(--accent)}.skip-link{background:var(--paper);padding:.5rem 1rem;position:absolute;top:.5rem;left:1.25rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header,.site-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 2rem;font-size:.9rem;display:flex}.site-header{border-bottom:1px solid var(--rule);padding:1.75rem 0}.site-name{font-size:1.15rem;font-weight:700;text-decoration:none}main{flex:1;padding:clamp(3.5rem,10vw,7rem) 0}h1,h2{text-wrap:balance;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.1}h1{margin:0 0 1.5rem;font-size:clamp(3rem,9vw,5.5rem)}h2{margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.25rem)}p{max-width:65ch;margin:0 0 1.5rem}.intro{max-width:42ch;color:var(--muted);font-size:clamp(1.15rem,3vw,1.4rem)}.experiment{border-top:1px solid var(--rule);margin-top:3.5rem;padding-top:2rem}.counter-controls{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.counter-value{font-variant-numeric:tabular-nums;margin:0}button{min-height:48px;color:var(--paper);background:var(--accent);font:inherit;cursor:pointer;border:0;border-radius:6px;padding:.75rem 1.5rem;font-weight:600}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.55;cursor:not-allowed}.site-footer{border-top:1px solid var(--rule);padding:1.5rem 0}