.sd1360-growth-accessibility,
.sd1360-accessibility {
  --sd1360-focus: #ffdf86;
}

.sd1360-growth-accessibility .sd1360-app-section,
.sd1360-accessibility .sd1360-app-section {
  background:
    radial-gradient(circle at top right, rgba(216, 172, 79, 0.18), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(191, 232, 227, 0.2));
}

.sd1360-accessibility button,
.sd1360-growth-accessibility button {
  min-height: 48px;
  min-width: 48px;
}

.sd1360-app :focus-visible,
.sd1360-pro :focus-visible {
  outline: 4px solid var(--sd1360-focus);
  outline-offset: 4px;
}

html.sd1360-a11y-contrast .sd1360-app,
html.sd1360-a11y-contrast .sd1360-pro {
  --sd1360-blue: #00162b;
  --sd1360-ink: #07101f;
  --sd1360-card: #ffffff;
  color: #07101f;
}

html.sd1360-a11y-easy-read .sd1360-app p,
html.sd1360-a11y-easy-read .sd1360-app li {
  font-size: 1.12rem;
  line-height: 1.85;
}

html.sd1360-a11y-reduced-motion * {
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
  transition-duration: 0.001ms !important;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}