/* htm-compat.css: the few legacy-page classes the spa stack does not define.
   Loaded last. Uses spa tokens from design-system.css. Do not add new design here;
   new design belongs in page-layouts.css. */
.quote-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(230px,.52fr);gap:52px;align-items:start}
@media (max-width:900px){.quote-grid{grid-template-columns:1fr;gap:30px}}
.fact-photo{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:16px;border:1px solid var(--htm-line)}
.fact-media picture{display:block;width:100%}
.btn.next{background:var(--htm-ink);border-color:var(--htm-ink);color:#fff}
.btn.next:hover{background:#071621;border-color:#071621;color:#fff}
.btn-cta:hover,.btn-cta:focus-visible{box-shadow:0 0 0 2px rgba(212,137,58,.34)}
.trust-strip{background:var(--htm-ink);color:#fff}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:22px 0}
@media (max-width:760px){.trust-grid{grid-template-columns:1fr}}
[aria-label="Breadcrumb"] ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:6px 0 0;color:var(--htm-muted)}
[aria-label="Breadcrumb"] li:not(:last-child)::after{content:"/";margin-left:8px;color:var(--htm-muted)}
[aria-label="Breadcrumb"] a{color:var(--htm-muted);text-decoration:none}
[aria-label="Breadcrumb"] a:hover{color:var(--htm-pool-deep);text-decoration:underline}
[aria-label="Breadcrumb"] [aria-current]{color:var(--htm-ink);font-weight:700}
/* legacy button names inside hero/CTA groups render like the spa buttons */
.htm-cta-group .btn-quote,.htm-cta-group .btn.btn-quote{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;background:var(--htm-copper);color:#fff;border:2px solid var(--htm-copper-deep);border-radius:999px;font-weight:700;text-decoration:none}
.htm-cta-group .btn-quote:hover{background:var(--htm-copper-hot);color:#fff}
.htm-cta-group .btn-call,.htm-cta-group .btn.btn-call{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;background:transparent;color:inherit;border:2px solid currentColor;border-radius:999px;font-weight:700;text-decoration:none}