html{color-scheme:light dark;font:16px/1.7 system-ui;background:#f8f7f4;color:#201c18}main{max-width:54rem;margin:auto;padding:clamp(1rem,5vw,3rem)}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.2}p,pre{margin:1.5rem 0}pre{padding:1rem;border:1px solid #ded8cf;border-radius:8px;overflow:auto}a{color:#a75d27}a:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(prefers-color-scheme:dark){html{background:#0a0907;color:#f5f0e9}pre{border-color:#37302a}a{color:#e7a66d}}