.support-page {
  --ink: #19231b;
  --muted: #58625b;
  --green: #456143;
  --line: #dce1dd;
  --band: #f5f6f3;
  color-scheme: light;
  color: var(--ink);
  background: #fff;
  min-height: 100vh;
}
.support-page .skip { color: var(--ink); background: var(--band); }
.support-page .header nav > a { display: inline-flex; min-height: 44px; align-items: center; }
.support-page .support { max-width: 920px; padding-block: 40px 72px; }
.support-page h1 { font-size: clamp(38px, 6vw, 58px); line-height: 1.08; max-width: 700px; }
.support-page .support-intro { font-size: 21px; margin-top: 24px; max-width: 680px; }
.support-page .support-contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 24px;
  margin-top: 28px;
  border-radius: 24px;
  background: var(--green);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.support-page .support-contact:hover { filter: brightness(.92); }
.support-page .support-email { margin-top: 12px; overflow-wrap: anywhere; }
.support-page .support a:not(.support-contact) { text-decoration: underline; text-underline-offset: 4px; }
.support-page .support-topics { display: flex; flex-wrap: wrap; gap: 6px 24px; padding-block: 28px; margin-top: 32px; border-block: 1px solid var(--line); }
.support-page .support-topics a { display: inline-flex; align-items: center; min-height: 44px; font-size: 17px; }
.support-page .support section { padding-top: 36px; }
.support-page .support h2 { font-size: 27px; line-height: 1.2; letter-spacing: -.025em; scroll-margin-top: 24px; }
.support-page .support section p { font-size: 18px; line-height: 1.65; margin-top: 14px; }
.support-page strong { font-weight: 600; color: var(--ink); }
.support-page .support-write { border-top: 1px solid var(--line); margin-top: 36px; }
.support-page .footer { flex-wrap: wrap; }
.support-page .footer > a:not(.wordmark) { display: inline-flex; min-height: 44px; align-items: center; }
@media (max-width: 720px) {
  .support-page .support { padding-block: 24px 56px; }
  .support-page .support-intro { font-size: 19px; }
  .support-page .support section p { font-size: 17px; }
  .support-page .support h2 { font-size: 25px; }
  .support-page .support-topics { gap: 4px 22px; padding-block: 20px; }
}
@media (prefers-color-scheme: dark) {
  .support-page {
    --ink: #f0f3ee;
    --muted: #bcc7bd;
    --green: #b8d2ac;
    --line: #3d493f;
    --band: #263129;
    color-scheme: dark;
    background: #17211a;
  }
  .support-page .support-contact { color: #17211a; }
}