/*
 * WordPress integration layer for the reference layout.
 *
 * Core block-layout rules add constrained widths and vertical gaps that are
 * not present in the source design. Keep these overrides separate so the
 * reference stylesheet remains an unmodified, auditable copy.
 */
.wp-site-blocks {
  gap: 0 !important;
  padding: 0 !important;
  overflow: clip;
}

/* theme.json sets 1.65 on body; the source layout inherits 1.5. */
body {
  font-size: 16px;
  line-height: 1.5;
}

/* Restore the source reset that WordPress global heading styles outrank. */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.5;
  letter-spacing: normal;
}

.wp-site-blocks > *,
.wp-block-template-part,
.reference-content,
.reference-content > * {
  width: 100% !important;
  max-width: none !important;
  margin-block: 0 !important;
}

.reference-content {
  padding: 0 !important;
}

.reference-content > main {
  margin: 0 !important;
}

.wp-block-template-part > .site-header,
.wp-block-template-part > .site-footer {
  width: 100%;
  max-width: none;
  margin: 0;
}

body.admin-bar .site-header {
  top: 32px;
}

/* The existing block pages remain usable alongside the exact front page. */
.maruart-site-main,
.maruart-site-main > .wp-block-post-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* WordPress flow layout otherwise reintroduces staggered children in CSS grids. */
.maruart-proof > *,
.maruart-grid-2 > *,
.maruart-grid-3 > *,
.maruart-grid-4 > *,
.maruart-actions > *,
.maruart-faq > *,
.maruart-blog-query .wp-block-post-template > * {
  margin-block: 0 !important;
}

@media (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px;
  }
}