:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#100e15;color:#d7d2e0;font:16px/1.8 system-ui,sans-serif}header,main,footer{max-width:940px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff13}nav{display:flex;gap:18px}a{color:#c6a6f7;text-underline-offset:4px}header>a{text-decoration:none;font-weight:800;letter-spacing:2px}main{padding-top:55px}h1{font-size:clamp(30px,5vw,48px);line-height:1.2;color:#faf7ff}h2{margin-top:38px;color:#ece4fa;font-size:22px}.eyebrow,.date{font-size:12px;color:#a99ab9}.eyebrow{letter-spacing:2px}aside{padding:20px;border:1px solid #ae8aca55;border-radius:12px;background:#30213966;color:#ead5f8;margin:25px 0}footer{border-top:1px solid #ffffff13;font-size:13px}@media(max-width:600px){header{flex-direction:column}main{padding:24px}nav{flex-wrap:wrap}}