:root{--ink:#292721;--paper:#fffaf0;--coral:#ef7355;--sun:#ffdc77;--mint:#c8ece2;--lilac:#e4d8f7}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(rgba(92,74,46,.17) 1.1px,transparent 1.1px);background-size:23px 23px;font-family:"Avenir Next",Avenir,sans-serif}.page{width:min(940px,calc(100% - 48px));margin:auto;padding:52px 0 72px}.back{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font:700 1.15rem/1 "Bradley Hand","Comic Sans MS",cursive;text-decoration:none;border-bottom:2px solid var(--coral);padding-bottom:4px}h1,h2{font-family:"Bradley Hand","Comic Sans MS",cursive;letter-spacing:-.04em}h1{margin:44px 0 14px;font-size:clamp(4rem,9vw,7.2rem);line-height:.82}.intro{max-width:650px;margin:0 0 34px;font-size:clamp(1.18rem,2.1vw,1.55rem);line-height:1.35}.list{display:grid;gap:16px;max-width:750px}.item{display:block;padding:21px 22px;border:2.5px solid var(--ink);background:#fffdf6;box-shadow:5px 6px 0 rgba(41,39,33,.13);color:var(--ink);text-decoration:none}.item:nth-child(2n){background:var(--mint)}.item:nth-child(3n){background:var(--lilac)}.item h2{margin:0 0 6px;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1}.item p{margin:0;line-height:1.4}.item:focus-visible,.back:focus-visible{outline:3px solid var(--coral);outline-offset:4px}@media(max-width:600px){.page{width:min(100% - 34px,940px);padding-top:34px}h1{margin-top:36px}}