:root{color-scheme:light;--ground:oklch(0.9537 0.0052 247.88);--surface:oklch(0.9752 0.0034 247.86);--line:color-mix(in oklch,oklch(0.5014 0.0244 261.7) 24%,transparent);--ink:oklch(0.2125 0.0109 260.67);--muted:oklch(0.5014 0.0244 261.7)}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.65 system-ui,sans-serif}
main{max-width:760px;margin-block:0;margin-inline:auto;padding-block:56px 80px;padding-inline:22px}
h1{margin-block:0 12px;margin-inline:0;font:600 clamp(2rem,6vw,3.4rem)/1.05 Georgia,serif;letter-spacing:-.03em}
h2{margin-block:30px 8px;margin-inline:0;font-size:1.15rem}
p,li{color:var(--muted)}
.label{display:inline-block;margin-block-end:18px;padding-block:5px;padding-inline:11px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:.75rem;}
.note{margin-block:24px;margin-inline:0;padding:18px;border:1px solid var(--line);border-inline-start:3px solid var(--ink);border-radius:12px;background:var(--surface)}
ul{padding-inline-start:22px}
li+li{margin-block-start:7px}
a{color:var(--ink)}
nav{display:flex;gap:18px;flex-wrap:wrap;margin-block-start:34px;padding-block-start:20px;border-block-start:1px solid var(--line)}