:root{
  --ink:#0B0A12; --ink2:#12101d; --paper:#F4F1EA;
  --arc:#8B5CF6; --ember-hot:#FFC83D; --muted:#A9A3BE; --line:rgba(255,255,255,.10);
}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--paper);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:16.5px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:#CFC9DE}
a:hover{color:var(--ember-hot)}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
h1,h2{font-family:Cinzel,Georgia,serif;font-weight:800;line-height:1.15;margin:0}
h1{font-size:clamp(30px,5vw,44px);margin-bottom:8px}
h2{font-size:21px;margin:38px 0 10px}
p,ul{color:#C6C0D8}
ul{padding-left:20px}
li{margin-bottom:6px}
nav{border-bottom:1px solid var(--line);background:rgba(11,10,18,.9);
  position:sticky;top:0;backdrop-filter:blur(10px);z-index:10}
nav .wrap{display:flex;align-items:center;height:64px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-family:Cinzel,serif;font-weight:800;
  letter-spacing:.16em;font-size:14px;text-decoration:none;color:var(--paper)}
.crest{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;
  background:conic-gradient(from 210deg,var(--arc),#FF7A18,#5EE6E6,var(--arc));
  color:#0B0A12;font-size:12px;font-family:Cinzel,serif}
nav a.back{margin-left:auto;font-size:14px;text-decoration:none;color:#CFC9DE}
main{padding:56px 0 90px}
.draft{margin:0 0 34px;padding:16px 20px;border-radius:12px;font-size:14.5px;
  background:rgba(255,122,24,.10);box-shadow:0 0 0 1px rgba(255,122,24,.45) inset;color:#FFD9B8}
.todo{background:rgba(255,200,61,.16);color:#FFE9A8;padding:1px 7px;border-radius:5px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}
footer{border-top:1px solid var(--line);padding:30px 0;font-size:13.5px;color:var(--muted)}
footer .wrap{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}
footer a{text-decoration:none}