/* Compatibility resets: Bootstrap 5.3's Reboot loads before this theme's CSS and changes base elements the layout relies on. */

/* Reboot sets body { line-height: 1.5 }; the reference layout has no body line-height at all and sizes
   every block against the browser default. Left at 1.5 the hero quick-link cards grow from 85 to 135 px,
   the header call button from 20 to 36 px and every paragraph gains half a line. */
body { line-height: normal; }

a { display: block; } /* Reboot leaves <a> as inline; the layout treats links as block-level boxes for full-area click targets and layout flow */
img { display: block; max-width: 100%; } /* Reboot already sets these, but the layout depends on it explicitly so we pin it here too in case of load-order changes */
p { margin: 1em 0; } /* Reboot uses margin-top: 0 / margin-bottom: 1rem; the reference layout declares no p rule, so paragraphs are spaced by the browser default — restore it */
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: inherit; } /* Reboot applies its own heading margins and font-weight; the layout controls heading spacing and weight per component */
ul, ol { margin: 0; } /* Reboot sets margin-bottom: 1rem on lists; the layout controls list spacing per component */

/* Elements that are <button> here but plain <a> in the reference layout: strip the user-agent chrome
   BEFORE the component sheets run, so 03-nav.css / 05-pages.css keep control of background and font.
   With this block in 06-components.css it loaded last and its `background: none` / `font: inherit`
   silently overrode the pill background of .footer-nav-btn and the 15px/500 of .nav-line-call. */
.nav-menu,
.nav-line-call,
.footer-nav-btn,
.callBlock-form-btn { margin: 0; padding: 0; background: none; border: 0; color: inherit; font: inherit; letter-spacing: inherit; text-align: left; cursor: pointer; }

/* Reboot sets box-sizing: border-box on everything; the reference layout is content-box and declares
   border-box only where it needs it (.container). The single in-scope rule where that changes the result
   is the hero quick-link card: width 125px + padding 24px is 173px wide there, 125px under border-box.
   Scoped to that selector — Bootstrap's own offcanvas and modal need border-box to lay out correctly. */
.heroBlock-quick-links > * { box-sizing: content-box; }