html:has(> body.ll-centres-finder-preview) { overflow-x: clip; }
.ll-centres-finder-preview { background: #fff; overflow-x: clip; }
.ll-centres-finder-preview [hidden] { display: none !important; }
.ll-centres-finder-preview .llcf-main { background: #fff; color: #374151; padding: 0 0 64px; font-family: Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-wrap { max-width: 1240px; margin: 0 auto; padding: 0 32px; }
.ll-centres-finder-preview .llcf-intro { max-width: 760px; margin: 0; }
.ll-centres-finder-preview .llcf-back { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; margin-bottom: 14px; color: #374151; font: 400 14px/1.5 Roboto, sans-serif; text-decoration: none; }
.ll-centres-finder-preview .llcf-eyebrow { margin: 0 0 10px; color: #374151; font: 400 15px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-intro h1 { color: #0c4325; margin: 0 0 14px; font: 400 54px/1.1 Cysan-Regular, serif; letter-spacing: -.4px; }
.ll-centres-finder-preview .llcf-lead { color: #374151; margin: 0; font: 400 18px/1.6 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-controls { display: grid; grid-template-columns: minmax(230px,1.5fr) minmax(180px,1fr) auto; gap: 12px 18px; align-items: end; padding: 26px 28px 20px; background: #f3ebe4; border: 1px solid #e5e7eb; border-radius: 16px; }
.ll-centres-finder-preview .llcf-field label { display: block; color: #0c4325; margin: 0 0 8px; font: 500 15px/1.4 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-field select { width: 100%; min-width: 0; min-height: 50px; padding: 12px 30px 12px 14px; color: #0c4325; background-color: #fff; border: 1px solid #e5e7eb; border-radius: 6px; font: 400 16px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-location { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; width: 100%; padding: 12px 24px; color: #fff; background: #155129; border: 1px solid #155129; border-radius: 6px; font: 500 16px/1.5 Roboto, sans-serif; cursor: pointer; }
.ll-centres-finder-preview .llcf-location:hover { background: #0c4325; }
.ll-centres-finder-preview .llcf-location:disabled { opacity: .7; cursor: wait; }
.ll-centres-finder-preview .llcf-location-note { grid-column: 1/-1; margin: 0; color: #374151; font: 400 13px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-results-bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 78px; padding: 14px 0; }
.ll-centres-finder-preview #llcf-status { margin: 0; color: #374151; font: 400 15px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-reset { flex-shrink: 0; min-height: 44px; border: 0; padding: 8px 0 8px 12px; color: #155129; background: transparent; text-decoration: underline; text-underline-offset: 4px; font: 500 14px/1.5 Roboto, sans-serif; cursor: pointer; }
.ll-centres-finder-preview .llcf-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.ll-centres-finder-preview .llcf-card { display: flex; flex-direction: column; background: #f3ebe4; border: 1px solid #e5e7eb; border-radius: 16px; overflow: hidden; }
.ll-centres-finder-preview .llcf-photo { position: relative; aspect-ratio: 16/10; background: #f3ebe4; }
.ll-centres-finder-preview .llcf-photo img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16/10; }
.ll-centres-finder-preview .llcf-badge { position: absolute; top: 16px; left: 16px; padding: 6px 12px; background: #f3ebe4; color: #0c4325; border-radius: 20px; font: 500 13px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-card-body { display: flex; flex-direction: column; flex: 1; padding: 23px 24px 18px; }
.ll-centres-finder-preview .llcf-card-state { margin: 0 0 8px; color: #374151; font: 400 13px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-card-state span { padding: 0 4px; }
.ll-centres-finder-preview .llcf-card h2 { margin: 0 0 10px; color: #0c4325; font: 400 29px/1.2 Cysan-Regular, serif; }
.ll-centres-finder-preview .llcf-address { margin: 0 0 12px; color: #374151; font: 400 15px/1.6 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-distance { margin: 0 0 12px; color: #0c4325; font: 500 14px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-view { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 48px; margin-top: auto; border-top: 1px solid #e5e7eb; padding-top: 12px; text-decoration: none; color: #155129; font: 500 15px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-view:hover { text-decoration: underline; text-underline-offset: 3px; }
.ll-centres-finder-preview .llcf-view span { font-size: 24px; }
.ll-centres-finder-preview .llcf-end-note { max-width: 660px; margin: 32px 0 0; color: #374151; font: 400 15px/1.6 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-main a:focus-visible,
.ll-centres-finder-preview .llcf-main button:focus-visible,
.ll-centres-finder-preview .llcf-main select:focus-visible { outline: 3px solid #0c4325; outline-offset: 4px; }

/* Continue the native dark header beneath its full desktop logo. */
.ll-centres-finder-preview .llcf-hero { background: #0c4325; padding: 144px 0 38px !important; margin: 0; }
.ll-centres-finder-preview .llcf-hero :is(.llcf-back, .llcf-eyebrow, h1) { color: #f3ebe4; }
.ll-centres-finder-preview .llcf-hero .llcf-lead { color: #c7ddcb; }
.ll-centres-finder-preview .llcf-hero a:focus-visible,
.ll-centres-finder-preview .little-lane-header :is(a, button):focus-visible { outline: 3px solid #f3ebe4; outline-offset: 4px; }
.ll-centres-finder-preview .llcf-results-wrap { padding-top: 32px; }
@media (max-width: 991px) {
 .ll-centres-finder-preview .llcf-hero { padding-top: 112px !important; }
 .ll-centres-finder-preview .llcf-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .ll-centres-finder-preview .llcf-controls { grid-template-columns: 1fr 1fr; }
 .ll-centres-finder-preview .llcf-location-field { grid-column: 1/-1; }
}
@media (max-width: 600px) {
 .ll-centres-finder-preview .llcf-wrap { padding-left: 20px; padding-right: 20px; }
 .ll-centres-finder-preview .llcf-intro h1 { font-size: 38px; }
 .ll-centres-finder-preview .llcf-lead { font-size: 16px; }
 .ll-centres-finder-preview .llcf-back { margin-bottom: 8px; }
 .ll-centres-finder-preview .llcf-controls { padding: 20px; grid-template-columns: 1fr; }
 .ll-centres-finder-preview .llcf-results-bar { align-items: flex-start; gap: 10px; }
 .ll-centres-finder-preview .llcf-grid { grid-template-columns: 1fr; gap: 20px; }
 .ll-centres-finder-preview .llcf-card h2 { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) {
 .ll-centres-finder-preview { scroll-behavior: auto; }
}

/* Regional pages share the same directory, with their own content and scope. */
.ll-centres-finder-preview .llcf-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 0 0 14px; color: #f3ebe4; font: 400 14px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-breadcrumb .llcf-back { margin: 0; color: #f3ebe4; }
.ll-centres-finder-preview .llcf-controls--state { grid-template-columns: minmax(230px,1fr) auto; }
.ll-centres-finder-preview .llcf-description { margin: 0 0 18px; color: #374151; font: 400 15px/1.6 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-funding { margin: 38px 0 0; padding: 28px; border: 1px solid #e5e7eb; border-radius: 16px; background: #f3ebe4; color: #374151; }
.ll-centres-finder-preview .llcf-funding h2 { margin: 0 0 16px; color: #0c4325; font: 400 34px/1.2 Cysan-Regular, serif; }
.ll-centres-finder-preview .llcf-funding-copy { max-width: 820px; font: 400 16px/1.6 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-funding-link { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; color: #0c4325; font: 500 15px/1.5 Roboto, sans-serif; }
@media (max-width: 991px) {
 .ll-centres-finder-preview .llcf-controls--state { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
 .ll-centres-finder-preview .llcf-funding { padding: 22px 20px; }
 .ll-centres-finder-preview .llcf-funding h2 { font-size: 28px; }
}

/* Keep the complete coming-soon artwork legible in the shared cards. */
.ll-centres-finder-preview .llcf-card[data-coming-soon="1"] .llcf-photo img { object-fit: contain; }

/* One native link covers the complete centre card, including photo/padding. */
.ll-centres-finder-preview .llcf-card { position: relative; }
.ll-centres-finder-preview .llcf-card .llcf-view { position: static; }
.ll-centres-finder-preview .llcf-card .llcf-view::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.ll-centres-finder-preview .llcf-card:hover { border-color: #0c4325; }
.ll-centres-finder-preview .llcf-card:focus-within { outline: 3px solid #0c4325; outline-offset: 4px; }
.ll-centres-finder-preview .llcf-card .llcf-view:focus-visible { outline: none; }