/* Páginas internas — documentos legais e central de ajuda.
   Fonte: pages/termos.html, pages/privacidade.html, pages/ajuda.html */

.doc { max-width: 760px; margin: 0 auto; padding: 80px var(--gutter) 120px; }
.doc h1 { font-size: clamp(40px, 5vw, 64px); letter-spacing: -0.03em; margin-bottom: 16px; }
.doc .lead { color: var(--fg-2); font-size: 18px; line-height: 1.6; margin-bottom: 48px; }
.doc h2 { font-size: 22px; margin: 40px 0 12px; letter-spacing: -0.01em; }
.doc p, .doc li { color: var(--fg-1); font-size: 15px; line-height: 1.7; }
.doc ul { padding-left: 20px; }
.doc a { color: var(--accent); }
.doc .meta { font-family: var(--font-mono); font-size: 12px; color: var(--fg-3); margin-bottom: 48px; padding-bottom: 24px; border-bottom: 1px solid var(--border); }
.doc .eyebrow { margin-bottom: 16px; }

.help { max-width: 1000px; margin: 0 auto; padding: 80px var(--gutter) 120px; }
.help h1 { font-size: clamp(40px, 5vw, 64px); letter-spacing: -0.03em; margin-bottom: 16px; }
.help .lead { color: var(--fg-2); font-size: 18px; line-height: 1.6; margin-bottom: 48px; max-width: 60ch; }
.help .eyebrow { margin-bottom: 16px; }
.help-search { position: relative; margin-bottom: 56px; }
.help-search input { width: 100%; padding: 16px 20px 16px 48px; border-radius: var(--r-3); border: 1px solid var(--border-hi); background: var(--surface); color: var(--fg); font-size: 15px; }
.help-search svg { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--fg-3); }
.topics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 800px) { .topics { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .topics { grid-template-columns: 1fr; } }
.topic { padding: 24px; border: 1px solid var(--border); border-radius: var(--r-3); background: var(--surface); transition: border-color .2s; }
.topic:hover { border-color: var(--border-hi); }
.topic .ico { width: 32px; height: 32px; border-radius: var(--r-2); background: var(--primary-soft); color: var(--accent); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.topic h3 { font-size: 16px; margin-bottom: 6px; font-weight: 500; }
.topic p { color: var(--fg-3); font-size: 13px; }
.topic .count { margin-top: 12px; font-family: var(--font-mono); font-size: 11px; color: var(--fg-4); }