:root{--paper:#0a0e13;--panel:#101720;--ink:#dbe4ee;--muted:#8091a7;--line:#1f2b3a;--accent:#4cc2ff;--warn:#f2b441;--warn-soft:#33270c;--logo-a:#22b573;--logo-b:#2fd6e0;color-scheme:dark}
:root[data-modo="claro"]{--paper:#f1f4f7;--panel:#fff;--ink:#131a22;--muted:#5a6779;--line:#d8dfe7;--accent:#0b70bd;--warn:#8f5f06;--warn-soft:#fbefd2;--logo-a:#0b8a4f;--logo-b:#0aa3b5;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "Red Hat Text","Segoe UI",system-ui,sans-serif}
.topo{border-bottom:1px solid var(--line);background:var(--panel)}
.topo div{max-width:820px;margin:0 auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.marca{font:800 20px "Red Hat Display","Segoe UI",sans-serif;background:linear-gradient(90deg,var(--logo-a),var(--logo-b));-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none}
.topo a.voltar{color:var(--accent);font-size:14px}
main{max-width:820px;margin:0 auto;padding:28px 20px 64px}
h1{font:800 30px/1.2 "Red Hat Display","Segoe UI",sans-serif;margin:0 0 6px}
h2{font:700 20px/1.3 "Red Hat Display","Segoe UI",sans-serif;margin:30px 0 8px}
p,li{max-width:70ch} li{margin:4px 0}
.muted{color:var(--muted);font-size:14px}
.rascunho{border-left:4px solid var(--warn);background:var(--warn-soft);padding:12px 16px;border-radius:4px;margin:18px 0 8px;font-size:14.5px}
a{color:var(--accent)}
.ph{background:var(--warn-soft);color:var(--warn);padding:0 4px;border-radius:3px;font-weight:600}