html{color-scheme:light dark}body{margin:0;background:#0b0c0d;color:#eee;font:16px/1.6 system-ui,sans-serif}main{max-width:760px;margin:auto;padding:clamp(20px,5vw,60px)}a{color:#ffd21f}h1{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.15;overflow-wrap:break-word}h2{margin-top:2rem}p{hyphens:auto;hyphenate-limit-chars:10 4 4}nav{display:flex;flex-wrap:wrap;gap:1rem} @media(prefers-color-scheme:light){body{background:#fbf7ed;color:#181818}a{color:#765500}}
h2{font-size:clamp(1.2rem,4vw,1.5rem);overflow-wrap:break-word;hyphens:none}p,a{overflow-wrap:break-word}