:root {
  --asd-kb-bg: #f4f5f7;
  --asd-kb-surface: #ffffff;
  --asd-kb-surface-alt: #f8f9fb;
  --asd-kb-border: #e4e7ec;
  --asd-kb-border-dark: #d0d5dd;
  --asd-kb-text: #111827;
  --asd-kb-muted: #667085;
  --asd-kb-accent: #e10600;
  --asd-kb-accent-dark: #b00500;
  --asd-kb-shadow: 0 20px 60px rgba(16, 24, 40, 0.08);
  --asd-kb-shadow-soft: 0 12px 30px rgba(16, 24, 40, 0.05);
  --asd-kb-radius: 24px;
  --asd-kb-radius-sm: 16px;
  --asd-kb-max: 1520px;
  --asd-kb-content-max: 920px;
}

html {
  scroll-behavior: smooth;
}

.asd-support-site-main {
  background:
    radial-gradient(circle at top left, rgba(242, 107, 29, 0.08), transparent 28%),
    linear-gradient(180deg, #f7f8fa 0%, #f1f3f6 100%);
  margin-top: 0 !important;
  padding: 36px 0 80px !important;
}

.asd-support-shell {
  box-sizing: border-box;
  max-width: min(var(--asd-kb-max), calc(100vw - 32px));
  margin: 0 auto;
  padding: 0 16px;
  color: var(--asd-kb-text);
}

.asd-support-list-wrap,
.asd-support-list-wrap *,
.asd-support-shell *,
.asd-support-shell *::before,
.asd-support-shell *::after {
  box-sizing: border-box;
}

.asd-support-list-wrap a,
.asd-support-shell a {
  color: var(--asd-kb-text);
}

/* Make common theme wrappers stop squeezing support pages */
body.asd-support-single .site,
body.asd-support-single .site-content,
body.asd-support-single .content-area,
body.asd-support-single .entry-content,
body.asd-support-single .container,
body.asd-support-single .wrap,
body.asd-support-single .content-wrapper,
body.asd-support-single .ast-container,
body.asd-support-single .inside-article,
body.asd-support-single .site-main,
body.asd-support-single .wp-site-blocks,
body.asd-support-archive .site-main {
  max-width: 100%;
}