body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#f6f7fb;color:#172033}
.doc{max-width:980px;margin:0 auto;padding:40px 16px}
.doc pre{background:#0d1020;color:#e8ecf8;padding:16px;border-radius:10px;overflow:auto;font-size:13px}
.doc code{font-size:.92em}
.previa{padding:48px max(16px,calc((100% - 1280px)/2)) 40px}
.previa.escuro{background:#0d1020}
.previa.claro{background:#fff}