:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#050816;color:#dbeafe}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#102452,#050816 38%);line-height:1.75}main{width:min(860px,calc(100% - 28px));margin:auto;padding:24px 0 64px}nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}a{color:#67e8f9;text-decoration:none;font-weight:800}nav a{border:1px solid #1e7491;border-radius:999px;padding:7px 12px}article,header,.post-list{background:#0f172acc;border:1px solid #224269;border-radius:18px;padding:clamp(18px,4vw,42px);box-shadow:0 20px 70px #0008}h1{font-size:14pt;line-height:1.35;color:#fff}.hook{font-size:13pt;color:#a5f3fc}h2{font-size:12pt;color:#fef3c7;margin-top:28px}p{font-size:11pt}.conclusion{border-top:1px solid #224269;margin-top:30px}.meta,small{display:block;color:#94a3b8;font-size:9pt}.post-list{list-style:none;padding:18px}.post-list li{padding:14px;border-bottom:1px solid #203756}.post-list li:last-child{border:0}@media(max-width:600px){main{width:min(100% - 18px,860px);padding-top:12px}article,header,.post-list{border-radius:12px;padding:16px}h1{font-size:14pt}.hook{font-size:13pt}h2{font-size:12pt}p{font-size:11pt}}