/* Termos de Uso — a segunda porta. A moldura é a da porta (porta.css); novo
   aqui é só o texto corrido, que o app não tinha em lugar nenhum, e o respiro
   da fila de ações embaixo dele. */

/* O texto rola dentro da folha, e não a página: o botão de aceitar fica à
   vista o tempo todo. A régua vai só embaixo: em cima já existe a do kicker, e
   régua não se duplica.
   tabindex no elemento: região rolável precisa ser alcançável pelo teclado. */
.termos {
  max-block-size: 52dvh; overflow-y: auto;
  border-bottom: 1px solid var(--line);
  padding: 0 12px 16px 0;
  font-size: 13.5px; line-height: 1.6; color: var(--ink-muted);

  & p { margin: 0 0 12px; max-inline-size: 68ch; }
  & p:last-child { margin-bottom: 0; }

  & h3 {
    font-size: 13.5px; font-weight: 700; color: var(--ink);
    margin: 18px 0 4px;
  }
}

/* O carimbo do aceite, para quem volta a reler: mono, como todo dado do app.
   Sem régua própria — a do texto, logo acima, já fecha a região. */
.termos-aceite {
  font-family: var(--mono); font-size: 12px; letter-spacing: .06em;
  color: var(--ink-faint); margin: 14px 0 0;
}

.termos-acoes { margin-top: 20px; }