/* cat-services: the data-path diagram swaps to a vertical drawing on narrow
   screens, so its right half is never hidden in a sideways scroll. */
.svc-dark .sec-head p,
.svc-flow figcaption { color: var(--dark-muted); }
.svc-flow .svc-flow-v { display: none; }
.svc-links { margin-top: 32px; }
.svc-note { margin-top: 40px; }
@media (max-width: 680px) {
  .svc-flow .dia-scroll { display: none; }
  .svc-flow .svc-flow-v { display: block; max-width: 420px; }
}
.svc-links { display: flex; flex-wrap: wrap; gap: 12px 28px; }
.svc-dark ~ .band .sec-row { row-gap: 16px; }
@media (max-width: 680px) { .svc-links { flex-direction: column; } }