.support-page {
  max-width: 1120px;
  margin: 0 auto 3rem;
  color: #183b45;
  font-size: calc(1rem * var(--font-scale, 1));
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.support-page .support-page__intro {
  padding: clamp(1.5rem, 4vw, 3rem);
  margin-bottom: 2rem;
  border: 1px solid #cce5e7;
  border-radius: 1.5rem;
  background: linear-gradient(120deg, #edf9fa, #f6f2fb);
}

body .region-content .support-page h2,
body .region-content .support-page h3 {
  color: #145f6d;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: normal;
}

body .region-content .support-page h2 { font-size: calc(clamp(1.5rem, 2.5vw, 2rem) * var(--font-scale, 1)); }
body .region-content .support-page h3 { font-size: calc(1.25rem * var(--font-scale, 1)); }
.support-page .support-page__intro h2 { margin-top: 0; }
.support-page .support-page__intro > p { max-width: 70ch; }
.support-page .support-page__intro > :last-child,
.support-page .support-page__card > :last-child { margin-bottom: 0; }

.support-page a {
  color: #145f6d;
  text-decoration: underline;
  text-underline-offset: .2em;
  border-bottom: 0;
  background-image: none;
}

.support-page a:hover { color: #0b4651; }
.support-page nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem 1.5rem;
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
}
.support-page nav li { padding: 0; margin: 0; }
.support-page section[id] { scroll-margin-top: 7rem; }
.support-page > section { margin-block: 2rem; }
.support-page .support-page__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}
.support-page .support-page__card {
  min-width: 0;
  padding: 1.5rem;
  background: #fff;
  border: 1px solid #cce5e7;
  border-radius: 1rem;
}
.support-page .support-page__card h2,
.support-page .support-page__card h3 { margin-top: 0; }
.support-page .support-page__contact {
  padding: clamp(1.5rem, 4vw, 2.5rem);
  background: #edf9fa;
  border-left: 4px solid #145f6d;
  border-radius: 0 1rem 1rem 0;
}
.support-page .support-page__contact h2 { margin-top: 0; }
.support-page :is(ul, ol):not(nav ul) > li + li { margin-top: .45rem; }
.support-page details {
  margin: .75rem 0;
  padding: 0 1.25rem;
  border: 1px solid #cce5e7;
  border-radius: .75rem;
  background: #fff;
}
.support-page summary {
  display: list-item;
  padding: 1.1rem 0;
  cursor: pointer;
  color: #145f6d;
  font-weight: 700;
  line-height: 1.5;
}
.support-page summary::marker { color: #145f6d; }
.support-page details[open] summary { margin-bottom: .25rem; }
.support-page details p:last-child { margin-bottom: 1.25rem; }
.support-page .support-page__meta { font-size: .95rem; }

@media (max-width: 640px) {
  .support-page .support-page__grid { grid-template-columns: 1fr; }
  .support-page .support-page__intro,
  .support-page .support-page__card,
  .support-page .support-page__contact { padding: 1rem; }
}