/* Apply page: the four routes are plain divided rows (see .hs-list in
   site-simple.css). Only the preview notice and the suggested-route marker
   need styles of their own. */
.apply-connection-note { margin: 24px 0 0; color: var(--muted); font-size: 15px; line-height: 1.6; }
.apply-connection-note strong { display: block; color: var(--navy); font-size: 16px; }
.apply-card.is-suggested strong { color: #257d9c; }
.apply-card.is-suggested::before { content: "Suggested"; grid-row: 1; grid-column: 2; align-self: baseline; justify-self: end; margin-right: 12px; color: #257d9c; font-family: var(--display); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }