/* ==========================================================================
   A3 · Domínio e DNS
   A tela mais importante do produto e a que mais gera suporte. Tudo aqui
   existe para a pessoa não precisar entender DNS: uma frase por anotação,
   valor copiável, situação, e o encontrado × esperado quando diverge.
   ========================================================================== */

.a3__progresso { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 16rem 24rem; }
.a3__progresso-esq { flex: 1 1 260rem; min-width: 0; }
.a3__progresso-titulo { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12rem; }
.a3__progresso-titulo .num { font-size: 20rem; letter-spacing: 0; }
.a3__progresso-dir { flex: none; display: flex; flex-direction: column; gap: 10rem; align-items: flex-end; }
.mobile .a3__progresso-dir { align-items: flex-start; }

.a3__registros { display: flex; flex-direction: column; gap: 10rem; }

.a3__rodape {
  margin-top: 24rem;
  padding: 16rem 18rem;
  border: 1rem solid var(--line);
  background: var(--bg-2);
  font-size: 13rem;
  color: var(--ink-2);
  line-height: 1.6;
  max-width: 720rem;
}