/* 9 September local consistency review: latest homepage pill treatment.
   This is the one action-radius token for both release inventories. */
:root {--cl-button-radius:999px;--cl-menu-radius:24px}
/* V18: a clear action hierarchy, with direct phone and claim access on mobile. */
#siteHeader.cl-header {
 --header-ink:#fff;--header-line:#ffffff4d;--header-tint:#ffffff0d;
 position:fixed;inset:0 0 auto;min-width:0;height:72px;
 color:var(--header-ink);background:transparent;font-family:TWKLausanne,Arial,sans-serif;
 border-bottom:0;
}
#siteHeader::before {
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(180deg,rgba(23,4,45,.36),rgba(23,4,45,.08));
}
#siteHeader.header-scrolled {
 --header-ink:#17042d;--header-line:#17042d26;--header-tint:#17042d05;
 background:#fff;border-bottom:1px solid #17042d14;box-shadow:0 6px 20px -18px #17042d66;
}
#siteHeader.header-scrolled::before {display:none}
#siteHeader .cl-header-inner {display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1440px;height:100%;padding-inline:16px;margin-inline:auto}
#siteHeader .cl-header-brand {display:flex;align-items:center;flex:none;width:110px;min-height:44px;border-radius:4px}
#siteHeader #headerLogo {display:block;width:100%;height:auto;object-fit:contain;object-position:left center}
#siteHeader .cl-header-nav {display:none}
#siteHeader .cl-header-actions {display:flex;align-items:center;gap:6px;flex:none}
#siteHeader :is(a,button) {font-family:TWKLausanne,Arial,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#siteHeader .cl-header-call {display:flex;align-items:center;justify-content:center;gap:10px;color:var(--header-ink);text-decoration:none;width:44px;height:44px;border-radius:var(--cl-button-radius,4px);border:1px solid var(--header-line);background:var(--header-tint)}
#siteHeader .header-phone-icon {width:20px;height:20px;flex:none}
#siteHeader .cl-header-call-copy {display:none}
#siteHeader .cl-header-switch {display:none}
#siteHeader .cl-header-claim {display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:12px 15px;border:1px solid transparent;border-radius:var(--cl-button-radius,4px);background:#8de2c0;color:#17042d;font-size:13px;font-weight:550;line-height:1.3;text-decoration:none;white-space:nowrap;box-shadow:none}
#siteHeader .cl-header-arrow {display:none}
#siteHeader .cl-header-menu {display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--header-ink);border:1px solid var(--header-line);border-radius:var(--cl-button-radius,4px);background:var(--header-tint);cursor:pointer}
#siteHeader :is(.cl-header-claim,.cl-header-switch,.cl-header-call,.cl-header-menu):active {transform:scale(.97)}
#siteHeader :is(a,button):focus-visible {outline:2px solid var(--header-ink);outline-offset:4px}
#siteHeader .cl-header-claim:focus-visible {outline-color:var(--header-ink)}
@media(min-width:640px) {
 #siteHeader .cl-header-inner {padding-inline:32px;gap:24px}
 #siteHeader .cl-header-brand {width:148px}
 #siteHeader .cl-header-actions {gap:16px}
 #siteHeader .cl-header-call {width:auto;height:48px;padding-inline:0;border:0;background:none;border-radius:var(--cl-button-radius,4px)}
 #siteHeader .cl-header-call-copy {display:flex;flex-direction:column;gap:3px}
 #siteHeader .cl-header-call-label {font-size:11px;font-weight:450;line-height:1.2;opacity:.8}
 #siteHeader .cl-header-call-number {font-size:14px;font-weight:450;line-height:1.3;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
 #siteHeader .cl-header-claim {min-height:48px;padding-inline:22px;font-size:14px}
 #siteHeader .cl-header-arrow {display:block;flex:none}
 #siteHeader .cl-header-menu {width:46px;height:46px}
}
@media(min-width:1280px) {
 #siteHeader.cl-header {height:80px}
 #siteHeader .cl-header-inner {gap:24px;padding-inline:40px}
 #siteHeader .cl-header-brand {width:148px;margin-right:auto}
 #siteHeader .cl-header-nav {display:flex;align-items:center;gap:6px;margin-inline:auto}
 #siteHeader .nav-link {display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 12px;color:var(--header-ink);background:transparent;border:0;border-radius:var(--cl-button-radius,4px);font-size:13px;line-height:1.35;font-weight:450;white-space:nowrap;opacity:1;cursor:pointer}
 #siteHeader .nav-link .chevron {width:14px;height:14px;opacity:.75}
 #siteHeader .cl-header-actions {gap:14px}
 #siteHeader .cl-header-call {margin-right:4px}
 #siteHeader .cl-header-switch {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid var(--header-line);border-radius:var(--cl-button-radius,4px);background:transparent;color:var(--header-ink);font-size:13px;font-weight:450;text-decoration:none;white-space:nowrap}
 #siteHeader .cl-header-claim {padding-inline:20px;font-size:13px}
 #siteHeader .cl-header-menu {display:none}
 #claimsFullMenu,#medicalFullMenu {top:88px;border-radius:16px;max-width:calc(100vw - 80px);max-height:calc(100dvh - 108px);transition:opacity 180ms ease,transform 180ms cubic-bezier(.23,1,.32,1),visibility 180ms ease}
}
@media(min-width:1440px) {
 #siteHeader .nav-link {font-size:14px;padding-inline:14px}
 #siteHeader .cl-header-inner {gap:32px}
 #siteHeader .cl-header-actions {gap:18px}
 #siteHeader .cl-header-switch,#siteHeader .cl-header-claim {font-size:14px}
}
@media(max-width:359px) {
 #siteHeader .cl-header-inner {padding-inline:12px;gap:6px}
 #siteHeader .cl-header-brand {width:96px}
 #siteHeader .cl-header-actions {gap:4px}
 #siteHeader .cl-header-call,#siteHeader .cl-header-menu {width:44px;height:44px;border-radius:var(--cl-button-radius,4px)}
 #siteHeader .cl-header-claim {font-size:12px;padding-inline:12px}
}
@media(hover:hover) and (pointer:fine) {
 #siteHeader .nav-link:hover,#siteHeader .nav-link.menu-open {background:var(--header-tint);opacity:1}
 #siteHeader :is(.cl-header-switch,.cl-header-call,.cl-header-menu):hover {background:var(--header-tint)}
 #siteHeader .cl-header-claim:hover {background:#a6ebd0}
}
#mobileNavClose {min-width:44px;min-height:44px;border-radius:var(--cl-button-radius,4px)}
#mobileNavPanel .mob-back {min-height:44px;align-items:center}
#mobileNavPanel :is(a,button):focus-visible {outline:2px solid #8de2c0;outline-offset:2px}
#claimsFullMenu :is(a,button):focus-visible,#medicalFullMenu :is(a,button):focus-visible {outline:2px solid #38086f;outline-offset:2px}
.cl-nav-keyboard :is(#siteHeader,#siteHeader *,#mobileNavPanel,#mobileNavPanel *,#mobileNavOverlay,#claimsFullMenu,#medicalFullMenu,#megaMenuBackdrop) {transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce) {
 :is(#siteHeader,#siteHeader *,#mobileNavPanel,#mobileNavPanel *,#mobileNavOverlay,#claimsFullMenu,#medicalFullMenu,#megaMenuBackdrop) {transition:none!important;animation:none!important}
}

/* Shared presentation carried over from the homepage review. */
/* Original mascot artwork, presented at a readable size without a grey filter. */
body:is([data-site-ui],[data-claim-design]) #servicesFullMenu {
  width:704px;max-width:calc(100vw - 48px)!important;border:1px solid #e8e1ee;border-radius:var(--cl-menu-radius);
  background:#fff;box-shadow:0 4px 12px rgb(23 4 45 / 4%),0 24px 56px -16px rgb(23 4 45 / 20%);
}
body:is([data-site-ui],[data-claim-design]) #servicesFullMenu .fullpage-menu-inner {padding:20px!important}
body:is([data-site-ui],[data-claim-design]) #servicesFullMenu .fullpage-menu-subtitle {
  font-family:TWKLausanne,Arial,sans-serif;font-size:16px;font-weight:550;color:#2b104b;
  text-transform:none;letter-spacing:-.02em;padding:0 12px 16px;margin-bottom:8px;border-bottom:1px solid #ece7f1;
}
body:is([data-site-ui],[data-claim-design]) #servicesFullMenu .fm-panel-grid {gap:4px 8px;grid-template-columns:repeat(2,minmax(0,1fr))}
body:is([data-site-ui],[data-claim-design]) #servicesFullMenu .fm-panel a {
  display:grid;grid-template-columns:56px minmax(0,1fr) 8px;gap:12px;min-height:92px;
  padding:14px 12px;border-radius:14px;font-family:TWKLausanne,Arial,sans-serif;transition:background-color 160ms ease-out;
}
body:is([data-site-ui],[data-claim-design]) #servicesFullMenu .fm-panel a::after {
  content:"";width:6px;height:6px;border-top:1.5px solid #84758f;border-right:1.5px solid #84758f;transform:rotate(45deg);
}
body:is([data-site-ui],[data-claim-design]) #servicesFullMenu .fm-item-icon {width:56px;height:56px;min-width:56px;border-radius:14px;background:transparent!important;overflow:hidden}
body:is([data-site-ui],[data-claim-design]) #servicesFullMenu .fm-item-icon img {width:56px;height:56px;object-fit:contain;border-radius:14px;filter:none}
body:is([data-site-ui],[data-claim-design]) #servicesFullMenu .fm-item-text {gap:5px}
body:is([data-site-ui],[data-claim-design]) #servicesFullMenu .fm-item-title {font-size:14px;font-weight:550;line-height:1.35;letter-spacing:-.02em}
body:is([data-site-ui],[data-claim-design]) #servicesFullMenu .fm-item-desc {font-size:12px;font-weight:400;line-height:1.4;color:#74647f}
body:is([data-site-ui],[data-claim-design]) #servicesFullMenu .fm-panel a:focus-visible {outline:2px solid #38086f;outline-offset:-2px;background:#f7f3fa}
body:is([data-site-ui],[data-claim-design]) #megaMenuBackdrop {background:rgb(23 4 45 / 12%)}

/* Common geometry; the menu contents and page-specific phone routes stay intact. */
body:is([data-site-ui],[data-claim-design]) #siteHeader .cl-header-inner {max-width:1320px}
body:is([data-site-ui],[data-claim-design]) #siteHeader :is(.cl-header-call,.cl-header-menu,.cl-header-switch,.cl-header-claim) {
 border-radius:var(--cl-button-radius)!important;
 transition:background-color 160ms ease-out,color 160ms ease-out,transform 120ms ease-out;
}
body:is([data-site-ui],[data-claim-design]) #siteHeader .cl-header-menu {background:var(--header-tint)}
body:is([data-site-ui],[data-claim-design]) #siteHeader .header-phone-icon {width:20px;height:20px}
@media(min-width:1280px) {
 body:is([data-site-ui],[data-claim-design]) #siteHeader .cl-header-inner {padding-inline:24px;gap:20px}
 body:is([data-site-ui],[data-claim-design]) #siteHeader .cl-header-brand {margin-right:0}
 body:is([data-site-ui],[data-claim-design]) #siteHeader .cl-header-nav {margin-left:auto;margin-right:0;gap:0}
 body:is([data-site-ui],[data-claim-design]) #siteHeader .cl-header-actions {gap:16px}
 body:is([data-site-ui],[data-claim-design]) #siteHeader .cl-header-actions::before {content:"";height:24px;width:1px;background:var(--header-line)}
 body:is([data-site-ui],[data-claim-design]) #siteHeader .nav-link {
  min-height:44px;padding:12px;gap:8px;border-radius:var(--cl-button-radius);
  font-size:14px;font-weight:500;letter-spacing:-.015em;
 }
 body:is([data-site-ui],[data-claim-design]) #siteHeader .nav-link[aria-expanded=true] {background:var(--header-tint)}
 body:is([data-site-ui],[data-claim-design]) #siteHeader .cl-header-call {padding-inline:0;font-size:14px;font-weight:450}
 body:is([data-site-ui],[data-claim-design]) #siteHeader :is(.cl-header-switch,.cl-header-claim) {font-size:14px;padding-inline:20px}
}

/* Larger claim menus keep their existing category structure. */
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) {
 width:1000px;max-width:calc(100vw - 48px);border:1px solid #e8e1ee;border-radius:var(--cl-menu-radius);
 background:#fff;box-shadow:0 4px 12px rgb(23 4 45 / 4%),0 24px 56px -16px rgb(23 4 45 / 20%);
}
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) .fullpage-menu-inner {padding:24px;grid-template-columns:224px minmax(0,1fr)}
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) .fullpage-menu-subtitle {
 font:550 14px/1.4 TWKLausanne,Arial,sans-serif;color:#62566d;text-transform:none;letter-spacing:0;margin-bottom:16px;
}
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) .fm-category {
 min-height:52px;padding:10px 12px;border-radius:12px;color:#62566d;font:450 14px/1.4 TWKLausanne,Arial,sans-serif;
}
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) .fm-category.active {background:#f1eaf7;color:#38086f;font-weight:550}
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) .fm-cat-icon {background:transparent!important;width:28px;height:28px;min-width:28px}
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) .fm-cat-icon svg {width:24px;height:24px}
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) .fm-panel-grid {gap:4px 8px}
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) .fm-panel a {
 min-height:84px;padding:12px;border-radius:14px;gap:12px;font-family:TWKLausanne,Arial,sans-serif;
}
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) .fm-item-icon {width:44px;height:44px;min-width:44px;border-radius:12px;background:#f1eaf7!important}
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) .fm-item-icon svg {width:28px;height:28px;fill:#38086f}
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) .fm-item-icon svg.stroke-icon {fill:none;stroke:#38086f}
/* Approved filled pictograms. Services keep their existing mascot artwork. */
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) [data-menu-icon] {background:#f1e6f4!important;overflow:hidden}
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) .cl-menu-art {
 display:block;flex:none;width:36px;height:36px;
 background-image:url('/assets/menu-icons/claims-medical-atlas.png');
 background-size:764.6341463415% 764.6341463415%;background-repeat:no-repeat;
}
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) .fm-cat-icon .cl-menu-art {width:28px;height:28px}
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) .fm-item-title {font-size:14px;font-weight:550;line-height:1.35;letter-spacing:-.015em}
body:is([data-site-ui],[data-claim-design]) :is(#claimsFullMenu,#medicalFullMenu) .fm-item-desc {font-size:12px;line-height:1.4;color:#74647f;margin-top:4px}

/* Phone/tablet menu: one continuous light surface with dark brand controls. */
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel {
 background:#fff;color:#17042d;width:100%;max-width:560px!important;
 box-shadow:-16px 0 64px rgb(23 4 45 / 18%);font-family:TWKLausanne,Arial,sans-serif;
}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-panel-header {
 min-height:80px;height:auto;padding:18px 24px;padding-top:max(18px,env(safe-area-inset-top));
 background:#fff;border:0;gap:24px;
}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-panel-header img {
 content:url('/brand-assets/logos/claimsline-logo-dark.svg');
}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel #mobileNavClose {
 width:44px;height:44px;display:grid;place-items:center;border-radius:var(--cl-button-radius);
 background:transparent;border:0;color:#38086f;flex:none;
}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel #mobileNavClose svg {stroke:currentColor}
/* Each screen has one exit control: Close at the root, Back in submenus.
   Existing Escape/overlay handlers can still invoke the close button. */
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel:has(.mob-view.active[data-mob-parent]) #mobileNavClose {display:none}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-view {
 padding:12px 24px max(28px,env(safe-area-inset-bottom));overscroll-behavior:contain;
 scrollbar-width:thin;scrollbar-color:#c8b7d7 transparent;scroll-padding-block:24px;
}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel :is(.mobile-nav-item,.mob-cat-item,.mob-back,.mob-view-title,.mob-links a) {font-family:TWKLausanne,Arial,sans-serif}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel :is(.mobile-nav-item,.mob-cat-item,.mob-links a) {
 position:relative;display:block;width:100%;min-height:64px;margin:0;
 padding:20px 40px 20px 0;border:0;border-bottom:1px solid #e8e0ec;border-radius:0;
 background:#fff;color:#17042d!important;text-align:left;text-decoration:none;
 font-size:17px;font-weight:450;letter-spacing:-.015em;line-height:1.45;overflow-wrap:break-word;
}
/* The label stays inline even before the enhancement removes legacy nested links. */
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-cat-item > a {color:inherit!important;text-decoration:none!important}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .cl-mobile-label {display:block}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mobile-nav-section {border:0}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .nav-arrow,
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel :is(a.mobile-nav-item,.mob-links a)::after {
 position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;
 width:32px;height:32px;border-radius:0;background:transparent;color:#38086f;
 font:400 19px/1 TWKLausanne,Arial,sans-serif;pointer-events:none;
}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel :is(a.mobile-nav-item,.mob-links a)::after {content:'\2192'}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-back {
 display:flex;align-items:center;width:fit-content;max-width:100%;min-height:44px;margin:0 0 20px;
 padding:10px 0;border:0;border-radius:0;background:transparent;
 color:#38086f;font-size:14px;font-weight:500;line-height:1.4;text-align:left;
}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-view-title {
 color:#17042d;font-size:28px;font-weight:450;line-height:1.16;letter-spacing:-.045em;margin:0 0 24px;max-width:400px;
}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel :is(a,button):focus-visible {outline:2px solid #38086f;outline-offset:3px}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel #mobileNavClose:focus-visible {outline-color:#38086f}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel :is(.btn-primary,.btn-secondary) {
 display:flex;align-items:center;justify-content:center;border-radius:var(--cl-button-radius)!important;
 min-height:54px;background:#8de2c0!important;color:#17042d!important;border:1px solid #8de2c0!important;
 font:500 15px/1.4 TWKLausanne,Arial,sans-serif;
}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel a[href^='tel:'] {min-height:48px;color:#38086f!important;font:500 15px/1.4 TWKLausanne,Arial,sans-serif}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel a[href^='tel:'] svg {stroke:currentColor}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mobile-nav-item[style*='color:'] {background:transparent;border-color:#e8e0ec}
@media(min-width:600px) and (max-width:1279px) {
 body:is([data-site-ui],[data-claim-design]) #mobileNavPanel {border-radius:24px 0 0 24px}
 body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-panel-header {padding-inline:32px;min-height:88px}
 body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-view {padding:32px 32px max(32px,env(safe-area-inset-bottom))}
 body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-view-title {font-size:32px;margin-bottom:28px}
 body:is([data-site-ui],[data-claim-design]) #mobileNavPanel :is(.mobile-nav-item,.mob-cat-item) {font-size:18px;min-height:64px;padding-block:20px}
}
@media(max-width:359px) {
 body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-view {padding-inline:16px}
 body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-view-title {font-size:26px}
 body:is([data-site-ui],[data-claim-design]) #mobileNavPanel :is(.mobile-nav-item,.mob-cat-item,.mob-links a) {font-size:15px;padding-left:0}
}

@media(hover:hover) and (pointer:fine) {
 body:is([data-site-ui],[data-claim-design]) :is(#servicesFullMenu,#claimsFullMenu,#medicalFullMenu) .fm-panel a:hover {background:#fff}
 body:is([data-site-ui],[data-claim-design]) #servicesFullMenu .fm-panel a:hover .fm-item-icon img {filter:none}
 body:is([data-site-ui],[data-claim-design]) #mobileNavPanel :is(.mobile-nav-item,.mob-cat-item,.mob-links a):hover {background:#faf8f4;border-color:#e8e0ec}
 body:is([data-site-ui],[data-claim-design]) #mobileNavPanel :is(.mobile-nav-item,.mob-cat-item):hover .nav-arrow {background:transparent;transform:translateY(-50%);color:#17042d}
}

/* Existing approved service artwork also assists mobile navigation. */
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-links a[href$="accident-management-services.html"],body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-links a[href$="accident-recovery.html"],body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-links a[href$="vehicle-replacement.html"],body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-links a[href$="vehicle-repair.html"],body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-links a[href$="credit-hire.html"]{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;min-height:80px}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-links a[href$="accident-management-services.html"]::before,body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-links a[href$="accident-recovery.html"]::before,body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-links a[href$="vehicle-replacement.html"]::before,body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-links a[href$="vehicle-repair.html"]::before,body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-links a[href$="credit-hire.html"]::before{content:"";width:48px;height:48px;border-radius:12px;background:var(--service-icon) center/contain no-repeat}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-links a[href$="accident-management-services.html"]{--service-icon:url("/brand-assets/icons/benefit-icons/icon_claims_manager.webp")}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-links a[href$="accident-recovery.html"]{--service-icon:url("/brand-assets/icons/benefit-icons/icon_car_accident.webp")}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-links a[href$="vehicle-replacement.html"]{--service-icon:url("/brand-assets/icons/benefit-icons/icon_replacement_car.webp")}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-links a[href$="vehicle-repair.html"]{--service-icon:url("/brand-assets/icons/benefit-icons/icon_wrench.webp")}
body:is([data-site-ui],[data-claim-design]) #mobileNavPanel .mob-links a[href$="credit-hire.html"]{--service-icon:url("/brand-assets/icons/benefit-icons/icon_save_money.webp")}

@media(prefers-reduced-motion:reduce){body:is([data-site-ui],[data-claim-design]) #siteHeader :is(.cl-header-call,.cl-header-menu,.cl-header-switch,.cl-header-claim){transition:none!important}}

/* Shared footer: a rounded, inset closing panel across both site families. */
body > footer.relative {
  margin: 24px 16px 16px;
  border-radius: 48px;
  background: #17042d !important;
  isolation: isolate;
}
body > footer.relative > .noise-overlay { display: none; }
body > footer.relative > div.relative {
  max-width: 1320px;
  padding: 72px 48px 32px;
}
body > footer.relative > div.relative > .grid:first-child {
  gap: 48px;
  padding-bottom: 48px;
  margin-bottom: 32px;
}
body > footer.relative .btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: 999px !important;
  background: #8de2c0 !important;
  color: #17042d !important;
  border: 0 !important;
  box-shadow: none !important;
  font-weight: 600;
}
body > footer.relative .btn-secondary::before,
body > footer.relative .btn-secondary::after { display: none; }
body > footer.relative a:focus-visible { outline: 3px solid #8de2c0; outline-offset: 5px; }
body > footer.relative ul a { display: inline-block; color: #d0c8d8; line-height: 1.55; }
body > footer.relative ul a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
body > footer.relative :is(h4,p).uppercase { text-transform: none; letter-spacing: 0; font-size: 16px; font-weight: 600; }
body > footer.relative > div.relative > .grid:first-child > div:first-child { position: relative; padding-right: 140px; }
body > footer.relative > div.relative > .grid:first-child > div:first-child > .mb-5 { position: absolute; top: 0; right: 0; }
body > footer.relative img[src*="st-hundred"] { width: 104px !important; border-radius: 12px !important; box-shadow: none !important; }
body > footer.relative > div.relative > .grid:first-child > div:first-child > p { color: #d0c8d8; }
body > footer.relative > div.relative > .flex a { display: inline-flex; align-items: center; min-height: 44px; color: #d0c8d8; }
body > footer.relative > div.relative > p:last-child { color: #a89bb6; }
@media (max-width: 1023px) {
  body > footer.relative > div.relative { padding: 48px 32px 28px; }
  body > footer.relative > div.relative > .grid:first-child > div:first-child { grid-column: 1 / -1; padding-right: 150px; min-height: 180px; }
}
@media (max-width: 639px) {
  body > footer.relative { margin: 16px 8px 8px; border-radius: 32px; }
  body > footer.relative > div.relative { padding: 36px 24px 28px; }
  body > footer.relative > div.relative > .grid:first-child { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 20px; padding-bottom: 32px; }
  body > footer.relative > div.relative > .grid:first-child > div:first-child { padding-right: 0; padding-top: 0; }
  body > footer.relative > div.relative > .grid:first-child > div:first-child > .mb-5 { top: 0; right: 0; }
  body > footer.relative img[src*="st-hundred"] { width: 70px !important; border-radius: 8px !important; }
  body > footer.relative > div.relative > .grid:first-child > div:first-child > p { padding-right: 86px; margin-top: 24px; font-size: 14px; }
  body > footer.relative ul a { font-size: 14px; min-height: 36px; }
}
/* Keep legal copy readable on the dark panel, including older claim templates. */
body > footer.relative > div.relative > .grid:not(:first-child) { color: #bfb3ca; }
body > footer.relative > div.relative > .grid:not(:first-child) p,
body > footer.relative > div.relative > .grid:not(:first-child) a { color: #bfb3ca; }

/* Approved cool-mint palette: adapters for immutable legacy page markup. */
body:is([data-site-ui],[data-claim-design]) { --apple:#8de2c0; --tangerine:#e8d5f0; }
body:is([data-site-ui],[data-claim-design]) :is(.btn-secondary,.bg-apple,.confirm-selection,.text-send,.lead-submit,.call-btn) {background:#8de2c0!important;color:#17042d!important}
body:is([data-site-ui],[data-claim-design]) :is(.btn-secondary,.bg-apple,.confirm-selection,.text-send,.lead-submit,.call-btn):hover {background:#a6ebd0!important}
body:is([data-site-ui],[data-claim-design]) :is(.text-apple,.mob-links a:hover,.help-card .help-card-link,.help-card.active .help-card-title,#contact .hero-selling-point::before) {color:#8de2c0!important}
body:is([data-site-ui],[data-claim-design]) .progress-fill {background:linear-gradient(90deg,#8de2c0,#b948ff)!important}
body:is([data-site-ui],[data-claim-design]) .bg-tangerine {background:#e8d5f0!important;color:#17042d!important}
body:is([data-site-ui],[data-claim-design]) .text-tangerine {color:#74647f!important}
body:is([data-site-ui],[data-claim-design]) [stroke="#EA4E14" i] {stroke:#74647f!important}
/* Error states remain recognisably distinct from the decorative palette. */
body[data-site-ui] .lead-field-error {color:#b4233c!important}
body[data-site-ui] .lead-field.invalid :is(input,select,textarea) {border-color:#b4233c!important}
body:is([data-site-ui],[data-claim-design]) [fill="#d5f635" i] {fill:#8de2c0!important}
body:is([data-site-ui],[data-claim-design]) [stroke="#d5f635" i] {stroke:#8de2c0!important}
body:is([data-site-ui],[data-claim-design]) :is([style*="background: #d5f635" i],[style*="background:#d5f635" i]) {background:#8de2c0!important}
body:is([data-site-ui],[data-claim-design]) :is([style*="background-color: #d5f635" i],[style*="background-color:#d5f635" i]) {background-color:#8de2c0!important}
body:is([data-site-ui],[data-claim-design]) :is([style*="color: #d5f635" i],[style*="color:#d5f635" i]) {color:#8de2c0!important}
body:is([data-site-ui],[data-claim-design]) :is([style*="border-color: #d5f635" i],[style*="border-color:#d5f635" i]) {border-color:#8de2c0!important}
body:is([data-site-ui],[data-claim-design]) [fill="#ff895d" i] {fill:#e8d5f0!important}
body:is([data-site-ui],[data-claim-design]) [stroke="#ff895d" i] {stroke:#e8d5f0!important}
body:is([data-site-ui],[data-claim-design]) :is([style*="background: #ff895d" i],[style*="background:#ff895d" i]) {background:#e8d5f0!important}
body:is([data-site-ui],[data-claim-design]) :is([style*="background-color: #ff895d" i],[style*="background-color:#ff895d" i]) {background-color:#e8d5f0!important}
body:is([data-site-ui],[data-claim-design]) :is([style*="color: #ff895d" i],[style*="color:#ff895d" i]) {color:#74647f!important}
body:is([data-site-ui],[data-claim-design]) :is([style*="border-color: #ff895d" i],[style*="border-color:#ff895d" i]) {border-color:#e8d5f0!important}
body:is([data-site-ui],[data-claim-design]) .text-redorange {color:#74647f!important}
body[data-claim-design] #main-content .hero-start-cta {border-color:#8de2c0!important}
body[data-claim-design] #main-content .cl-form .cl-form-next:hover {background:#a6ebd0!important}
body:is([data-site-ui],[data-claim-design]) [class~="bg-apple/20"] {background-color:rgb(141 226 192 / 20%)!important}
body:is([data-site-ui],[data-claim-design]) [class~="hover:text-apple"]:hover {color:#8de2c0!important}
body:is([data-site-ui],[data-claim-design]) :is([style*="background: rgba(213,246,53"],[style*="background:rgba(213,246,53"]) {background:rgb(141 226 192 / 15%)!important;border-color:rgb(141 226 192 / 30%)!important}
body:is([data-site-ui],[data-claim-design]) :is([style*="background: rgba(255,137,93"],[style*="background:rgba(255,137,93"]) {background:#e8d5f0!important}

/* Section labels: readable sentence case, without decorative tracking. */
body #main-content :is(p.uppercase,span.uppercase,[class*="eyebrow"],.cl-step-label,p[class*="tracking-"]),
body :is(main,section) :is(p.uppercase,span.uppercase,[class*="eyebrow"],.cl-step-label,p[class*="tracking-"]),
body :is(.dm-review-bar>span,.hm-toolbar>span){
 text-transform:none!important;letter-spacing:normal!important;font-size:15px!important;
 font-weight:600!important;line-height:1.45!important;
}

/* Match the medical menu mascot to its plum siblings without changing body artwork.
   Map the source violet and dark ink to plum, and its lavender to the menu palette. */
body:is([data-site-ui],[data-claim-design]) :is(#servicesFullMenu,#mobileNavPanel) img[src$="icon_medical-doctor.webp"]{filter:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22plum%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.1108105%201.2095283%20-0.4637652%200.0000000%200.2593094%200.1192417%201.3015576%20-0.4990517%200.0000000%200.1289543%200.0933458%201.0188961%20-0.3906718%200.0000000%200.3940368%200.0000000%200.0000000%200.0000000%201.0000000%200.0000000%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#plum")!important}

/* Claim online: clear pointer feedback and immediate touch press. */
body #siteHeader a:is(#headerStartClaim,.cl-header-claim){transition:background-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}
@media(hover:hover) and (pointer:fine){
 body #siteHeader a:is(#headerStartClaim,.cl-header-claim):hover{transform:translateY(-2px)!important;box-shadow:0 5px 12px #17042d24!important}
}
body #siteHeader a:is(#headerStartClaim,.cl-header-claim):is(:active,[data-claim-pressed]){transform:translateY(1px) scale(.96)!important;box-shadow:inset 0 2px 4px #17042d26!important;transition-duration:60ms}
@media(prefers-reduced-motion:reduce){
 body #siteHeader a:is(#headerStartClaim,.cl-header-claim){transition:none!important}
 body #siteHeader a:is(#headerStartClaim,.cl-header-claim):is(:hover,:active,[data-claim-pressed]){transform:none!important}
}