@charset "UTF-8";
:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eee4d6;background:#171d31}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#30354c,#171d31 60%);min-height:100vh;line-height:1.75}
body>header,main{width:min(76ch,calc(100% - 40px));margin:auto}body>header{padding:26px 0;border-bottom:1px solid #4c485a}
a{color:#f0c698;text-underline-offset:4px}a:focus-visible{outline:2px solid #ffe7bd;outline-offset:4px}
main{padding:22px 0 64px}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.2;color:#f7e9d7}
h1{font-size:clamp(34px,6vw,52px);margin:.35em 0 .7em}h2{font-size:28px;margin:1.6em 0 .65em}
p,li{font-size:16px}p{margin:0 0 1.2em}code{font-size:.9em;background:#303349;border-radius:4px;padding:2px 5px}
pre{overflow:auto;white-space:pre-wrap}blockquote{margin:20px 0;padding-left:20px;border-left:2px solid #e4b789}hr{border:0;border-top:1px solid #4c485a}
@media(max-width:480px){main,body>header{width:calc(100% - 32px)}h2{font-size:25px}main{padding-top:14px}}