/* ==========================================================================
   page.css — Generieke pagina (tools, losse content)
   ========================================================================== */

.fable-page {
  padding: 2.5rem 0 4rem;
}

.fable-page > .wrap {
  max-width: 52rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}

/* Tool-embed wrapper: reset zodat tool-CSS schoon kan werken */
.fable-page .tool-embed {
  all: revert;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

/* Voorkom dat WP standaard-alinea-styling de tool-layout breekt */
.fable-page .tool-embed p {
  all: revert;
}

@media (max-width: 600px) {
  .fable-page {
    padding: 1.5rem 0 2.5rem;
  }
  .fable-page > .wrap {
    padding: 0 1rem;
  }
}