.cap__bus--six { --stations: 6; }
.cap__bus--six .cap__stations { grid-template-columns: repeat(6, 1fr); }
.cap__more { margin-top: var(--s-3); }
.cap__more a { color: var(--blue-500); font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.cap__more a:hover, .cap__more a:focus-visible { color: var(--cyan-400); }
.cap__media { position: relative; min-height: 185px; margin-top: var(--s-4); overflow: hidden; border-radius: 12px; background: var(--ink-900); }
.cap__media img { display: block; width: 100%; height: 100%; min-height: 185px; object-fit: cover; }
@media (min-width: 901px) and (max-width: 1200px) { .cap__bus--six .cap__stations { grid-template-columns: repeat(3, 1fr); row-gap: var(--s-5); } .cap__bus--six .cap__line { display: none; } }
@media (max-width: 900px) { .cap__bus--six .cap__stations { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .cap__bus--six .cap__stations { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: no-preference) { .cap__panel:hover .cap__media img { scale: 1.025; transition: scale 320ms var(--e-out); } }