/* Authoritative content-edge spacing. The old batches remain historical inputs;
   this role owns section padding and watermark layout on every Mechanical page.
   Reference: Collision uses real watermark rows, with an overlapping eyebrow.
   120px is its desktop estimate watermark inset; smaller breakpoints retain the
   reference's generous 100px tablet / 80px phone rhythm. */
.dm-layout-spacing {
  --dm-section-space: 120px;
  --dm-word-overlap: 3vw;
  --dm-word-row: calc(var(--dingmans-watermark-size, 8.5vw) - var(--dm-word-overlap));
}
html .ebt-imported-page :is(.dm-section, #by-concern, #request-service, #dingmans-command-map-v2, #dingmans-location-info-mechanical).dm-layout-spacing.dm-reference-rhythm {
  padding-top: var(--dm-section-space) !important;
  padding-bottom: var(--dm-section-space) !important;
}
/* Watermark height participates in normal layout instead of being compensated
   with unrelated section padding and negative absolute positions. */
html .ebt-imported-page .dm-layout-spacing.dm-reference-rhythm .dm-section-heading.dm-flow-heading {
  padding-top: 0 !important;
  min-width: 0;
}
html .ebt-imported-page :is(.dm-section, #by-concern, #request-service, #dingmans-command-map-v2).dm-layout-spacing.dm-reference-rhythm .dm-flow-heading > .dm-ghost {
  position: relative;
  display: block;
  inset: auto !important;
  transform: none;
  width: 100%;
  max-width: none;
  height: var(--dingmans-watermark-size, 8.5vw);
  margin: 0 0 calc(-1 * var(--dm-word-overlap));
  padding: 0;
  overflow: visible;
  text-align: inherit;
}
html .ebt-imported-page .dm-layout-spacing .dm-section-heading > .dm-kicker {
  margin-top: 0;
  margin-bottom: 24px;
}
html .ebt-imported-page .dm-layout-spacing .dm-section-heading > h2 {
  margin-top: 0;
  margin-bottom: 24px;
}
html .ebt-imported-page .dm-layout-spacing .dm-section-heading > .dm-intro {
  margin-top: 0;
}
/* Keep the concern cards level with the eyebrow, as the reference's paired
   content row does; the watermark has its own space above both columns. */
@media (min-width: 1101px) {
  html .ebt-imported-page #by-concern.dm-layout-spacing > .dm-shell > .dm-concern-grid {
    margin-top: var(--dm-word-row);
  }
}
/* Preserve Batch 4's explicit alignment to the top/bottom of the form. */
html .ebt-imported-page #request-service.dm-layout-spacing .dm-request-copy {
  padding-top: 0;
}
@media (max-width: 980px) {
  .dm-layout-spacing { --dm-section-space: 100px; --dm-word-overlap: 5vw; }
}
@media (max-width: 767px) {
  .dm-layout-spacing { --dm-section-space: 80px; --dm-word-overlap: 6vw; }
}