/* Shared public-page finish. Existing card layouts, responsive filters and account panels retain their own behavior. */
body{--cm-polish-line:#d9e6f2;--cm-polish-shadow:0 7px 24px rgba(30,76,116,.045);--cm-polish-ink:#153c61}
#vehicle-search-screen.cm-browse-page,
#main>.svc-page,
#main>.pay-public-page,
#main>.cm-help-page,
#main>.cm-terms-screen,
#main>.community-shell,
#main>.svc-forum{
 box-sizing:border-box;width:calc(100% - 40px);margin:24px auto 40px;padding:26px;
 background:linear-gradient(180deg,#fff 0%,#f6faff 380px,#f6faff 100%);
 border:1px solid #d3e3f1;border-radius:24px;
 box-shadow:0 12px 38px rgba(28,75,116,.065),0 2px 6px rgba(28,75,116,.02);
}
#vehicle-search-screen.cm-browse-page{max-width:1560px}
#main>:is(.svc-page,.pay-public-page,.cm-help-page,.cm-terms-screen,.community-shell,.svc-forum){max-width:1320px}
#vehicle-search-screen.cm-browse-page .cm-breadcrumb{padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid #e5edf5}
#vehicle-search-screen.cm-browse-page .cm-browse-top{margin-bottom:22px}
#vehicle-search-screen.cm-browse-page .cm-search-line{border:1px solid #d9e7f4;border-radius:15px;box-shadow:var(--cm-polish-shadow)}
#vehicle-search-screen.cm-browse-page .cm-filters{border-color:var(--cm-polish-line);border-radius:18px;box-shadow:var(--cm-polish-shadow)}
#vehicle-search-screen.cm-browse-page .cm-filter-heading{padding-bottom:12px;border-bottom:1px solid #e9eff6;margin-bottom:16px}
#vehicle-search-screen.cm-browse-page .cm-filter-heading h2{color:var(--cm-polish-ink)}
#vehicle-search-screen.cm-browse-page .cm-toolbar{padding:11px 12px;border:1px solid #e0eaf4;border-radius:13px;background:rgba(255,255,255,.85);margin-bottom:18px}
#vehicle-search-screen.cm-browse-page .cm-result{border:1px solid var(--cm-polish-line);border-radius:17px;box-shadow:0 5px 18px rgba(23,66,103,.035);transition:border-color .18s,box-shadow .18s}
#vehicle-search-screen.cm-browse-page .cm-result:hover{border-color:#9ec9eb;box-shadow:0 8px 24px rgba(23,66,103,.085)}
#vehicle-search-screen.cm-browse-page .cm-result-info h2{color:#133757;line-height:1.4}
#vehicle-search-screen.cm-browse-page .cm-result-price{color:#075caa}
#vehicle-search-screen.cm-browse-page .cm-result-list{gap:20px}
#vehicle-search-screen.cm-browse-page .cm-pagination{padding:14px 0 0;border-top:1px solid #e0eaf4}
/* Homepage sections and their cards share the same border, corner and shadow treatment. */
body.cm-home-design #main>.intro>.search-panel,
body.cm-home-design #main>.intro>section:not(.search-panel),
body.cm-home-design #main>.content>section:not([hidden]),
body.cm-home-design #main>.lower-content>section,
body.cm-home-design #main>.latest-band>.container{
 border:1px solid var(--cm-polish-line);border-radius:21px;box-shadow:var(--cm-polish-shadow);
}
body.cm-home-design #main>.intro>.search-panel{box-shadow:0 9px 28px rgba(20,65,104,.09)}
body.cm-home-design #main>:is(.intro,.content,.lower-content)>section:not(.search-panel),
body.cm-home-design #main>.latest-band>.container{padding:25px;margin-top:24px}
body.cm-home-design #main>.container .section-heading{gap:12px;align-items:center}
body.cm-home-design #main>.container .section-heading h2,
body.cm-home-design #main>.container .services-section>h2{font-size:22px;line-height:1.4;color:#153c61}
body.cm-home-design #main>.container .listing-shell,
body.cm-home-design #main>.latest-band .listing-shell{border-color:var(--cm-polish-line);border-radius:15px;box-shadow:0 4px 12px rgba(25,66,103,.035);transition:box-shadow .18s,border-color .18s}
body.cm-home-design #main>.container .listing-shell:hover,
body.cm-home-design #main>.latest-band .listing-shell:hover{border-color:#a9ceeb;box-shadow:0 8px 20px rgba(25,66,103,.08)}
body.cm-home-design #main>.container .listing-body,
body.cm-home-design #main>.latest-band .listing-body{padding:16px}
body.cm-home-design #main>.container .listing-body h3,
body.cm-home-design #main>.latest-band .listing-body h3{font-size:15px;font-weight:700;line-height:1.45;color:#173957}
body.cm-home-design #main>.container .listing-body .chip,
body.cm-home-design #main>.latest-band .listing-body .chip{display:inline-block;padding:4px 8px;margin:6px 0 2px;border-radius:7px;background:#fff3d7;color:#966305;font-size:10px;font-weight:650}
body.cm-home-design #main>.container .service-card{border:1px solid var(--cm-polish-line);border-radius:16px;background:linear-gradient(180deg,#fff,#fafdff);padding:22px 16px;box-shadow:0 4px 12px rgba(25,66,103,.025)}
body.cm-home-design #main>.container .service-symbol{box-shadow:0 5px 12px rgba(27,82,127,.08)}
body.cm-home-design #main>.container .category-tile{border-radius:14px}
body.cm-home-design #main>.container .market-circle{border-color:#c1dcf3;box-shadow:0 4px 12px rgba(25,66,103,.045)}
/* Service and informational pages use the same card treatment without altering their grids. */
#main>:is(.svc-page,.pay-public-page) :is(.svc-section,.svc-plan,.svc-dealer-card,.pay-panel,.pay-credit-card){border-color:var(--cm-polish-line);border-radius:17px;box-shadow:0 4px 16px rgba(25,66,103,.04)}
#main>:is(.svc-page,.cm-help-page,.cm-terms-screen,.community-shell) :is(input,select,textarea):focus-visible,
#vehicle-search-screen.cm-browse-page :is(input,select,textarea):focus-visible{outline:3px solid #b8dcff;outline-offset:2px}
@media(max-width:900px){
 #vehicle-search-screen.cm-browse-page,
 #main>:is(.svc-page,.pay-public-page,.cm-help-page,.cm-terms-screen,.community-shell,.svc-forum){width:calc(100% - 28px);margin:18px auto 30px;padding:20px 18px;border-radius:21px}
}
@media(max-width:650px){
 #vehicle-search-screen.cm-browse-page,
 #main>:is(.svc-page,.pay-public-page,.cm-help-page,.cm-terms-screen,.community-shell,.svc-forum){width:calc(100% - 16px);margin:12px auto 24px;padding:18px 12px;border-radius:18px}
 body.cm-home-design #main>:is(.intro,.content,.lower-content)>section:not(.search-panel),
 body.cm-home-design #main>.latest-band>.container{padding:16px;margin-top:16px;border-radius:17px}
 body.cm-home-design #main>.container .section-heading{flex-wrap:wrap;gap:9px}
 body.cm-home-design #main>.container .section-heading h2,
 body.cm-home-design #main>.container .services-section>h2{font-size:19px}
 body.cm-home-design #main>.container .listing-body,
 body.cm-home-design #main>.latest-band .listing-body{padding:13px}
 #vehicle-search-screen.cm-browse-page .cm-toolbar{padding:9px 8px;gap:7px}
}
body.dark{--cm-polish-line:#354c62;--cm-polish-ink:#dcecff;--cm-polish-shadow:0 7px 24px rgba(0,0,0,.12)}
body.dark #vehicle-search-screen.cm-browse-page,
body.dark #main>:is(.svc-page,.pay-public-page,.cm-help-page,.cm-terms-screen,.community-shell,.svc-forum){background:linear-gradient(180deg,#1a2d41,#14273a);border-color:#354c62}
body.dark #vehicle-search-screen.cm-browse-page :is(.cm-breadcrumb,.cm-filter-heading,.cm-pagination){border-color:#354c62}
body.dark #vehicle-search-screen.cm-browse-page .cm-toolbar{background:#1a2d41;border-color:#354c62}
body.dark #vehicle-search-screen.cm-browse-page .cm-result-info h2{color:#e6f2ff}
body.dark #vehicle-search-screen.cm-browse-page .cm-result-price{color:#77bfff}
body.dark.cm-home-design #main>.container .service-card{background:linear-gradient(180deg,#243b50,#1e3449)}
body.dark.cm-home-design #main>.container .listing-body h3,
body.dark.cm-home-design #main>.latest-band .listing-body h3{color:#173957}
@media(prefers-reduced-motion:reduce){
 #vehicle-search-screen.cm-browse-page .cm-result,
 body.cm-home-design #main>.container .listing-shell,
 body.cm-home-design #main>.latest-band .listing-shell{transition:none}
}