/* fixes.css — the shipping build's markup fixes that must not change a pixel
 * (CLAUDE.md approved change 9: one <h1> a page). Linked by Base.astro in the
 * shipping build only, after the live stack. The values are the headings'
 * computed styles on live, measured at 1440 / 768 / 390 on 2026-10-20.
 */

/* The Southfield tree-service page's theme title, an <h1> on live beside the
 * hero's <h1>, is now a <p>. The theme's `h1` rules gave it these; its
 * `.entry-title` rules (width, centring) still apply through the class. */
.lt-was-h1 {
  font-size: 2.5rem;    /* 40px */
  font-weight: 500;
  line-height: 1.2;     /* 48px */
  margin-block: 0.5rem 1rem;
}

/* /service-checker/'s first heading, an <h2> on live and the page's only
 * main heading, is now its <h1>, still painted as that <h2> was. */
.lt-was-h2 {
  font-size: 45px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  text-align: center;  /* the page's own rule centres that widget's h2 */
}
@media (max-width: 767px) {
  .lt-was-h2 { font-size: 40px; }
}

/* /tree-care-michigan/: the two "Trees We Care For" lists are three columns
 * at every width on live (post-495.css), and at a phone's width the long
 * Latin names spill past their columns: the page scrolled sideways (431px at
 * 390). One column on a phone (approved change 9, a visible change on this
 * page at 390 only). Same specificity as live's rule, later in the cascade. */
@media (max-width: 767px) {
  .elementor-495 .elementor-element.elementor-element-44c1c5c,
  .elementor-495 .elementor-element.elementor-element-9a8fde6 { columns: 1; }
}