/* Match the main site's Poppins/Roboto typography, navy, red and teal palette. */
.finder-skip{position:absolute;left:-9999px}
.finder-skip:focus{position:fixed;left:16px;top:16px;z-index:100;background:#fff;padding:12px;color:var(--dark-text-color)}
.council-finder-page{color:var(--dark-text-color);line-height:1.6}
.council-finder-page .container{max-width:1280px;margin:0 auto;padding:0 32px}
.council-finder-page h1,.council-finder-page h2,.council-finder-page h3{font-family:var(--font-family-heading);font-weight:700;line-height:1.2}
.council-finder-page .page-hero{padding:64px 0;background:linear-gradient(to right,var(--dark-background-color),var(--primary-color));color:#fff}
.council-finder-page .breadcrumbs{font-size:14px;margin-bottom:24px;color:var(--light-text-color)}
.council-finder-page .breadcrumbs a:hover{color:var(--accent2-color)}
.council-finder-page .eyebrow{display:inline-block;padding:8px 16px;border-radius:999px;background:var(--accent3-color);color:#fff;font-size:14px;font-weight:600;margin-bottom:20px}
.council-finder-page h1{font-size:clamp(32px,4.5vw,48px);margin:0 0 24px}
.council-finder-page .page-hero p{font-size:20px;max-width:900px;color:var(--light-text-color)}
.council-finder-page .proof{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;color:var(--accent2-color);font-weight:600}
.council-finder-page .finder-wrap,.council-finder-page .section{padding:64px 0}
.council-finder-page .soft{background:var(--light-background-color)}
.council-finder-page .section-head{max-width:800px;margin-bottom:32px}
.council-finder-page h2{font-size:clamp(26px,3.5vw,36px);margin-bottom:16px}
.council-finder-page .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.council-finder-page .card{padding:32px;background:#fff;border:1px solid var(--light-border-color);border-radius:12px;box-shadow:0 4px 6px #0000001a}
.council-finder-page .icon{font-size:32px;margin-bottom:16px}
.council-finder-page h3{font-size:20px;margin-bottom:12px}
.council-finder-page .faq details{padding:24px;margin-bottom:16px;background:var(--light-background-color);border-radius:12px}
.council-finder-page .faq summary{cursor:pointer;font-family:var(--font-family-heading);font-size:18px;font-weight:700}
.council-finder-page .faq details p{margin-top:16px}
.council-finder-page .small{font-size:14px;line-height:1.6}
.council-finder-page #gjr-router{--navy:var(--primary-color);--green:var(--accent3-color);--green2:var(--light-background-color);--bg:var(--light-background-color);--text:var(--dark-text-color);--border:var(--light-border-color);font-family:var(--font-family-body);max-width:100%;margin:0 auto 24px}
.council-finder-page #gjr-router .shell{border-radius:12px}
.council-finder-page #gjr-router .head{background:var(--primary-color)}
.council-finder-page #gjr-router .eyebrow{padding:0;background:none;margin:0;color:var(--accent2-color)}
.council-finder-page #gjr-router h2{font-size:clamp(25px,4vw,34px);margin:4px 0 6px}
.council-finder-page #gjr-router .notice{background:var(--light-background-color);color:var(--dark-text-color);border-color:var(--light-border-color)}
.council-finder-page #gjr-router .send,.council-finder-page #gjr-router .primary{background:var(--accent-color)}
.council-finder-page #gjr-router .send:hover,.council-finder-page #gjr-router .primary:hover{background:var(--accent3-color)}
.council-finder-page #gjr-router .reset{color:var(--accent3-color)}
.council-finder-page #gjr-router .chip,.council-finder-page #gjr-router .choice{color:var(--dark-text-color);border-color:var(--light-border-color)}
.council-finder-page #gjr-router .chip:hover,.council-finder-page #gjr-router .choice:hover{background:var(--light-background-color);border-color:var(--accent3-color)}
@media(max-width:767px){
 .council-finder-page .container{padding:0 24px}
 .council-finder-page .cards{grid-template-columns:1fr}
 .council-finder-page .page-hero,.council-finder-page .section{padding:48px 0}
 .council-finder-page .finder-wrap{padding:32px 0}
 .council-finder-page .proof{gap:12px;font-size:14px}
 .council-finder-page .page-hero p{font-size:18px}
}
@media(max-width:639px){.council-finder-page .container{padding:0 16px}}
/* Keep the shared navigation comfortable on smaller laptops. */
@media(min-width:1024px) and (max-width:1279px){
 #global-header nav,#global-header .hidden.lg\:flex{display:none}
 #global-header [data-landingsite-mobile-menu-toggle]{display:block}
 #global-header [data-landingsite-mobile-menu]:not(.hidden){display:block}
}