/* ============================================================================
   /support on the sub page system (11 Nov 2026). Loaded in PageStyles, after sub.css.
   Every rule under .sp, tokens only. Only what the system does not already give is here.
   ============================================================================ */

/* the address is the page's one answer: large, and allowed to break on a 320px phone */
.sp .su-mail { margin: 0 0 18px; font-size: 24px; font-weight: 700; line-height: 1.3; }
.sp .su-mail a { color: var(--lp-ink); text-decoration: none; border-bottom: 2px solid var(--lp-ink); overflow-wrap: anywhere; }
.sp .su-mail a:hover, .sp .su-mail a:focus-visible { border-bottom-color: var(--lp-accent); }
@media (min-width: 760px) { .sp .su-mail { font-size: 30px; } }

.sp .su-never { margin-top: 20px; }
.sp .su-never p { color: var(--lp-muted); }

/* the policy cards end on their link, so the links of a row line up */
.sp .su-links .card { display: flex; flex-direction: column; }
.sp .su-links .card > p:not(.more) { flex: 1 0 auto; }
.sp .su-links .more { margin-top: 14px; }