/* Keep the solutions hub on the existing AVDS card composition. */
html[data-theme="dark"] body[data-avds-page="solutions"] {
  --avds-surface-tint: #23262b;
  --avds-rail: #d8ba70;
  --surface-canvas: #17191c;
  --surface-base: #202328;
  --surface-muted: #1c1f23;
  --surface-header: rgba(23, 25, 28, .94);
  --surface-header-scrolled: rgba(23, 25, 28, .98);
  --surface-hover: #2b3036;
  --color-text-primary: #f2f1ed;
  --color-text-secondary: #c5c7c6;
  --color-text-muted: #a5a8aa;
  --color-accent-primary: #d8ba70;
  --color-accent-primary-hover: #ead095;
  --color-accent-primary-subtle: #2d2922;
  --color-accent-primary-active: #f0d99e;
  --color-accent-secondary: #d4bc80;
  --color-border-default: #41464d;
  --color-border-subtle: #33383f;
  --color-text-on-accent: #1b1b1a;
}

body[data-avds-page="solutions"] .seo-main {
  background: var(--surface-canvas);
}

body[data-avds-page="solutions"] .solution-hero--hub {
  padding-bottom: 24px;
}

body[data-avds-page="solutions"] .solution-section--hub {
  padding-top: 32px;
}

body[data-avds-page="solutions"] .solution-card::before {
  display: none;
}

body[data-avds-page="solutions"] .solution-card h2 {
  margin-top: 0;
}

body[data-avds-page="solutions"] .footer-brand {
  grid-column: 1;
  grid-row: 1;
}

body[data-avds-page="solutions"] .footer-tagline {
  grid-column: 1;
  grid-row: 2;
  max-width: 34ch;
}

body[data-avds-page="solutions"] .footer-nav {
  grid-column: 2;
  grid-row: 1 / span 2;
}

body[data-avds-page="solutions"] .footer-bottom {
  grid-row: 3;
}

@media (min-width: 640px) and (max-width: 1099px) {
  body[data-avds-page="solutions"] .solution-grid--hub {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-avds-page="solutions"] .solution-grid--hub .solution-card {
    grid-column: auto;
  }
}

@media (min-width: 769px) and (max-width: 1399px) {
  body[data-avds-page="solutions"] .header .page-share {
    width: 40px;
    min-width: 40px;
    padding: 0;
  }

  body[data-avds-page="solutions"] .header .page-share-text {
    display: none;
  }
}

@media (max-width: 768px) {
  body[data-avds-page="solutions"] .product-cta {
    gap: 16px;
  }

  body[data-avds-page="solutions"] .footer-brand,
  body[data-avds-page="solutions"] .footer-tagline,
  body[data-avds-page="solutions"] .footer-nav,
  body[data-avds-page="solutions"] .footer-bottom {
    grid-column: 1;
    grid-row: auto;
  }
}