:root{
  --ink:#0E0C13; --bg:#1C1828; --paper:#F3EEE8; --dim:#A29CAA;
  --line:rgba(243,238,232,0.10); --them:#9C8BF6;
  --serif:'Fraunces',Georgia,serif; --sans:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--paper);font-family:var(--sans);line-height:1.7;-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:0 24px}
nav{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(14,12,19,0.8);backdrop-filter:blur(12px)}
.nav-in{display:flex;align-items:center;gap:11px;height:60px}
.nav-in img{width:26px;height:26px}
.nav-in span{font-family:var(--serif);font-style:italic;font-size:16px}
h1{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(30px,6vw,44px);margin:48px 0 6px}
.upd{color:var(--dim);font-size:13px;margin-bottom:8px}
.draft{display:inline-block;font-family:var(--sans);font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--them);border:1px solid var(--line);border-radius:999px;padding:5px 12px;margin-bottom:28px}
h2{font-family:var(--serif);font-style:italic;font-weight:400;font-size:22px;margin:34px 0 10px}
p{color:#cfc9d3;font-size:15.5px;margin-bottom:14px}
ul{color:#cfc9d3;font-size:15.5px;margin:0 0 14px 20px}
li{margin-bottom:7px}
a{color:var(--them)}
strong{color:var(--paper);font-weight:600}
footer{border-top:1px solid var(--line);margin-top:56px;padding:28px 0}
.back{color:var(--dim);font-size:14px;text-decoration:none}
.back:hover{color:var(--paper)}