/* Support index and migrated support pages. */
.support-hero__subtitle,
.support-hero__date { color: rgba(255, 255, 255, .78); margin: 12px 0 0; max-width: 680px; line-height: 1.7; }
.support-hero__date { font-size: 14px; }

.support-index-shell,
.support-page-shell { background: #F8FAFC; color: #374151; }
.support-index { padding: 72px 40px 96px; }
.support-index__intro { max-width: 760px; margin-bottom: 44px; }
.support-index__eyebrow { color: var(--color-cyan); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.support-index__intro h2 { margin: 12px 0 14px; color: #111827; font-family: var(--font-heading); font-size: 32px; }
.support-index__intro p { margin: 0; color: #64748B; line-height: 1.8; }
.support-index__grid { display: grid; grid-template-columns: minmax(250px, .7fr) minmax(0, 1.3fr); gap: 28px; align-items: start; }
.support-index__section { padding: 26px 28px; border: 1px solid #E2E8F0; border-radius: 10px; background: #fff; }
.support-index__section h3 { margin: 0 0 18px; color: #111827; font-size: 18px; }
.support-index__link, .support-index__article { color: #1F2937; text-decoration: none; }
.support-index__link { display: flex; justify-content: space-between; gap: 20px; padding: 14px 0; border-top: 1px solid #E2E8F0; }
.support-index__link:hover, .support-index__article:hover strong { color: #0284C7; }
.support-index__articles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; }
.support-index__article { position: relative; display: block; min-width: 0; padding: 14px 22px 14px 0; border-top: 1px solid #E2E8F0; }
.support-index__article-date { display: block; margin-bottom: 5px; color: #94A3B8; font-size: 12px; }
.support-index__article strong { display: block; padding-right: 12px; font-size: 14px; line-height: 1.55; transition: color .2s ease; }
.support-index__article-arrow { position: absolute; top: 38px; right: 0; color: #0284C7; }

.support-page-layout { max-width: 1400px; margin: 0 auto; padding: 0 40px 96px; display: grid; grid-template-columns: 250px minmax(0, 860px); gap: 48px; align-items: start; }
.support-page-sidebar { position: sticky; top: 96px; padding: 22px 0; border-right: 1px solid #E2E8F0; }
.support-page-sidebar a { display: block; padding: 9px 22px 9px 0; color: #475569; font-size: 13px; line-height: 1.45; text-decoration: none; }
.support-page-sidebar a:hover { color: #0284C7; }
.support-page-sidebar__back { margin-bottom: 22px; color: #0284C7 !important; font-weight: 600; }
.support-page-sidebar__title { padding: 0 22px 8px 0; color: #94A3B8; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.support-page-content { min-width: 0; padding: 40px 48px; border: 1px solid #E2E8F0; border-radius: 10px; background: #fff; }
.support-page-content__source { margin-bottom: 28px; color: #94A3B8; font-size: 12px; line-height: 1.6; }
.support-page-content__source a { color: #0284C7; overflow-wrap: anywhere; }
.support-richtext { color: #374151; font-size: 16px; line-height: 1.85; }
.support-richtext p { margin: 0 0 18px; }
.support-richtext strong, .support-richtext b { color: #111827; }
.support-richtext a { color: #0284C7; overflow-wrap: anywhere; }
.support-richtext img { display: block; width: auto; max-width: 100%; height: auto; margin: 22px auto; border: 1px solid #E2E8F0; border-radius: 6px; box-shadow: 0 6px 18px rgba(15, 23, 42, .08); }
.support-richtext--legal { font-size: 15px; }
.support-richtext--legal > p:first-child { margin-bottom: 30px; color: #111827; font-size: 26px; font-weight: 800; text-align: center; }
.support-richtext table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.support-richtext th, .support-richtext td { padding: 9px 12px; border: 1px solid #E2E8F0; }

@media (max-width: 900px) {
  .support-index { padding: 56px 24px 72px; }
  .support-index__grid { grid-template-columns: 1fr; }
  .support-page-layout { grid-template-columns: 1fr; gap: 20px; padding: 0 24px 72px; }
  .support-page-sidebar { position: static; padding: 20px 0 10px; border-right: 0; border-bottom: 1px solid #E2E8F0; }
  .support-page-sidebar a { display: inline-block; padding: 7px 18px 7px 0; }
  .support-page-sidebar__title { display: inline-block; padding-right: 14px; }
  .support-page-content { padding: 32px; }
}
@media (max-width: 560px) {
  .support-index { padding: 44px 16px 56px; }
  .support-index__intro h2 { font-size: 26px; }
  .support-index__section { padding: 22px 18px; }
  .support-index__articles { grid-template-columns: 1fr; }
  .support-page-layout { padding: 0 16px 56px; }
  .support-page-content { padding: 24px 18px; }
  .support-richtext { font-size: 15px; }
  .support-richtext--legal > p:first-child { font-size: 22px; }
}