/* =========================================================
   MM REPLAYS — páginas de texto longo (política, termos)
   ========================================================= */

.doc{ padding:calc(var(--header-h) + 48px) 0 80px; }
.doc__inner{ max-width:760px; }

.doc__title{
  font-family:var(--font-display);
  font-size:clamp(1.9rem, 6vw, 2.8rem);
  font-weight:700;
  color:var(--ink);
  margin:12px 0 8px;
}
.doc__meta{ color:var(--ink-dim); font-size:.86rem; margin:0 0 34px; }

.doc h2{
  font-family:var(--font-display);
  font-size:1.35rem;
  color:var(--ink);
  margin:44px 0 14px;
  padding-top:22px;
  border-top:1px solid var(--purple-line);
}
.doc h3{
  font-family:var(--font-display);
  font-size:1.05rem;
  color:var(--brand-light);
  margin:26px 0 10px;
}
.doc p{ color:var(--ink-muted); margin:0 0 14px; line-height:1.75; }
.doc strong{ color:var(--ink); }
.doc em{ color:var(--ink); font-style:italic; }

.doc__lista{ margin:0 0 18px; padding-left:20px; list-style:disc; }
.doc__lista li{ color:var(--ink-muted); margin-bottom:9px; line-height:1.7; }

/* --- blocos destacados --- */

.doc__aviso,
.doc__atencao,
.doc__preencher,
.doc__rodape-aviso{
  padding:18px 20px;
  border-radius:var(--radius-md);
  font-size:.94rem;
  line-height:1.7;
  margin:0 0 22px;
}

/* O resumo do topo: é o que a pessoa precisa saber mesmo sem ler o resto. */
.doc__aviso{
  background:rgba(124,58,237,.14);
  border:1px solid var(--purple-line);
  color:var(--ink);
  margin-bottom:34px;
}

/* Consequência incômoda do modelo de acesso — não pode passar despercebida. */
.doc__atencao{
  background:rgba(234,179,8,.10);
  border:1px solid rgba(234,179,8,.35);
  color:#FDE68A;
}
.doc__atencao strong{ color:#FEF3C7; }

/* Lacunas que só o dono do projeto pode preencher. */
.doc__preencher{
  background:rgba(59,130,246,.10);
  border:1px dashed rgba(96,165,250,.45);
  color:#BFDBFE;
}
.doc__preencher strong{ color:#DBEAFE; }

.doc__rodape-aviso{
  background:rgba(220,38,38,.10);
  border:1px solid rgba(248,113,113,.34);
  color:#FCA5A5;
  margin-top:44px;
}
.doc__rodape-aviso strong{ color:#FECACA; }

/* --- tabelas --- */

.doc__tabela{
  width:100%;
  border-collapse:collapse;
  margin:0 0 22px;
  font-size:.9rem;
}
.doc__tabela th,
.doc__tabela td{
  text-align:left;
  padding:11px 13px;
  border:1px solid var(--purple-line);
  vertical-align:top;
}
.doc__tabela th{
  background:var(--surface);
  color:var(--ink);
  font-weight:600;
}
.doc__tabela td{ color:var(--ink-muted); }

/* Numa tela estreita a tabela vira lista, senão estoura a largura. */
@media (max-width:600px){
  .doc__tabela, .doc__tabela tbody, .doc__tabela tr, .doc__tabela td{ display:block; width:100%; }
  .doc__tabela thead{ display:none; }
  .doc__tabela tr{ margin-bottom:14px; border:1px solid var(--purple-line); border-radius:var(--radius-sm); }
  .doc__tabela td{ border:none; border-bottom:1px solid var(--purple-line); }
  .doc__tabela td:last-child{ border-bottom:none; }
}