.maps-test{padding:64px 24px;background:#f5f8ff;scroll-margin-top:120px;color:#10254b}.maps-test-inner{max-width:1080px;margin:auto}.maps-test h2{max-width:800px;font-size:clamp(28px,3.4vw,44px);line-height:1.15;margin:16px 0}.maps-test h2 em{font-style:normal;color:#2048f5}.maps-test p{line-height:1.6}.maps-test .maps-small{font-size:13px;color:#526987}.maps-test .maps-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#10254b;color:white;padding:17px 22px;border:1px solid #10254b;border-radius:14px;box-shadow:0 5px 0 #a4b8d7;font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s;max-width:100%;box-sizing:border-box}.maps-test .maps-cta:hover{background:#2048f5;transform:translateY(-2px)}.maps-cta>span{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#ff742b;color:#10254b}.maps-test button:disabled{opacity:.55;cursor:not-allowed;transform:none}.maps-test [hidden]{display:none!important}#maps-panel{margin-top:30px;animation:maps-reveal .25s ease-out}#maps-form{background:white;padding:28px;border:1px solid #cbd8ed;border-radius:22px;box-shadow:4px 5px 0 #e0e9fb}.maps-test fieldset{margin:0 0 24px;padding:0;border:0;min-width:0}.maps-test legend{font-size:19px;font-weight:700;margin-bottom:20px}.maps-test label{display:block;font-size:15px;font-weight:600;margin:14px 0 8px}.maps-test input,.maps-test select{width:100%;box-sizing:border-box;border:1px solid #b8c9e6;background:#f8faff;border-radius:10px;padding:12px;color:#10254b;font:inherit;min-width:0}.maps-search-row{display:flex;gap:10px}.maps-search-row input{flex:1}.maps-search-row button,.maps-choices button{border:1px solid #bdcdea;background:white;border-radius:10px;padding:12px 16px;font:inherit;color:#10254b;cursor:pointer}.maps-choices{display:grid;gap:8px;margin-top:10px}.maps-choices button{text-align:left;line-height:1.5}.maps-choices button[aria-pressed=true]{border:2px solid #2048f5;background:#eff3ff}.maps-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.maps-fields select{margin-top:8px}.maps-test :focus-visible{outline:3px solid #2048f5;outline-offset:3px}#maps-status{font-weight:600}#maps-results{margin-top:28px;background:white;border:1px solid #cbd8ed;border-radius:22px;padding:28px}.maps-result-head{display:flex;justify-content:space-between;gap:24px}.maps-result-head h3{font-size:24px;margin:10px 0;overflow-wrap:anywhere}.maps-score{display:flex;flex-direction:column;text-align:center;flex-shrink:0;justify-content:center}.maps-score strong{font-size:40px;color:#2048f5}.maps-score span{font-size:13px}.maps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px;background:#f3f6fb;border-radius:18px}.maps-point{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:116px;border-radius:14px;padding:12px;background:#e6eaf0;color:#45536a}.maps-point strong{font-size:32px}.maps-point small{font-size:11px;line-height:1.4;overflow-wrap:anywhere}.maps-point.good{background:#def3e8;color:#125234}.maps-point.mid{background:#ffebcb;color:#794208}.maps-point.low{background:#fbe0df;color:#8c2723}.maps-legend{font-size:13px}.maps-test a{overflow-wrap:anywhere}@keyframes maps-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:650px){.maps-test{padding:40px 18px}.maps-search-row,.maps-result-head{flex-direction:column}.maps-fields{grid-template-columns:1fr;gap:0}#maps-form,#maps-results{padding:18px}.maps-grid{gap:7px;padding:10px}.maps-point{padding:8px 4px;min-height:126px}.maps-score{text-align:left}.maps-test .maps-cta{font-size:14px;gap:10px}.maps-point strong{font-size:26px}}@media(prefers-reduced-motion:reduce){#maps-panel{animation:none}.maps-test .maps-cta{transition:none}}

#maps-results{scroll-margin-top:130px}

#clario-art .ca-actions{flex-wrap:wrap;gap:18px}#clario-art .maps-hero-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#2048f5;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:5px;padding:12px 4px;background:none;border:0;box-shadow:none}#clario-art .maps-hero-link:hover{color:#10254b}#clario-art .maps-hero-link:focus-visible{outline:3px solid #2048f5;outline-offset:5px}

/* Center the test introduction; keep field labels aligned for easy reading. */
.maps-test-inner{text-align:center}
.maps-test h2{margin:16px auto;max-width:800px}
.maps-test-inner>.eyebrow{justify-content:center}
.maps-test-inner>p:not(.eyebrow){max-width:720px;margin:18px auto}
#maps-panel{max-width:900px;margin:30px auto 0;text-align:left}
body.local-page .unified-header .maps-nav-test{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;padding:13px 16px;min-height:48px;box-sizing:border-box;border:1px solid #194bea;border-radius:9px;background:#edf3ff;color:#194bea;font:600 14px/1.35 'DM Sans',Arial,sans-serif;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,transform .2s}
body.local-page .unified-header .maps-nav-test:hover{background:#194bea;color:#fff;transform:translateY(-1px)}
body.local-page .unified-header .maps-nav-mobile{display:none}
@media(min-width:1001px) and (max-width:1350px){
 body.local-page>header.unified-header{gap:12px;padding-inline:20px}
 body.local-page .unified-header .unified-nav{gap:14px}
 body.local-page .unified-header .unified-nav>a,body.local-page .unified-header .offer-menu-toggle{font-size:13px}
 body.local-page .unified-header .unified-cta{font-size:13px;padding:12px;gap:10px;max-width:235px}
 body.local-page .unified-header .maps-nav-test{font-size:13px;padding:12px}
}
@media(max-width:1000px){
 body.local-page .unified-header .maps-nav-desktop{display:none}
 body.local-page .unified-header .maps-nav-mobile{display:inline-flex;margin-top:12px;align-self:flex-start;padding:13px 16px;min-height:48px}
}
@media(prefers-reduced-motion:reduce){body.local-page .unified-header .maps-nav-test{transition:none}}

.maps-test .maps-title-brand{display:inline-block;white-space:nowrap}
.maps-test .maps-title-icon{display:inline-block;width:.82em;height:.82em;object-fit:contain;margin-left:.2em;vertical-align:-.03em}

/* Match the site's existing heading and body typography. */
.maps-test{font-family:'DM Sans',Arial,sans-serif}
.maps-test h2,.maps-test h3,.maps-test legend,.maps-score strong,.maps-point strong{font-family:'Bricolage Grotesque',Arial,sans-serif}
.maps-test h2{font-weight:600;letter-spacing:-.025em}
.maps-test h3,.maps-test legend{font-weight:600;letter-spacing:-.02em}
.maps-test button,.maps-test input,.maps-test select{font-family:'DM Sans',Arial,sans-serif}
.maps-test .maps-cta{font-weight:600}

/* A compact invitation to try the tool, distinct from the hero illustration. */
.maps-test{padding-block:48px}
.maps-test-inner{max-width:1080px;padding:36px 32px;background:#fff;border:1px solid #cbd8ed;border-radius:24px;box-shadow:5px 6px 0 #e0e9fb}
.maps-test-inner>p.maps-invitation{display:inline-flex;align-items:center;gap:8px;margin:0 auto 4px;padding:7px 13px;background:#f4f7fc;border:1px solid #dbe4f3;border-radius:999px;color:#526987;font-size:13px;font-weight:600;line-height:1.4}
.maps-invitation img{width:23px;height:23px;object-fit:contain}
.maps-test h2{max-width:740px;font-size:clamp(28px,3.2vw,42px);margin:14px auto}
.maps-test-inner>p:not(.eyebrow):not(.maps-invitation){margin:14px auto 22px}
.maps-test-inner>.maps-small{margin:15px auto 0!important;font-size:12px;letter-spacing:.01em}
#maps-panel{padding-top:26px;border-top:1px solid #e2e9f4}
@media(max-width:650px){.maps-test{padding:32px 16px}.maps-test-inner{padding:26px 16px;border-radius:20px}.maps-test h2{font-size:clamp(26px,6.5vw,32px)}.maps-test-inner>.maps-small{font-size:11px}#maps-panel{padding-top:20px}}

#clario-art .maps-hero-link{min-height:54px;padding:13px 18px;gap:12px;background:#edf3ff;color:var(--ca-navy);border:1px solid #c6d5ed;border-radius:10px;box-shadow:0 4px 0 #d4e0f5;text-decoration:none;font-size:15px;font-weight:600;line-height:1.35;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
#clario-art .maps-hero-link>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:white;color:var(--ca-blue);border:1px solid #c6d5ed}
#clario-art .maps-hero-link:hover{background:var(--ca-blue);color:white;border-color:var(--ca-blue);transform:translateY(-2px);box-shadow:0 6px 0 #d4e0f5}
#clario-art .maps-hero-link:active{transform:translateY(2px);box-shadow:0 2px 0 #d4e0f5}
@media(max-width:480px){#clario-art .maps-hero-link{font-size:14px;padding:12px 16px;max-width:100%}}
@media(prefers-reduced-motion:reduce){#clario-art .maps-hero-link{transition:none}}

body.local-page .unified-header .maps-nav-test>.maps-button-icon,#clario-art .maps-hero-link>.maps-button-icon{display:block;width:22px;height:22px;flex:0 0 22px;object-fit:contain;margin:0}

@media(min-width:701px){
 #hero #clario-art .ca-actions{flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:12px}
 #hero #clario-art .ca-actions>a{min-width:0;font-size:14px;padding:12px;gap:8px;justify-content:center}
 #hero #clario-art .ca-actions .ca-arrow{flex-shrink:0}
}