/* Service detail only. Existing comparison behavior and admin content stay intact. */
.bcp-service-detail{--sd-page:#fff;--sd-card:#fff;--sd-soft:color-mix(in srgb,var(--bcp-primary,#4c5ff0) 3%,#fff);--sd-border:color-mix(in srgb,var(--bcp-primary,#4c5ff0) 14%,#e9edf3);--sd-shadow:0 8px 24px rgba(24,40,70,.055);background:var(--sd-page)}
[data-theme="dark"] .bcp-service-detail{--sd-page:#101925;--sd-card:#182333;--sd-soft:#131f2e;--sd-border:#2b394d;--sd-shadow:0 8px 24px rgba(0,0,0,.12)}
body .bcp-service-detail .bcp-service-overview{padding:52px 0}
.bcp-service-detail .bcp-service-visual{padding:10px;background:var(--sd-card);border-radius:22px;border-color:var(--sd-border);box-shadow:var(--sd-shadow)}
.bcp-service-detail .bcp-service-overview-copy{padding-left:30px}
.bcp-service-detail .bcp-service-overview-copy h2{font-size:30px!important;letter-spacing:-.5px}
.bcp-service-detail .bcp-service-short,.bcp-service-detail .bcp-service-short p{font-size:14px!important;line-height:1.8}
.bcp-service-detail .bcp-detail-button:hover{background:var(--bcp-primary);color:var(--bcp-on-primary,#fff)}
.bcp-service-detail .bcp-detail-button i{color:inherit}
.bcp-service-detail .bcp-service-types{background:var(--sd-soft);padding:40px 0}
.bcp-service-detail .bcp-type-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:18px}
.bcp-service-detail .bcp-type-card,.bcp-service-detail .bcp-type-content,.bcp-service-detail .bcp-type-image{background:var(--sd-card)}
.bcp-service-detail .bcp-type-card{box-shadow:var(--sd-shadow)}
.bcp-service-detail .bcp-type-image{padding:10px 10px 0}
.bcp-service-detail .bcp-type-image img{border-radius:11px;background:transparent}
.bcp-service-detail .bcp-type-content{padding:17px 15px 19px}
.bcp-service-detail .bcp-type-heading h3{font-size:13px!important}
.bcp-service-detail .bcp-type-content p{line-height:1.7}
.bcp-service-detail .bcp-article-section{padding:40px 0;background:var(--sd-page)}
.bcp-service-detail .bcp-article-soft{background:var(--sd-soft)}
.bcp-service-detail .bcp-detail-section-heading h2{font-size:25px!important;line-height:1.35;letter-spacing:-.3px}
.bcp-service-detail .bcp-article-intro-box{padding:30px;border:0;box-shadow:none;background:var(--sd-page)}
.bcp-service-detail .bcp-article-intro-box.has-image{grid-template-columns:1.1fr 1fr;gap:40px}
.bcp-service-detail .bcp-article-intro-image{padding:8px;background:var(--sd-card);border:1px solid var(--sd-border);box-shadow:var(--sd-shadow);border-radius:19px}
.bcp-service-detail .bcp-article-paragraphs p{font-size:14px!important;line-height:1.8}
.bcp-service-detail .bcp-article-card{background:var(--sd-card);border-color:var(--sd-border);box-shadow:var(--sd-shadow);padding:20px}
.bcp-service-detail .bcp-article-card-copy h3{font-size:14px!important;overflow-wrap:normal}
.bcp-service-detail .bcp-article-card-copy p{line-height:1.7}
.bcp-service-detail .bcp-article-audience .bcp-article-card-grid{gap:0 28px}
.bcp-service-detail .bcp-article-audience .bcp-article-card{display:flex;gap:13px;align-items:flex-start;border:0;border-bottom:1px solid var(--sd-border);border-radius:0;box-shadow:none;background:transparent;padding:22px 0;transform:none}
.bcp-service-detail .bcp-article-audience .bcp-article-icon{flex:0 0 35px;margin:0}
.bcp-service-detail .bcp-article-uses .bcp-article-card{border:0;border-radius:12px;box-shadow:none;padding:17px;background:var(--sd-card)}
.bcp-service-detail .bcp-article-why .bcp-article-card{border-top:3px solid color-mix(in srgb,var(--bcp-primary) 45%,var(--sd-card));box-shadow:none}
.bcp-service-detail .bcp-service-faq{background:var(--sd-card);border-color:var(--sd-border);box-shadow:none;margin-bottom:12px;border-radius:14px}
.bcp-service-detail .bcp-service-faq-answer{font-size:13px;line-height:1.8}
body .bcp-service-detail .bcp-action{background:var(--sd-page)!important;padding:12px 0 32px}
body .bcp-service-detail .bcp-action .call-to-action-inner{background:var(--sd-soft)!important;border-color:var(--sd-border)!important;box-shadow:none;padding:28px 30px}
body .bcp-service-detail .bcp-action .bcp-action-link{background:var(--sd-card)!important}
body .bcp-service-detail .bcp-process{background:var(--sd-page);padding:32px 0 20px}
body .bcp-service-detail .bcp-process .single-how-it-work-box{background:var(--sd-card);border-color:var(--sd-border);padding:20px 17px;text-align:left;box-shadow:var(--sd-shadow);border-radius:17px}
body .bcp-service-detail .bcp-process .single-how-it-work-box .icon{width:44px;height:44px;margin:0 0 16px;border-radius:13px}
body .bcp-service-detail .bcp-process .single-how-it-work-box .icon i,body .bcp-service-detail .bcp-process .single-how-it-work-box .icon svg{font-size:20px}
body .bcp-service-detail .bcp-process .bcp-step-number{left:auto;right:16px;top:22px}
body .bcp-service-detail .bcp-process .single-how-it-work-box .content .title{font-size:15px;margin-bottom:8px}
body .bcp-service-detail .bcp-process .single-how-it-work-box .content p{font-size:12px;line-height:1.7}
.bcp-service-detail .bcp-related-services{padding:32px 0 48px;background:var(--sd-soft)}
.bcp-service-detail .bcp-related-card{background:var(--sd-card);border-color:var(--sd-border);box-shadow:var(--sd-shadow)}
.bcp-service-detail .bcp-related-card img{background:transparent}
@media(max-width:991px){.bcp-service-detail .bcp-service-overview-copy{padding:28px 0 0}.bcp-service-detail .bcp-article-intro-box.has-image{grid-template-columns:1fr;gap:24px}.bcp-service-detail .bcp-article-intro-box{padding:10px 0}.bcp-service-detail .bcp-article-intro-image{max-width:650px}}
@media(max-width:575px){body .bcp-service-detail .bcp-service-overview{padding:28px 0}.bcp-service-detail .bcp-service-overview-copy h2{font-size:25px!important}.bcp-service-detail .bcp-detail-section-heading h2{font-size:22px!important}.bcp-service-detail .bcp-article-section{padding:29px 0}.bcp-service-detail .bcp-type-grid{grid-template-columns:1fr}.bcp-service-detail .bcp-detail-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bcp-service-detail .bcp-detail-button{padding:10px 8px;font-size:11px;min-height:44px}.bcp-service-detail .bcp-article-audience .bcp-article-card{padding:17px 0}.bcp-service-detail .bcp-article-card{padding:18px}body .bcp-service-detail .bcp-action .call-to-action-inner{padding:22px 19px}body .bcp-service-detail .bcp-process .single-how-it-work-box{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px}body .bcp-service-detail .bcp-process .single-how-it-work-box .icon{margin:0}body .bcp-service-detail .bcp-process .bcp-step-number{position:static;grid-column:1;grid-row:2;justify-self:center;padding:1px 6px;font-size:10px}body .bcp-service-detail .bcp-process .content{grid-column:2;grid-row:1 / span 2}body .bcp-service-detail .bcp-process .row.text-center>[class*="col-"]{margin-bottom:12px}.bcp-service-detail .bcp-related-services{padding:28px 0 36px}}
@media(prefers-reduced-motion:reduce){.bcp-service-detail *, .bcp-service-detail *:before,.bcp-service-detail *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* V87: override the earlier global dark-card rules, scoped to service content. */
html body .bcp-service-detail .bcp-article-audience .bcp-article-card-grid{gap:16px}
html body .bcp-service-detail .bcp-article-audience .bcp-article-card{padding:19px;border:1px solid var(--sd-border)!important;border-radius:15px!important;background:var(--sd-card)!important;box-shadow:var(--sd-shadow)!important;transform:none!important}
html[data-theme="dark"] body .bcp-service-detail .bcp-article-audience .bcp-article-card{background:var(--sd-card)!important;border-color:var(--sd-border)!important}
html body .bcp-service-detail .bcp-article-audience .bcp-article-card:hover{border-color:color-mix(in srgb,var(--bcp-primary) 30%,var(--sd-border))!important}
html body .bcp-service-detail .bcp-article-why .bcp-article-card{border:1px solid var(--sd-border)!important;box-shadow:var(--sd-shadow)!important}
html body .bcp-service-detail .bcp-article-why .bcp-article-card:hover{border-color:color-mix(in srgb,var(--bcp-primary) 30%,var(--sd-border))!important}
html body .bcp-service-detail .bcp-type-content p{font-size:13px!important;line-height:1.75!important}
html body .bcp-service-detail .bcp-action{padding-bottom:18px!important}
html body .bcp-service-detail .bcp-process{padding-top:22px!important}
@media(max-width:575px){html body .bcp-service-detail .bcp-article-audience .bcp-article-card{padding:17px}html body .bcp-service-detail .bcp-article-audience .bcp-article-card-grid{gap:12px}}
