:root{--orange:#ff5934;--ink:#231437;--cream:#fff4e2;--mint:#25e6b0}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,sans-serif}main,header,footer{max-width:780px;margin:auto;padding:24px}header{border-bottom:3px solid var(--ink)}nav{display:flex;flex-wrap:wrap;gap:20px}a{color:var(--ink);text-underline-offset:4px}h1{font-size:clamp(32px,7vw,54px);line-height:1.05}h2{font-size:23px;margin-top:32px}.note{padding:20px;background:var(--mint);border:2px solid var(--ink);border-radius:18px}footer{border-top:2px solid var(--ink);font-size:14px}