/* Grid spacing is owned by gap, not Gutenberg's flow sibling margins. */
body.dmdg-site main :is(.article-grid, .related-grid, .myth-grid, .evidence-grid, .method-grid, .practice-grid) > * {
  min-width: 0;
  margin-block: 0 !important;
}
body.dmdg-site main .service-row { grid-template-columns: minmax(0, 1fr) 24px !important; }
body.dmdg-site main .service-row__arrow { width: 24px !important; min-width: 0 !important; }

/* Knowledge introduction: small illustration, aligned copy and equal guide links. */
body.dmdg-site.sample-page-blog main .blog-feature__copy {
  margin: 0 !important;
  gap: 0 !important;
}
body.dmdg-site.sample-page-blog main .blog-feature .sample-topic-intro {
  grid-template-columns: 120px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 20px !important;
  margin: 0 !important;
}
body.dmdg-site.sample-page-blog main .blog-feature .sample-topic-intro > * { margin: 0 !important; }
body.dmdg-site.sample-page-blog main .blog-feature .sample-topic-intro img {
  width: 120px !important;
  height: 120px !important;
}
body.dmdg-site.sample-page-blog main .sample-guide-grid { margin-top: 20px !important; }
body.dmdg-site.sample-page-blog main .sample-guide-grid > .article-card {
  padding: 16px !important;
  gap: 6px !important;
  justify-content: flex-start !important;
}
body.dmdg-site.sample-page-blog main .sample-guide-grid .article-card > * { margin: 0 !important; }
body.dmdg-site.sample-page-blog main .sample-guide-grid .article-card__link { padding-top: 6px; }

/* WooCommerce remains paused; its native notice needs its own readable surface. */
body.dmdg-site .wp-block-woocommerce-coming-soon {
  background: #f7f7f2 !important;
  color: #24372e !important;
  padding: 48px 20px !important;
}
body.dmdg-site .wp-block-woocommerce-coming-soon h1 {
  color: #24372e !important;
  font: 500 clamp(26px, 3vw, 36px)/1.3 var(--serif, "Lora", Georgia, serif) !important;
  overflow-wrap: anywhere;
}
body.dmdg-site .wp-block-woocommerce-coming-soon p { color: #24372e !important; }
body.dmdg-site .sample-logo-caption { white-space: normal !important; max-width: 100%; }

@media (max-width: 600px) {
  body.dmdg-site.sample-page-blog main .blog-feature .sample-topic-intro {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 16px !important;
  }
  body.dmdg-site.sample-page-blog main .blog-feature .sample-topic-intro img {
    width: 88px !important;
    height: 88px !important;
  }
}
@media (max-width: 360px) {
  body.dmdg-site.sample-page-blog main .blog-feature .sample-topic-intro {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
}