/* The security route composes existing AVDS summary cards and related links. */
body[data-avds-page="security"] .seo-main {
  background: var(--surface-canvas);
}

body[data-avds-page="security"] .seo-hero {
  padding-block: clamp(56px, 7vw, 88px);
}

body[data-avds-page="security"] .seo-hero-copy {
  max-width: 850px;
}

body[data-avds-page="security"] .seo-hero h1 {
  max-width: 24ch;
}

body[data-avds-page="security"] .seo-grid {
  padding-block: clamp(38px, 5vw, 58px);
}

body[data-avds-page="security"] .seo-grid--support {
  padding-top: 0;
  grid-template-columns: minmax(0, 1fr);
}

body[data-avds-page="security"] .seo-card--faq ul {
  max-width: 86ch;
}

body[data-avds-page="security"] .seo-grid--three > .seo-card {
  min-height: 0;
}

body[data-avds-page="security"] .seo-card::before {
  background: var(--color-accent-primary);
}

body[data-avds-page="security"] .seo-card--related .av-related-question-grid__items {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: min-content;
  gap: 10px;
  align-content: start;
}

body[data-avds-page="security"] .seo-card--related {
  align-content: start;
}

body[data-avds-page="security"] .seo-card--related .av-link {
  border-color: var(--color-border-default);
  color: var(--color-text-primary);
  background: var(--surface-base);
}

body[data-avds-page="security"] .seo-card--related .av-link:hover {
  background: var(--surface-muted);
}

body[data-avds-page="security"] .seo-card--related .av-related-question-grid__arrow {
  color: var(--color-accent-primary-active);
}

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

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

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

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

html[data-theme="dark"] body[data-avds-page="security"] {
  --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;
}

@media (max-width: 768px) {
  body[data-avds-page="security"] .seo-card--related .av-related-question-grid__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

@media (max-width: 540px) {
  body[data-avds-page="security"] .seo-card--related .av-related-question-grid__items {
    grid-template-columns: minmax(0, 1fr);
  }
}