:root{--bg:#070a1b;--panel:rgba(12,16,38,.85);--ink:#fff8f2;--muted:#c7c4df;--soft:#8684aa;--pink:#ff4fa8;--violet:#b86cff;--aqua:#35f7f0;--line:rgba(140,246,255,.14)}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--muted);font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.75;font-size:15px}
.wrap{max-width:820px;margin:0 auto;padding:60px 24px 80px}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);text-decoration:none;font-size:15px;margin-bottom:40px}
.brand .flask{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--pink),var(--violet));display:grid;place-items:center;font-size:16px}
h1{font-family:Georgia,serif;color:var(--ink);font-size:34px;font-weight:600;line-height:1.15;margin-bottom:8px}
.updated{font-size:12.5px;color:var(--soft);margin-bottom:36px;letter-spacing:.4px}
h2{color:var(--ink);font-size:19px;margin:36px 0 12px;font-weight:700}
h3{color:var(--ink);font-size:15.5px;margin:22px 0 8px;font-weight:700}
p{margin-bottom:14px}
ul,ol{margin:0 0 14px 22px}
li{margin-bottom:8px}
a{color:var(--aqua)}
strong{color:var(--ink)}
.callout{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--pink);border-radius:12px;padding:18px 20px;margin:20px 0;font-size:14px}
.footer-nav{margin-top:60px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--soft);display:flex;gap:20px;flex-wrap:wrap}
.footer-nav a{color:var(--soft)}
.footer-nav a:hover{color:var(--pink)}