:root{
  --bg:#0A0A0D; --panel:rgba(22,17,22,.78); --line:#30262f; --line2:#51404a;
  --text:#f4eef1; --dim:#b3a5ae; --faint:#8e7d89; --red:#ff525f; --mint:#48dfa0; --cyan:#4CC9F0;
  --display:"Orbitron",system-ui,sans-serif; --ui:"Exo 2",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:radial-gradient(700px 520px at 8% -6%, rgba(255,82,95,.2), transparent 62%),radial-gradient(820px 620px at 100% 10%, rgba(169,22,44,.22), transparent 64%),var(--bg);
  color:var(--text);font:16px/1.7 var(--ui);padding:calc(28px + env(safe-area-inset-top,0px)) 16px 48px}
.doc{max-width:760px;margin:0 auto}
.back{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font:800 15px/1 var(--display);letter-spacing:.6px}
.back img{border-radius:7px;box-shadow:0 0 18px rgba(255,82,95,.35)}
.back i{color:var(--red);font-style:normal}
h1{font:800 clamp(26px,5vw,36px)/1.15 var(--display);margin:26px 0 6px;letter-spacing:.3px}
h2{font:700 17px/1.3 var(--display);letter-spacing:.3px;margin:32px 0 8px;color:var(--text)}
.meta{color:var(--faint);font-size:13px}
.lead{margin-top:18px;padding:14px 16px;border:1px solid var(--line2);border-radius:12px;background:var(--panel);color:var(--text)}
p{color:var(--dim);margin-top:10px}
p b,li b{color:var(--text);font-weight:600}
ul{margin:10px 0 0 20px;color:var(--dim)}
li{margin-top:7px}
a{color:var(--cyan)}
code{font:13px/1.4 var(--mono);color:var(--text);background:#17131B;border:1px solid var(--line);border-radius:6px;padding:1px 6px;word-break:break-word}
.callout{margin-top:12px;padding:12px 14px;border-left:3px solid var(--red);background:rgba(255,82,95,.08);border-radius:0 10px 10px 0;color:var(--text)}
.foot{margin-top:36px;padding-top:16px;border-top:1px solid var(--line);font-size:13px}