/* ============================================================================
   /connect on the sub page system (9 Oct 2026). Loaded in PageStyles, after sub.css.
   Every rule under .sp, tokens only (no hex outside tos-site.css, canon guard rule 4).
   No instrument: four routes as cards (two by two from 760px), the company as a held
   sentence with its links. Only what the system does not already give is here.
   ============================================================================ */

/* each route card ends on its action, so the actions of a row line up */
.sp .cn-routes .card { display: flex; flex-direction: column; }
.sp .cn-routes .card > p:not(.more) { flex: 1 0 auto; }
.sp .cn-routes .more { margin-top: 14px; }
/* an address is a long unbroken word: let it break on a 320px phone rather than overflow */
.sp .cn-mail a { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }

@media (min-width: 1180px) {
  .sp .cn-routes { column-gap: 56px; }
  .sp .cn-routes .card { padding-block: 26px 30px; }
}