/* Shared service content; colors follow the existing A/B themes. */
.reducer-section { --r-bg:#18222e; --r-text:#f5f8fc; --r-muted:#adbdcd; --r-accent:#a9cdff; --r-aside:#1b3045; --r-line:#334b62; padding-top:16px; }
body[data-variant="B"] .reducer-section { --r-bg:#fff; --r-text:#0f172a; --r-muted:#475569; --r-accent:#1d4ed8; --r-aside:#eff6ff; --r-line:#dbe5f1; }
.reducer-shell { background:var(--r-bg); border:1px solid var(--r-line); border-radius:24px; padding:clamp(24px,3.5vw,48px); color:var(--r-text); }
.reducer-heading { max-width:850px; margin-bottom:28px; }
.reducer-heading .eyebrow { color:var(--r-accent); font-size:.875rem; margin-bottom:12px; }
.reducer-heading h2 { color:var(--r-text); font-size:clamp(1.85rem,3vw,2.8rem); line-height:1.14; text-wrap:balance; }
.reducer-lead { max-width:700px; font-size:1.125rem; margin-top:16px; color:var(--r-muted); }
.reducer-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:start; gap:clamp(24px,4vw,48px); }
.reducer-layout h3 { color:var(--r-text); font-size:1.375rem; line-height:1.25; margin-bottom:12px; }
.reducer-layout p { color:var(--r-muted); font-size:1rem; line-height:1.6; }
.reducer-steps { list-style:none; padding:0; margin:24px 0; display:grid; gap:16px; }
.reducer-steps li { display:flex; align-items:start; gap:14px; }
.reducer-step-number { color:var(--r-accent); border:1px solid var(--r-line); width:36px; height:36px; border-radius:10px; display:grid; place-items:center; flex-shrink:0; font-size:.875rem; font-weight:750; }
.reducer-steps strong { display:block; color:var(--r-text); font-size:1rem; margin-bottom:4px; }
.reducer-actions { display:flex; align-items:center; gap:12px 20px; flex-wrap:wrap; }
.reducer-actions .button { max-width:100%; }
.reducer-actions .text-link { color:var(--r-accent); min-height:44px; font-size:.9375rem; }
.reducer-binding { background:var(--r-aside); padding:28px; border:1px solid var(--r-line); border-radius:18px; min-width:0; }
.reducer-badge { display:block; color:var(--r-accent); font-size:.875rem; letter-spacing:.08em; font-weight:750; margin-bottom:14px; }
.reducer-binding .button { margin-top:20px; width:100%; text-align:center; }
.reducer-own { padding-top:22px; margin-top:24px; border-top:1px solid var(--r-line); }
.reducer-own strong { display:block; color:var(--r-text); margin-bottom:8px; font-size:1rem; line-height:1.4; }
.reducer-benefits { list-style:none; padding:24px 0 0; margin:28px 0 0; border-top:1px solid var(--r-line); display:grid; grid-template-columns:1fr 1.5fr 1fr; gap:20px; }
.reducer-benefits li { display:flex; align-items:start; gap:10px; color:var(--r-muted); font-size:.9375rem; line-height:1.5; }
.reducer-benefits .svg-icon { color:var(--r-accent); width:22px; height:22px; flex-shrink:0; }
@media(max-width:820px) { .reducer-layout { grid-template-columns:1fr; } .reducer-benefits { grid-template-columns:1fr; gap:12px; } .reducer-heading { margin-bottom:24px; } .reducer-binding { padding:24px; } }
@media(max-width:480px) { .reducer-shell { padding:24px 18px; border-radius:18px; } .reducer-binding { padding:22px 18px; } .reducer-actions { display:grid; } .reducer-actions .button { width:100%; } .reducer-actions .text-link { justify-content:center; } .reducer-lead { font-size:1rem; } }

/* Primary services: batteries first, 9X reducer second, diagnostics and TO combined. */
.service-item,.service-card { position:relative; }
.service-anchor { position:absolute; top:0; left:0; width:1px; height:1px; pointer-events:none; scroll-margin-top:calc(var(--header-height,90px) + 20px); }
.bento-reducer { background:#1b3045; border-color:#5489b9; }
.bento-reducer .service-details-link { grid-column:2; margin:-8px 0 18px; color:var(--pale); font-size:.9375rem; min-height:44px; }
.service-item.service-reducer { background:#f8fbff; border-color:#b7d0f6; }
.service-reducer .service-details-link { margin-bottom:16px; color:var(--accent-blue); }