.svc-jump { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.svc-jump button { font:inherit; color:var(--ink); background:white; border:1px solid var(--line); border-radius:4px; padding:12px 16px; cursor:pointer; min-height:44px; }
.svc-jump button[aria-pressed="true"] { color:white; background:#b51c23; border-color:#b51c23; }
.svc-jump button:focus-visible, .svc-details summary:focus-visible { outline:3px solid #b51c23; outline-offset:4px; }
.svc-group[hidden] { display:none; }
.svc-card { scroll-margin-top:110px; }
.svc-details { margin-block:16px; }
.svc-details summary { cursor:pointer; color:#b51c23; padding:12px 0; min-height:44px; font-weight:600; }
.svc-details[open] summary { margin-bottom:12px; }
.svc-details .clinic-photo img { max-height:340px; }
.svc-help { margin-bottom:24px; }
.svc-wrap { padding-top:0; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
/* Category accents supplement the written labels and pressed state. */
.svc-jump [data-service-filter="eye-care"], .svc-jump a[href="#eye-care"], .svc-group#eye-care { --svc-accent:#a51d2d; --svc-tint:#fff1f3; }
.svc-jump [data-service-filter="correction"], .svc-jump a[href="#correction"], .svc-group#correction { --svc-accent:#225fa5; --svc-tint:#eef5ff; }
.svc-jump [data-service-filter="diagnostics"], .svc-jump a[href="#diagnostics"], .svc-group#diagnostics { --svc-accent:#6e4095; --svc-tint:#f6f0fb; }
.svc-jump [data-service-filter="access"], .svc-jump a[href="#access"], .svc-group#access { --svc-accent:#176b56; --svc-tint:#eef8f4; }
.svc-jump button[data-service-filter]:not([data-service-filter="all"]), .svc-jump a { color:var(--svc-accent); background:var(--svc-tint); border:1px solid var(--svc-accent); border-radius:4px; }
.svc-jump button[data-service-filter][aria-pressed="true"]:not([data-service-filter="all"]) { color:white; background:var(--svc-accent); border-color:var(--svc-accent); }
.svc-jump a { padding:12px 16px; }
.svc-group .svc-group-head { border-left:4px solid var(--svc-accent); padding-left:16px; }
.svc-group .svc-card { border-top:3px solid var(--svc-accent); }
.svc-group .svc-details summary { color:var(--svc-accent); }
@media (forced-colors:active) { .svc-jump button[aria-pressed="true"] { outline:2px solid Highlight; outline-offset:2px; } }
/* Service actions inherit their category accent, including interaction states. */
.svc-group .svc-cta .btn-primary,
.svc-group .svc-cta .btn-primary:hover,
.svc-group .svc-cta .btn-primary:active { color:#fff; background:var(--svc-accent); border-color:var(--svc-accent); }
.svc-group .svc-cta .btn-outline,
.svc-group .svc-cta .btn-outline:hover,
.svc-group .svc-cta .btn-outline:active { color:var(--svc-accent); background:var(--svc-tint); border-color:var(--svc-accent); }
.svc-group .svc-cta .btn:focus-visible { outline:3px solid var(--svc-accent); outline-offset:4px; }