/* Scoped H1/H2 layered benefits and C1 compact service rail. */
html:has(.sf-page),body.sf-page{overflow-x:clip}
#main-content .rc-intro{padding-block:20px;background:#faf8f4}
#main-content .rc-intro p{margin:0;font-size:16px}
#main-content .sf-benefit-shell{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;position:relative}
#main-content .sf-lead{text-align:left}
#main-content .sf-lead h2{font-size:36px;line-height:1.15}
#main-content .sf-lead>p:last-of-type{margin-top:20px;line-height:1.6}
#main-content .sf-benefit-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
#main-content .sf-benefit-nav button{width:44px;height:44px;flex:0 0 44px;border:1px solid #d8c8e1;border-radius:50%;background:transparent;color:#62566d;font-size:12px;transition:background .18s,transform .14s}
#main-content .sf-benefit-nav button[aria-pressed=true]{background:#38086f;color:white;border-color:#38086f}
#main-content .sf-benefit-nav button:active{transform:scale(.94)}
#main-content .sf-benefit-nav button:focus-visible,#main-content .sf-deck:focus-visible{outline:3px solid #9855d8;outline-offset:4px}
#main-content .sf-meter{height:3px;max-width:300px;background:#e2d8e9;margin-top:18px;overflow:hidden}
#main-content .sf-meter span{display:block;height:100%;background:#38086f;transform-origin:left;transform:scaleX(.1667)}
body.sf-page #main-content .cl-trust .sf-deck{display:flex;gap:20px;overflow-x:auto;padding:0 0 28px;scroll-snap-type:x mandatory;grid-template-columns:none}
body.sf-page #main-content .cl-trust .sf-deck>.sf-benefit-card{display:block;flex:0 0 100%;padding:0;border:1px solid #ded8e3;border-radius:24px;overflow:hidden;background:white;scroll-snap-align:start;text-align:left}
body.sf-page #main-content .cl-trust.sf-layered .sf-deck{display:block;position:relative;height:calc(var(--sf-card-height) + 30px);overflow:visible;touch-action:pan-y}
body.sf-page #main-content .cl-trust.sf-layered .sf-benefit-card{position:absolute;inset:0 0 auto;width:100%;height:var(--sf-card-height);transform-origin:center 85%}
#main-content .sf-art{position:relative;height:210px;display:flex;align-items:center;justify-content:center;background:#e8d5f0}
body.sf-page #main-content .cl-trust .sf-art>img{width:160px;height:160px;margin:0;border-radius:0;object-fit:contain}
#main-content .sf-number{position:absolute;right:20px;top:18px;font-size:11px;letter-spacing:.05em;color:#62566d}
#main-content .sf-copy{padding:26px}
body.sf-page #main-content .cl-trust .sf-copy h3{font-size:24px;line-height:1.25;margin:0 0 12px}
body.sf-page #main-content .cl-trust .sf-copy p{font-size:16px;line-height:1.6;margin:0}
#main-content .sf-character{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:160px;height:160px;object-fit:contain;opacity:0;pointer-events:none}
#main-content .sf-playing .sf-character{opacity:1}
#main-content .sf-playing .sf-art>img{opacity:0}
#main-content .sf-character{mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-composite:intersect}
#main-content .service-benefit-note{margin-top:40px}
body.sf-page #main-content .cl-injuries .sf-service-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:10px;grid-template-columns:none;overscroll-behavior-x:contain}
body.sf-page #main-content .cl-injuries .sf-service-rail>div{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start}
#main-content .sf-gallery-controls{margin-top:20px}
@media(max-width:999px){body.sf-page #main-content .cl-injuries .sf-service-rail>div{flex-basis:calc((100% - 20px)/2)}body.sf-page #main-content .cl-injuries .sf-service-rail{gap:20px}}
@media(max-width:899px){
 #main-content .sf-benefit-shell{display:flex;flex-direction:column;gap:24px;align-items:stretch}
 #main-content .sf-lead h2{font-size:30px}
 #main-content .sf-lead>p:last-of-type{margin-top:12px;font-size:15px}
 #main-content .sf-benefit-nav{margin-top:18px;gap:7px}
 #main-content .sf-meter{margin-top:12px;max-width:none}
 #main-content .sf-art{height:164px}
 body.sf-page #main-content .cl-trust .sf-art>img,#main-content .sf-character{width:144px;height:144px}
 #main-content .sf-copy{padding:22px}
 body.sf-page #main-content .cl-trust .sf-copy h3{font-size:22px}
 body.sf-page #main-content .cl-trust .sf-copy p{font-size:15px}
}
@media(max-width:639px){body.sf-page #main-content .cl-injuries .sf-service-rail>div{flex-basis:calc(100% - 24px)}body.sf-page #main-content .cl-injuries .sf-service-rail{gap:16px}}
@media(max-width:359px){#main-content .sf-benefit-nav{gap:3px}#main-content .sf-art{height:144px}body.sf-page #main-content .cl-trust .sf-art>img,#main-content .sf-character{width:126px;height:126px}#main-content .sf-copy{padding:20px}}
@media(prefers-reduced-motion:reduce){#main-content .sf-benefit-nav button{transition:none}}
body.sf-page #main-content .cl-trust.cl-trust-text>div>.sf-benefit-shell{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;max-width:none;width:100%;padding:0;margin:0;min-height:0}
body.sf-page #main-content .cl-trust .sf-art>img{filter:none;mix-blend-mode:normal}
@media(max-width:899px){body.sf-page #main-content .cl-trust.cl-trust-text>div>.sf-benefit-shell{display:flex;flex-direction:column;gap:24px}}
body.sf-page #main-content .sf-benefit-shell,body.sf-page #main-content .cl-trust>div>.pin-spacer{max-width:none!important;padding-inline:0!important}
/* Remove the empty legacy rounded divider beneath the closing section. */
body[data-site-ui] #main-content + div:has(> div:only-child:empty){display:none}
/* Keep the hero message short and the selling points ahead of the actions. */
body[data-site-ui] #main-content .service-hero-summary{color:rgba(255,255,255,.85);font-size:18px;line-height:1.45;font-weight:300;margin:0 0 24px;max-width:540px}
body[data-site-ui] #main-content .cl-hero-copy>.hero-proof-line{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin:0 0 28px;padding:0;border:0;max-width:570px;width:100%}
body[data-site-ui] #main-content .cl-hero-copy .hero-proof-item{display:flex;flex-direction:row;align-items:flex-start;gap:10px;padding:0;text-align:left}
body[data-site-ui] #main-content .cl-hero-copy .hero-proof-item svg{width:18px;height:18px;flex:0 0 18px;margin-top:3px}
body[data-site-ui] #main-content .cl-hero-copy .hero-proof-item span{font-size:15px;line-height:1.4}
body[data-site-ui] #main-content .service-hero-qualification{font-size:15px;line-height:1.55;color:#62566d;margin:0 0 16px}
@media(max-width:639px){body[data-site-ui] #main-content .service-hero-summary{font-size:16px;margin-bottom:20px}body[data-site-ui] #main-content .cl-hero-copy>.hero-proof-line{gap:16px 14px;margin-bottom:24px}body[data-site-ui] #main-content .cl-hero-copy .hero-proof-item span{font-size:14px}}

/* Let the following section stay connected to the compact service rail. */
body.sf-page #main-content .cl-injuries{padding-bottom:40px}
body.sf-page #main-content .cl-injuries + section{padding-top:40px}
body.sf-page #main-content .sf-scroll-flow .sf-service-rail{scroll-snap-type:none}

/* Match the personal-injury callback reference with the original service copy. */
body[data-site-ui] #main-content .cl-form .cl-form-next,
body[data-site-ui] #main-content .cl-form .cl-form-next:hover{background:#38086f!important;color:#fff!important}
body[data-site-ui] #main-content .cl-form .cl-form-next:hover{background:#4c1684!important}
body[data-site-ui] #main-content .cl-form-support .w-8{background:#e3f4eb;border-radius:50%;width:30px;height:30px}
body[data-site-ui] #main-content .cl-form-support svg{stroke:#8de2c0;width:18px;height:18px}

/* Complete the approved palette on service cards, including their hover state. */
body[data-site-ui] #main-content .cl-injuries .cl-injury-rail > :is(a,div),
body[data-site-ui] #main-content .cl-injuries .cl-injury-rail > :is(a,div):hover{background:#e8d5f0}

/* Recolour existing service artwork without replacing its approved silhouette. */
body[data-site-ui] #main-content .cl-injuries .cl-injury-rail img[src*="mascot_orange_"]{filter:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22service-plum%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.00000000%201.62962963%200.00000000%200.00000000%20-0.59840232%200.00000000%201.89814815%200.00000000%200.00000000%20-0.92142338%200.00000000%201.19444444%200.00000000%200.00000000%20-0.16427015%200.00000000%200.00000000%200.00000000%201.00000000%200.00000000%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#service-plum")}

/* Approved connected-scroll treatment, 15 September 2026. */
body.sf-page #main-content .cl-trust{padding-top:40px!important;padding-bottom:32px!important}
body.sf-page #main-content .cl-injuries{padding-top:36px!important;padding-bottom:32px!important}
body.sf-page #main-content .cl-injuries+section{padding-top:32px!important}
body.sf-page #main-content .sf-benefit-shell{min-height:0!important}
@media(max-width:699px){body.sf-page #main-content .cl-trust{padding-top:28px!important;padding-bottom:24px!important}body.sf-page #main-content .cl-injuries{padding-top:28px!important;padding-bottom:24px!important}}

/* Readable adjacent qualifications: restrained size, separate numbered notes. */
.service-hero-terms > div {
 max-width: 1120px;
 margin-inline: auto;
 border-top: 0;
 padding-top: 24px;
}
.service-hero-terms .service-hero-qualification {
 margin: 0 0 20px;
 color: #51455e;
 font-size: 15px;
 line-height: 1.6;
}
.service-hero-terms .hero-footnote {
 display: grid;
 gap: 10px;
 margin: 0;
 color: #62566e !important;
 font-size: 15px !important;
 line-height: 1.6 !important;
 font-weight: 400 !important;
}
.service-hero-terms .service-term-note {
 display: block;
 position: relative;
 padding-left: 22px;
}
.service-hero-terms .service-term-note > sup {
 position: absolute;
 left: 0;
 top: 0;
 font-size: 11px;
 line-height: 24px;
 color: #38086f;
}
.service-hero-terms .hero-footnote a {
 color: #38086f !important;
 text-underline-offset: 3px;
}
@media (max-width: 640px) {
 .service-hero-terms > div { padding-top: 20px; }
 .service-hero-terms .hero-footnote { gap: 14px; }
}

/* One softly curved edge beneath the hero's Trustpilot widget. */
#main-content .cl-hero-review-strip {
 position: relative;
 border-bottom: 0 !important;
}
#main-content .cl-hero-review-strip::after {
 content: "";
 position: absolute;
 inset: auto 0 0;
 height: 28px;
 border: 1px solid #ded8e3;
 border-top: 0;
 border-radius: 0 0 28px 28px;
 pointer-events: none;
}

@media (max-width: 767px) {
 #main-content .cl-hero > .cl-hero-review-strip { justify-content: flex-start; padding-inline: 24px; }
 #main-content .cl-hero-review-strip .trustpilot-widget > a { justify-content: flex-start; }
}
@media (max-width: 359px) {
 #main-content .cl-hero > .cl-hero-review-strip { padding-inline: 20px; }
}

@media (max-width: 767px) {
 #main-content .cl-hero-rating-mobile { margin-left: 0; margin-right: auto; text-align: left; }
 #main-content .cl-hero-rating-mobile .trustpilot-widget > a,
 #main-content .cl-hero-rating-mobile .service-trust-fallback { justify-content: flex-start; }
}

/* Match the medical mascot to the approved plum service artwork. */
body.sf-page #main-content .cl-trust .sf-art>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%22medical-plum%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%202.256637%200%200%20-0.884956%200%202.256637%200%200%20-0.884956%200%202.256637%200%200%20-0.884956%200%200%200%201%200%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.690196%200%200%200%200.219608%200%200.803922%200%200%200.031373%200%200%200.505882%200%200.435294%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#medical-plum"); }

/* Service-specific mobile layout must win over the shared claim hero rules. */
body[data-site-ui] #main-content .cl-hero .cl-hero-copy > .hero-proof-line {
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 width:100%!important;max-width:570px!important;gap:16px 20px!important;
 justify-content:start!important;margin:0 0 24px!important;padding:0!important;
}
body[data-site-ui] #main-content .cl-hero .hero-proof-item {
 min-width:0!important;width:auto!important;align-items:flex-start!important;gap:8px!important;
}
body[data-site-ui] #main-content .cl-hero .hero-proof-item > span {min-width:0;font-size:14px!important;line-height:1.5!important;white-space:normal!important}
body[data-site-ui] #main-content img[data-service-plum] {filter:none!important;mix-blend-mode:normal!important}
@media(max-width:899px){
 body.sf-page #main-content .cl-trust .sf-benefit-shell{gap:18px!important;align-items:stretch!important}
 body.sf-page #main-content .cl-trust .sf-deck{width:100%;min-width:0;position:relative;gap:16px;padding:0 0 8px;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
 body.sf-page #main-content .cl-trust .sf-deck>.sf-benefit-card{flex:0 0 calc(100% - 20px);height:auto;min-height:0}
 body.sf-page #main-content .sf-art{height:150px}
 body.sf-page #main-content .sf-copy{padding:20px}
 body.sf-page #main-content .sf-copy h3{font-size:21px!important}
 body.sf-page #main-content .sf-copy p{font-size:15px!important}
 body.sf-page #main-content .sf-benefit-nav{margin-top:18px;gap:6px}
 body.sf-page #main-content .sf-meter{margin-top:12px}
 body.sf-page #main-content .service-hero-terms{padding:24px!important;width:100%!important;max-width:none!important;margin:0!important}
 body.sf-page #main-content .service-hero-terms>div{padding:0!important;margin:0!important;width:100%!important;max-width:none!important}
 body.sf-page #main-content .service-hero-terms .hero-footnote{gap:10px}
 body.sf-page #main-content .cl-injuries>div{padding:24px 16px!important}
 body.sf-page #main-content .cl-injuries .sf-service-rail>div{flex-basis:calc(100% - 20px);padding:20px!important}
 body.sf-page #main-content .cl-injuries .sf-gallery{margin-top:24px}
 body.sf-page #main-content .cl-injuries h2{text-align:left!important;font-size:28px!important}
 body.sf-page #main-content .cl-injuries h2+p{text-align:left!important;font-size:15px!important}
}

/* Preserve the mobile H1 stack; only short/reduced-motion screens use the rail. */
@media(max-width:899px){
 body.sf-page #main-content .cl-trust.sf-layered .sf-deck{display:block;overflow:visible;padding-bottom:0;height:calc(var(--sf-card-height) + 30px);scroll-snap-type:none;touch-action:pan-y}
 body.sf-page #main-content .cl-trust.sf-layered .sf-deck>.sf-benefit-card{height:var(--sf-card-height);width:100%;will-change:transform,opacity}
}

body.sf-page #main-content .sf-benefit-shell>.pin-spacer{flex-shrink:0!important}

/* TrustBox already supplies its own inset; nested padding crushes its mobile layout. */
@media(max-width:767px){
 body.sf-page #main-content .cl-closing .service-final-review{padding:0;border-radius:12px;min-width:0;width:100%;max-width:none}
 body.sf-page #main-content .cl-closing .service-final-review .trustpilot-widget{width:100%;min-width:0}
 body.sf-page #main-content .cl-closing .service-final-review iframe{display:block;width:100%!important;max-width:100%}
 body.sf-page #main-content .cl-closing .service-final-review-fallback{padding:20px}
}

@media(max-width:767px){
 body.sf-page #main-content .cl-closing>div{padding-inline:16px}
 body.sf-page #main-content .cl-closing>div>div{padding:28px 12px}
}

/* Qualifications: one composed reading panel, with clear numbered rows. */
body.sf-page #main-content .service-hero-terms{padding:28px 24px!important}
body.sf-page #main-content .service-hero-terms>div{padding:24px!important;margin-inline:auto!important;max-width:1120px!important;width:100%!important;background:#faf8f5;border:1px solid #e7e1e9;border-radius:20px}
body.sf-page #main-content .service-hero-terms .service-hero-qualification{font-size:15px;line-height:1.55;font-weight:500;color:#30203f;margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid #e7e1e9}
body.sf-page #main-content .service-hero-terms .hero-footnote{gap:0;font-size:14px!important;line-height:1.6!important;color:#62566d!important}
body.sf-page #main-content .service-hero-terms .service-term-note{padding:14px 0 14px 34px;border-bottom:1px solid #e7e1e9}
body.sf-page #main-content .service-hero-terms .service-term-note:first-child{padding-top:0}
body.sf-page #main-content .service-hero-terms .service-term-note:last-child{padding-bottom:0;border-bottom:0}
body.sf-page #main-content .service-hero-terms .service-term-note>sup{top:14px;width:23px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eee8f3;color:#38086f;font-size:11px;line-height:1;font-weight:600}
body.sf-page #main-content .service-hero-terms .service-term-note:first-child>sup{top:0}
@media(max-width:767px){
 body.sf-page #main-content .service-hero-terms{padding:24px 16px!important}
 body.sf-page #main-content .service-hero-terms>div{padding:18px!important;border-radius:18px}
 body.sf-page #main-content .service-hero-terms .service-hero-qualification{font-size:14px;margin-bottom:14px;padding-bottom:14px}
 body.sf-page #main-content .service-hero-terms .service-term-note{padding-left:30px}
}

/* Match the homepage Important information hierarchy and responsive rows. */
body.sf-page #main-content #important-information.sf-information{background:#fff;padding:40px 24px 56px;border:0}
body.sf-page #main-content .sf-information-layout{max-width:1176px;margin:auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px;padding-top:24px}
body.sf-page #main-content .sf-information h2{font-size:32px!important;line-height:1.1!important;margin:0!important;letter-spacing:-.025em!important}
body.sf-page #main-content .sf-information-row{padding:22px 0;border-bottom:1px solid #e6dfea}
body.sf-page #main-content .sf-information-row:first-child{padding-top:0}
body.sf-page #main-content .sf-information-row h3{font-size:17px!important;font-weight:600!important;margin:0 0 10px;color:#17042d}
body.sf-page #main-content .sf-information-row p{font-size:14px!important;line-height:1.65!important;color:#62556e;margin:0 0 12px!important}
body.sf-page #main-content .sf-information-row p:last-child{margin-bottom:0!important}
@media(max-width:767px){body.sf-page #main-content .sf-information-layout{grid-template-columns:1fr;gap:28px;padding-top:20px;max-width:100%}body.sf-page #main-content .sf-information h2{font-size:28px!important}body.sf-page #main-content #important-information.sf-information{padding:28px 24px 40px}}

body.sf-page #main-content #important-information>.sf-information-layout{padding-inline:0!important;width:100%}