:root {
  --support-border: #e6e6e6;
  --support-bg: rgba(255, 255, 255, .92);
  --support-shadow: 0 20px 30px -10px rgba(0, 0, 0, .08);
  --support-radius: 1.25rem;
  --support-gap: 1.5rem;
  --support-text: #1d1d1d;
  --support-muted: rgba(29, 29, 29, .68);
}
body.support-page {
  background: linear-gradient(180deg, #eef2ff 0%, #ffffff 52%);
  color: var(--support-text);
}
.support-site-header {
  position: sticky; top: 0; z-index: 20; backdrop-filter: blur(18px);
  background: rgba(255, 255, 255, .82); border-bottom: 1px solid var(--support-border);
}
.support-site-shell, .support-meta, .support-hero-actions, .support-site-footer-top,
.support-list-meta, .support-article-meta, .support-feedback {
  display: flex; align-items: center;
}
.support-site-shell, .support-site-footer-top, .support-list-meta, .support-article-meta {
  justify-content: space-between;
}
.support-site-shell { min-height: 5rem; gap: 1rem; }
.support-logo { height: 1.875rem; }
.support-site-nav, .support-site-actions, .support-site-footer-links,
.support-breadcrumbs, .support-chip-row {
  display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
}
.support-site-nav a, .support-site-actions a, .support-site-footer-links a, .support-breadcrumbs a {
  color: var(--support-text); text-decoration: none;
}
.support-page a, .support-page a:hover {
  text-decoration: none;
}
.support-site-actions .button {
  min-height: 2.75rem; padding: .75rem 1.125rem; border-radius: .875rem;
}
.support-main { padding: 4rem 0 5rem; }
.support-hero, .support-card, .support-featured, .support-sidebar-card, .support-article {
  border: 1px solid var(--support-border); border-radius: var(--support-radius);
  background: var(--support-bg); box-shadow: var(--support-shadow); padding: 1.75rem;
}
.support-hero { background: linear-gradient(180deg, #eef2ff 0%, #ffffff 80%); }
.support-hero-grid, .support-grid, .support-split, .support-feature-layout,
.support-help-grid, .support-article-layout, .support-directory {
  display: grid; gap: var(--support-gap);
}
.support-hero-grid { grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .8fr); }
.support-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.support-grid--2, .support-feature-layout, .support-split, .support-article-layout {
  grid-template-columns: minmax(0, 1.5fr) minmax(18rem, .8fr);
}
.support-help-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.support-kpi {
  padding: 1rem 1.125rem; border-radius: 1rem; background: #fff; border: 1px solid var(--support-border);
}
.support-kpi strong, .support-card h3, .support-featured h2, .support-sidebar-card h3,
.support-article h2, .support-article h3 {
  display: block; margin: 0 0 .5rem;
}
.support-eyebrow, .support-tag, .support-status, .support-chip {
  display: inline-flex; align-items: center; padding: .45rem .8rem; border-radius: 999px;
  font-size: .75rem; font-weight: 600; letter-spacing: .04em;
}
.support-eyebrow, .support-chip { background: #fff; border: 1px solid var(--support-border); }
.support-tag { background: #f4f5f7; }
.support-status { background: #ecfdf3; color: #067647; }
.support-muted, .support-card p, .support-featured p, .support-sidebar-card p,
.support-article p, .support-list-meta, .support-article-meta, .support-breadcrumbs,
.support-directory a, .support-empty-note { color: var(--support-muted); }
.support-search { width: 100%; min-height: 3.125rem; }
.support-hero-actions, .support-meta, .support-feedback { gap: .75rem; flex-wrap: wrap; }
.support-list, .support-directory, .support-related, .support-steps { display: grid; gap: 1rem; }
.support-list-item, .support-directory a, .support-related a {
  display: block; padding: 1rem 0; border-top: 1px solid var(--support-border);
  color: inherit; text-decoration: none;
}
.support-list-item:first-child, .support-directory a:first-child, .support-related a:first-child {
  border-top: 0; padding-top: 0;
}
.support-list-item:last-child, .support-directory a:last-child, .support-related a:last-child {
  padding-bottom: 0;
}
.support-card:hover, .support-featured:hover { transform: translateY(-2px); }
.support-card, .support-featured { transition: transform .2s ease, box-shadow .2s ease; }
.support-article-body { display: grid; gap: 1.25rem; line-height: 1.8; }
.support-note, .support-code, .support-step-card {
  padding: 1rem 1.125rem; border-radius: 1rem; border: 1px solid var(--support-border);
}
.support-note { background: #fff8eb; }
.support-code {
  background: #0f172a; color: #fff; font-family: "JetBrains Mono", monospace; overflow: auto;
}
.support-step-card { background: #fff; }
.support-site-footer { border-top: 1px solid var(--support-border); background: rgba(255, 255, 255, .9); }
.support-site-footer-bottom { padding: 1.25rem 0 2.5rem; text-align: center; color: var(--support-muted); }
@media screen and (max-width: 991px) {
  .support-site-shell, .support-site-footer-top { align-items: flex-start; flex-direction: column; }
  .support-hero-grid, .support-grid--3, .support-grid--2, .support-feature-layout,
  .support-split, .support-help-grid, .support-article-layout { grid-template-columns: 1fr; }
}
@media screen and (max-width: 767px) {
  .support-main { padding: 3rem 0 4rem; }
  .support-hero, .support-card, .support-featured, .support-sidebar-card, .support-article { padding: 1.5rem; }
  .support-site-nav { display: none; }
  .support-site-actions { gap: .75rem; }
  .support-site-actions .button { width: 100%; }
}

.support-page .heading-style-h1 {
  font-size: clamp(2.1rem, 3.2vw, 3.4rem);
  line-height: 1.06;
  letter-spacing: -.03em;
}

.support-hero .text-size-large,
.support-article .text-size-large {
  font-size: 1.125rem;
  line-height: 1.75;
}

.support-card h3,
.support-sidebar-card h3,
.support-article h2,
.support-featured h2 {
  font-size: 1.375rem;
  line-height: 1.3;
}

.support-article h3,
.support-kpi strong {
  font-size: 1.125rem;
  line-height: 1.35;
}

.support-card p,
.support-featured p,
.support-sidebar-card p,
.support-article p,
.support-note,
.support-step-card,
.support-directory a,
.support-related a,
.support-list-item {
  font-size: .975rem;
  line-height: 1.8;
}

.support-list-item strong,
.support-directory a,
.support-related a {
  font-size: 1rem;
}

.support-list-meta,
.support-article-meta,
.support-breadcrumbs,
.support-tag,
.support-status,
.support-chip,
.support-eyebrow,
.support-empty-note {
  font-size: .8125rem;
  line-height: 1.5;
}

.support-search,
.support-site-actions .button {
  font-size: .95rem;
}

.support-code {
  font-size: .9rem;
  line-height: 1.75;
}

@media screen and (max-width: 767px) {
  .support-page .heading-style-h1 {
    font-size: 1.85rem;
    line-height: 1.1;
  }

  .support-hero .text-size-large,
  .support-article .text-size-large,
  .support-card p,
  .support-featured p,
  .support-sidebar-card p,
  .support-article p,
  .support-note,
  .support-step-card,
  .support-directory a,
  .support-related a,
  .support-list-item {
    font-size: .9375rem;
    line-height: 1.75;
  }

  .support-card h3,
  .support-sidebar-card h3,
  .support-article h2,
  .support-featured h2 {
    font-size: 1.25rem;
  }
}