:root{--yellow:#ffc21a;--brown:#4a2a0e;--cream:#fff8e7;--face:#f3d48f;--ink:#3a2410;--muted:#7a5a3a;--red:#e3262b;--blue:#0e5aa7;--sky:#63b9cf;--green:#3dbe86;color:var(--ink);background:var(--cream);font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}*{box-sizing:border-box}body{flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1}a{color:var(--blue)}.page-width{max-width:44rem;margin-inline:auto;padding-inline:1.25rem}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;display:flex}.site-header{background:var(--yellow);padding-block:.75rem}.brand{color:var(--brown);align-items:center;gap:.6rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.brand img{border-radius:9px}.site-header nav{gap:1.25rem;display:flex}.site-header nav a{color:var(--brown);font-weight:600;text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current=page]{text-underline-offset:.3em;text-decoration:underline 2px}.site-footer{border-top:2px dotted var(--face);color:var(--muted);margin-top:4rem;padding-block:1.25rem;font-size:.875rem}.site-footer a{color:var(--muted)}.hero{text-align:center;padding-top:3rem}.hero .icon{border-radius:22%;width:9rem;height:auto;box-shadow:0 .5rem 1.5rem #4a2a0e2e}.hero h1{color:var(--brown);margin:1.5rem 0 .75rem;font-size:clamp(2.25rem,7vw,3.25rem);line-height:1.1}.hero .lead{max-width:32rem;margin:0 auto;font-size:1.25rem}.beads{justify-content:center;gap:.5rem;margin:2rem 0;padding:0;list-style:none;display:flex}.beads li{border:.35rem solid;border-radius:50%;width:1.1rem;height:1.1rem}.beads li:nth-child(4n+1){border-color:var(--red)}.beads li:nth-child(4n+2){border-color:var(--sky)}.beads li:nth-child(4n+3){border-color:var(--green)}.beads li:nth-child(4n+4){border-color:var(--blue)}.features{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin-top:1rem;display:grid}.features section{box-shadow:0 1px 0 var(--face);background:#fff;border-radius:1rem;padding:1rem 1.25rem}.features h2{color:var(--brown);margin:0 0 .25rem;font-size:1.1rem}.features p{margin:0}.note{text-align:center;color:var(--muted);margin-top:2.5rem;font-size:.9375rem}.prose{padding-top:2.5rem}.prose h1{color:var(--brown);margin:0 0 1.25rem;font-size:2.25rem;line-height:1.15}.prose h2{color:var(--brown);margin:2.25rem 0 .5rem;font-size:1.3rem}.prose li+li{margin-top:.35rem}
