/* DUOSS HUB — layout de leitura para documentos longos (Termos, Privacidade)
   Reusa os tokens de cor/fonte do auth.css, mas troca o card estreito de
   440px por uma coluna de leitura confortável — ninguém lê um contrato
   inteiro dentro de um cartão de login. */

body{
  display:block; align-items:initial; justify-content:initial; padding:0;
}

.topo-doc{
  position:sticky; top:0; z-index:5; background:rgba(10,10,10,.9);
  backdrop-filter:blur(10px); border-bottom:1px solid var(--line);
  padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.topo-doc .brand{margin:0}
.topo-doc a.voltar{color:var(--muted); text-decoration:none; font-size:.88rem; font-weight:600}
.topo-doc a.voltar:hover{color:var(--yellow)}

.doc{max-width:760px; margin:0 auto; padding:48px 24px 100px}
.doc h1{font-family:var(--display); font-size:1.9rem; margin-bottom:6px; text-align:left}
.doc .atualizado{color:var(--muted); font-size:.86rem; margin-bottom:36px}
.doc h2{font-family:var(--display); font-size:1.2rem; margin:36px 0 12px; color:var(--yellow)}
.doc h3{font-family:var(--display); font-size:1rem; margin:22px 0 8px}
.doc p{margin-bottom:14px; line-height:1.7; color:#E4E4DE}
.doc ul, .doc ol{margin:0 0 14px 22px; line-height:1.7; color:#E4E4DE}
.doc li{margin-bottom:6px}
.doc b{color:#fff}
.doc a{color:var(--yellow)}
.doc .aviso{background:rgba(255,223,0,.08); border:1px solid rgba(255,223,0,.25);
  border-radius:10px; padding:14px 16px; font-size:.88rem; color:var(--muted); margin-bottom:28px}
.doc .caixa{background:var(--panel-2); border:1px solid var(--line); border-radius:12px;
  padding:16px 18px; margin-bottom:16px}
.doc table{width:100%; border-collapse:collapse; margin-bottom:16px; font-size:.9rem}
.doc th, .doc td{text-align:left; padding:9px 10px; border-bottom:1px solid var(--line)}
.doc th{color:var(--muted); font-weight:600; font-size:.8rem; text-transform:uppercase; letter-spacing:.02em}

@media(max-width:640px){
  .doc{padding:32px 18px 80px}
  .doc h1{font-size:1.5rem}
}