:root { --bg: #061014; --surface: #0d2027; --line: rgb(46 230 255 / .14); --cyan: #2ee6ff; --bone: #f1ebe0; --muted: #9fb4ba; --warn: #ffc845; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--bone); font: 16px/1.6 "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  padding: 24px max(16px, env(safe-area-inset-right, 0px)) 64px max(16px, env(safe-area-inset-left, 0px)); }
main { max-width: 68ch; margin-inline: auto; display: grid; gap: 10px; }
h1 { font-size: 1.7rem; line-height: 1.2; margin: 8px 0 0; text-wrap: balance; }
h2 { font-size: 1.05rem; margin: 22px 0 0; color: var(--cyan); }
p, li { color: #d7e2e5; margin: 0; }
ul { margin: 0; padding-left: 1.2em; display: grid; gap: 6px; }
a { color: var(--cyan); }
.voltar { font-weight: 700; text-decoration: none; }
.meta { color: var(--muted); font-size: .9rem; }
.preencher { padding: 12px 14px; border-radius: 12px; border: 1px dashed rgb(255 200 69 / .5); color: var(--warn); font-size: .9rem; }
:focus-visible { outline: 3px solid var(--cyan); outline-offset: 2px; }