/* =====================================================
   Grasiele — Ajustes específicos de páginas
   (a maior parte dos componentes vive em main.css)
   ===================================================== */

/* Blocos de atuação/áreas alternando com fundo */
.area-block + .area-block { margin-top: 1.5rem; }

/* Página legal — largura de leitura confortável */
.legal .prose h3 { margin-top: 1.75rem; }
.legal-note {
  margin-top: 2rem; font-size: .85rem; color: var(--ink-soft);
  border-top: 1px solid var(--line); padding-top: 1.25rem;
}

/* Grid de duas colunas para blocos de texto lado a lado */
@media (min-width: 860px) {
  .cols-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.75rem 2.5rem; }
}