/* Documentos legais (termos, privacidade) — leitura em fundo claro, mesma família do site */
body.doc { background: var(--paper); color: var(--paper-fg); }
body.doc::before { display: none; }
body.doc .top { background: rgba(247,246,243,.8); border-bottom-color: var(--paper-line); }
body.doc .brand, body.doc .top .btn { color: var(--paper-fg); }
body.doc .brand-mark { background: var(--paper-fg); color: #fff; }
body.doc .top .btn { border-color: var(--paper-line); text-decoration: none; }
body.doc .top .btn.solid { background: var(--paper-fg); color: #fff; border-color: var(--paper-fg); }
body.doc .live { color: var(--paper-fg-3); }
.doc-wrap { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 110px 0 64px; display: grid; grid-template-columns: 260px 1fr; gap: 64px; align-items: start; }
.doc-side { position: sticky; top: 90px; }
.doc-side .k { color: var(--paper-fg-3); }
.doc-side ol { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 2px; border-left: 1px solid var(--paper-line); }
.doc-side li a { display: block; padding: 6px 0 6px 14px; margin-left: -1px; border-left: 1px solid transparent; font-size: 13px; color: var(--paper-fg-2); transition: color .2s, border-color .2s; }
.doc-side li a:hover, .doc-side li a.on { color: var(--paper-fg); border-left-color: var(--paper-fg); }
.doc-side .docs { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--paper-line); display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
.doc-side .docs a { color: var(--paper-fg-2); } .doc-side .docs a.on { color: var(--paper-fg); font-weight: 500; }
.doc { max-width: none; }
.doc .badge { font-family: var(--mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--paper-fg-3); }
.doc h1 { font: 600 clamp(34px, 5vw, 56px) var(--tight); letter-spacing: -.04em; line-height: 1; margin: 12px 0 10px; }
.doc .meta { font-family: var(--mono); font-size: 12px; color: var(--paper-fg-3); margin: 0 0 40px; }
.doc .toc { display: none; }
.doc section { padding: 28px 0; border-top: 1px solid var(--paper-line); scroll-margin-top: 90px; }
.doc h2 { font: 600 22px var(--tight); letter-spacing: -.025em; margin: 0 0 12px; }
.doc h3 { font: 600 15.5px var(--tight); letter-spacing: -.015em; margin: 20px 0 6px; }
.doc p, .doc li { font-size: 15.5px; line-height: 1.65; color: var(--paper-fg-2); }
.doc section > p, .doc section > ul, .doc section > ol, .doc section > h3, .doc section > div { max-width: none; }
.doc section { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; }
.doc section > h2 { grid-column: 1 / -1; }
.doc section > * { grid-column: 1 / -1; }
@media (min-width: 861px) { .doc section.cols > * { grid-column: auto; } }
.doc p { margin: 0 0 12px; }
.doc strong { color: var(--paper-fg); font-weight: 600; }
.doc ul, .doc ol { padding-left: 20px; margin: 0 0 12px; }
.doc li { margin: 4px 0; }
.doc a { color: var(--paper-fg); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--paper-line); }
.doc a:hover { text-decoration-color: var(--paper-fg); }
.doc .highlight, .doc .alert, .doc .contact-box { border: 1px solid var(--paper-line); background: #fff; border-radius: 14px; padding: 16px 18px; margin: 14px 0; }
.doc .alert { border-color: rgba(180,83,9,.3); background: rgba(252,211,77,.12); }
.doc .contact-box p { margin: 4px 0; }
.doc .footer { display: none; }
@media (max-width: 860px) { .doc-wrap { grid-template-columns: 1fr; gap: 24px; padding-top: 96px; } .doc-side { position: static; } .doc-side ol { display: none; } }