:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0b0b1b;color:#eceafa}*{box-sizing:border-box}body{margin:0}header,main,footer{width:min(100% - 36px,800px);margin:auto}header{padding:28px 0;border-bottom:1px solid #45405e}a{color:#c8bcff;text-underline-offset:4px}a:focus-visible{outline:3px solid #ffd395;outline-offset:5px}nav{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}main{padding:30px 0 48px;line-height:1.75}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.15}h2{font-size:1.2rem;margin-top:32px}p{overflow-wrap:anywhere}.draft{border:1px solid #b58b48;border-radius:12px;background:#292017;padding:16px;color:#ffe0ab}.meta{color:#b9b2cd}footer{padding:22px 0 40px;border-top:1px solid #45405e}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;background:#0b0b1b;padding:8px}@media print{:root{color-scheme:light;background:white;color:black}a{color:black}.draft{background:white;color:black}nav,.skip{display:none}}