:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#17212b;color:#eef3f9;line-height:1.7}body{margin:0}main,header,footer{max-width:880px;margin:auto;padding:24px}nav{display:flex;flex-wrap:wrap;gap:12px 24px}a{color:#8fc7ff;text-underline-offset:4px}a:focus-visible{outline:2px solid #ffdb83;outline-offset:4px}h1,h2{line-height:1.3}h1{font-size:clamp(26px,5vw,38px)}h2{margin-top:32px;font-size:22px}p,li{overflow-wrap:anywhere}.draft{background:#3d3320;border:1px solid #bc923b;padding:16px;border-radius:12px;color:#ffe3a5}footer{border-top:1px solid #34465a;color:#b3c1d0}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border:1px solid #34465a;padding:12px}@media(max-width:550px){main,header,footer{padding:16px}}