/**
 * Legal pages — allowlist only.
 *
 * Padding / tipografia do título / contentSize = attrs no template (nativos).
 * Nota “Última atualização” — className de produto `legal-notice` (skill OK) +
 * regra abaixo com tokens (zero important). Tipografia/borda/spacing também
 * cabem em attrs nativos do parágrafo; a classe cobre o conteúdo atual.
 * Prosa em :where(p) para não esmagar has-*-color / font-size se houver attrs.
 * Sem declarações important.
 */

.legal-header {
  border-bottom: 1px solid var(--wp--custom--border-color-subtle);
}

/* Escala fluida — post-title não tem maxWidth/fluid próprio além dos presets. */
.legal-title.wp-block-post-title {
  font-size: clamp(2rem, 4vw, 3.5rem);
}

/* Prosa legal — elementos dentro do conteúdo da página (não serializáveis no template). */
.legal-content .wp-block-post-content h2 {
  font-size: var(--wp--preset--font-size--xl);
  font-weight: 900;
  letter-spacing: -0.03em;
  color: var(--wp--preset--color--contrast);
  margin-block-start: var(--wp--preset--spacing--60);
  margin-block-end: var(--wp--preset--spacing--20);
  padding-bottom: var(--wp--preset--spacing--20);
  border-bottom: 1px solid var(--wp--custom--border-color-subtle);
}

.legal-content .wp-block-post-content h3 {
  font-size: var(--wp--preset--font-size--lg);
  font-weight: 700;
  color: var(--wp--preset--color--contrast);
  margin-block-start: var(--wp--preset--spacing--50);
  margin-block-end: var(--wp--preset--spacing--10);
}

.legal-content .wp-block-post-content :where(p) {
  font-size: var(--wp--preset--font-size--md);
  line-height: 1.75;
  color: var(--wp--preset--color--muted);
}

.legal-content .wp-block-post-content > * + * {
  margin-block-start: var(--wp--preset--spacing--30);
}

.legal-content .wp-block-post-content ul,
.legal-content .wp-block-post-content ol {
  padding-inline-start: 1.5rem;
  color: var(--wp--preset--color--muted);
  line-height: 1.75;
}

.legal-content .wp-block-post-content ul li,
.legal-content .wp-block-post-content ol li {
  margin-block-end: var(--wp--preset--spacing--10);
}

.legal-content .wp-block-post-content a {
  color: var(--wp--preset--color--primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-content .wp-block-post-content strong {
  color: var(--wp--preset--color--contrast);
  font-weight: 700;
}

/*
 * Nota “Última atualização” — className de produto `legal-notice` (skill: semântico OK).
 * Preferência: attrs nativos no parágrafo (fontSize/textColor/spacing/border).
 * Esta regra cobre o conteúdo que hoje só tem a classe; zero !important.
 * Seletor (0,3,1) > :where(p) da prosa.
 */
.legal-content .wp-block-post-content p.legal-notice {
  font-size: var(--wp--preset--font-size--sm);
  line-height: 1.65;
  color: var(--wp--preset--color--dim);
  border-left: 3px solid var(--wp--preset--color--outline);
  padding-left: var(--wp--preset--spacing--30);
  margin-block-start: var(--wp--preset--spacing--60);
  margin-block-end: 0;
}