/* Classic preserves the reviewed customer layout. Shared accessible primitives only. */
.lf-hero-shell{display:contents}.lf-compare{position:relative;--comparison:50%}.lf-compare img{width:100%;display:block}.lf-compare .after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--comparison))}.lf-compare input{width:100%;min-height:44px}.lf-reveal{animation:lf-arrive .55s ease both}.lf-reveal:not(.lf-in){animation:none}@keyframes lf-arrive{from{transform:translateY(12px)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.lf-confirmed-areas{padding:48px max(24px,6vw);border-block:1px solid var(--brand-border);color:var(--brand-text);background:var(--brand-surface)}

/* Shared photo-led navigation: decorative images never add service claims. */
.lf-service-image{display:none}.lf-secondary-action{display:inline-flex;gap:22px;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border:1px solid currentColor;border-radius:6px;font-size:15px;font-weight:600;text-decoration:none;margin:12px 0;color:inherit}.lf-secondary-action:focus-visible{outline:3px solid var(--brand-focus);outline-offset:5px}.lf-system-photo{display:none}
.lf-service-selector{max-width:1280px;width:calc(100% - 80px)}
@media(max-width:700px){.lf-service-selector{width:calc(100% - 40px)}.lf-secondary-action{width:100%;margin-top:10px}}

html[data-experience] .button,html[data-experience] .header a,html[data-experience] .text-link{transition:transform .18s,box-shadow .18s}

@media(max-width:800px){body:has(.lf-scheduling input:focus,.lf-scheduling select:focus,.lf-feedback input:focus,.lf-feedback textarea:focus,.lf-feedback select:focus) .mobile-actions{visibility:hidden}}

/* Preserve prior non-Dynamic presentation formerly leaking from Dynamic CSS. */
html[data-experience=classic] .coverage-steps,html[data-experience=warm] .coverage-steps{gap:28px}
html[data-experience=classic] .lf-insurance .lf-preview-label,html[data-experience=warm] .lf-insurance .lf-preview-label{font-size:12px}
.lf-hero-shell .hero-aside{max-width:520px}

@media(min-width:1536px){html[data-experience=classic][data-industry=plumbing] .hero img{max-width:1536px;margin-left:auto;display:block}}
/* Presentation labels retain the original inline/flex layout outside Dynamic. */
.lf-long-label{display:contents}.lf-short-label[hidden]{display:none}