/* Conjoin · composições de tela desta área (ver DESIGN.md)
   Público Atípico, avisos e ajuda, conta e privacidade, cursos. */

/* Itens de "O que a empresa pode ver" */
.vis-item { margin: 0; }
.vis-item .chips { margin-top: var(--s-1); }

/* Prévia de tamanho de texto */
.text-preview { gap: var(--s-1); }

/* Aula */
.lesson { gap: var(--s-3); }
.lesson-text { font-size: 1.0625rem; line-height: 1.7; max-width: 65ch; }
.lesson .btn { align-self: flex-start; }

/* Certificado */
.cert {
  display: flex; flex-direction: column; align-items: center; gap: var(--s-2);
  padding: var(--s-6) var(--s-5);
  border: 2px solid var(--azul);
  border-radius: var(--r-xl);
  background: var(--alva);
  text-align: center;
}
.cert .cert-kicker { font-weight: 700; color: var(--agua-tinta); }
.cert .cert-name { font-size: var(--fs-title-lg); line-height: var(--lh-title-lg); font-weight: 700; color: var(--azul); }
.cert .cert-course { font-size: var(--fs-title); line-height: var(--lh-title); font-weight: 600; }
.cert .qr { width: 168px; margin-top: var(--s-2); }

/* Bloco de destaque usado como botão (Público Atípico, revisão) */
button.feature { width: 100%; border: 0; text-align: left; font: inherit; cursor: pointer; }
button.feature:focus-visible { border-radius: var(--r-xl); }

/* Herói da conta como link */
a.account-hero { color: var(--alva); }
a.account-hero:focus-visible { border-radius: var(--r-xl); }

/* Pontos com ícone que podem quebrar linha */
.point { align-items: flex-start; }
.point .ic { margin-top: 3px; }
.demo-note .link-btn { text-align: left; justify-content: flex-start; }