:root{
  --bg:#160f09; --ink:#f6efe3; --muted:#b3a18b; --amber:#eab66f; --terra:#d97e57; --line:#ffffff12;
  --display:"Bricolage Grotesque",sans-serif; --body:"Schibsted Grotesk",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{ background:var(--bg); color:var(--ink); font-family:var(--body); line-height:1.7;
  background-image: radial-gradient(50vw 40vw at 85% -5%, #eab66f1f, transparent 60%); background-attachment: fixed; }
.doc{ max-width:760px; margin:0 auto; padding:46px 28px 110px; }
.top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:40px; }
.brand{ display:flex; align-items:center; gap:10px; font-family:var(--display); font-weight:800; font-size:19px; text-decoration:none; color:var(--ink); }
.brand .dot{ width:24px;height:24px;border-radius:8px; background:linear-gradient(135deg,var(--amber),var(--terra)); }
.back{ color:var(--amber); text-decoration:none; font-size:14px; }
.back:hover{ text-decoration:underline; }
h1{ font-family:var(--display); font-weight:800; font-size:clamp(32px,5vw,50px); letter-spacing:-.03em; }
.upd{ color:var(--muted); font-size:13px; margin:8px 0 36px; }
h2{ font-family:var(--display); font-weight:700; font-size:22px; margin:36px 0 10px; letter-spacing:-.01em; }
p,li{ color:#d8cdbd; font-size:15.5px; margin-bottom:12px; }
ul{ padding-left:22px; }
a{ color:var(--amber); }
.todo{ background:#eab66f14; border:1px solid #eab66f3a; color:var(--amber); padding:1px 8px; border-radius:6px; font-size:13.5px; }
.note{ background:#ffffff06; border:1px solid var(--line); border-radius:14px; padding:16px 18px; color:var(--muted); font-size:14px; margin:28px 0; }
.foot{ margin-top:60px; padding-top:24px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }