/* Mayne on Homes: site styles layered over the generated framework CSS.
   framework.css is machine output and gets replaced wholesale if the page is
   ever re-derived, so every hand-written rule belongs here instead.

   LOAD ORDER MATTERS. The generated page links framework.css TWICE: once in the
   head and again near the end of the document. This file is linked after that
   second copy so it is genuinely last in source order. Move it into the head and
   any rule of merely equal specificity silently loses to the late framework.css
   copy, which is a confusing failure to debug. Keep the link where it is. */
/* ── Retagged headings ──────────────────────────────────────────────────────
   The generated markup jumped h2 -> h4 throughout, which is an invalid document
   outline. Those headings were retagged (h4 -> h3, and one h4 -> h2), but
   framework.css gives each heading level a different font-size, line-height and
   margin-bottom, so retagging alone would move the layout. Every retagged
   element carries .was-h4, and these rules reproduce the original h4 metrics
   for it. The second block mirrors framework.css's own :last-child rule, which
   zeroes the bottom margin on a container's final child. Result: a correct
   outline with pixel-identical rendering. */
div.lp-pom-root .lp-pom-text h2.was-h4,
div.lp-pom-root .lp-pom-text h3.was-h4,
div.lp-pom-root .lp-pom-text p.was-h4 {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 14px;
}

div.lp-pom-root .lp-pom-text > h2.was-h4:last-child,
div.lp-pom-root .lp-pom-text > h3.was-h4:last-child,
div.lp-pom-root .lp-pom-text > p.was-h4:last-child {
  margin-bottom: 0;
}

/* ── Service card headings are now links ─────────────────────────────────────
   The generated page sets a global `a { color: #0000ff }`, so without this the
   five service titles would turn browser-blue. */
div.lp-pom-root .lp-pom-text h3.was-h4 a {
  color: inherit;
  text-decoration: none;
}
div.lp-pom-root .lp-pom-text h3.was-h4 a:hover,
div.lp-pom-root .lp-pom-text h3.was-h4 a:focus-visible {
  text-decoration: underline;
}

/* The quote form and its honeypot/status-message CSS used to live here, back
   when the form was still on this page (id #lp-pom-form-197). It moved to
   /contact/ (see below), which has its own form styling in pages.css, so
   there is nothing left on the homepage for those rules to match. Removed
   rather than kept "just in case": a rule that can never match anything is
   dead weight, not a safety net. */

/* The old header band is now empty: its logo and phone button live in the site
   nav, which is positioned over this space rather than above it. Hidden so the
   empty box cannot intercept clicks. */
#lp-pom-box-14 { display: none; }

/* ── The quote form moved to /contact/ ──────────────────────────────────────
   The generated page's last band held both the quote form and its own footer
   strip. Both are gone from the markup: the form now has its own page, and the
   site footer from base.css sits after the generated content instead.

   The band is the LAST one, so hiding it and shortening the page shifts nothing
   above it. The root and its colour overlay both carry a hard-coded page height,
   so both must shrink or the removed height survives as dead scroll. */
#lp-pom-block-160 { display: none; }

@media only screen and (min-width: 601px) {
  #lp-pom-root,
  #lp-pom-root-color-overlay { height: 6793px; }
}

@media only screen and (max-width: 600px) {
  /* 8022px minus the 78px trimmed from the hero band's height in
     index.html (see the #lp-pom-image-19 comment there), so the page
     doesn't end in 78px of dead scroll past the real content. */
  /* 7944px + the 32px #lp-pom-box-176 moved down in index.html (see the
     comment on that rule), so the last card still fits inside the page. */
  #lp-pom-root,
  #lp-pom-root-color-overlay { height: 7976px; }
}

/* Mobile service-card icon-to-heading gap, widened to match the subpages'
   `.card img` spacing (pages.css), which reads more comfortably than the
   original generated 19-25px gap. Heading/paragraph/CTA `top` values inside
   each of the five mobile service card boxes (#lp-pom-box-60/65/71/80/85) were
   shifted down 10px directly in index.html's generated mobile <style> block,
   icon position untouched. Purely a coordinate edit; nothing here to add. */