/* EDI page theme: indigo accent, same layout system as the other certificate pages. */

:root {
  --teal: #6d5bd0;
  --teal-dark: #4a3aa0;
  --teal-soft: #f0edfb;
}

.edi-page .hero {
  background:
    radial-gradient(circle at 78% 18%, rgba(109, 91, 208, 0.3), transparent 38%),
    radial-gradient(circle at 12% 82%, rgba(242, 163, 58, 0.12), transparent 36%),
    linear-gradient(138deg, #0b1027 0%, #17143d 48%, #27205c 100%);
}

.edi-page .hero-glow-a {
  background: radial-gradient(circle, rgba(109, 91, 208, 0.46), transparent 66%);
}

.edi-page .hero-glow-b {
  background: radial-gradient(circle, rgba(242, 163, 58, 0.18), transparent 66%);
}

.edi-page .section-dark {
  background:
    radial-gradient(circle at 90% 10%, rgba(109, 91, 208, 0.26), transparent 34%),
    linear-gradient(135deg, #0b1027, #17143d 58%, #27205c);
}

.edi-page .section-consult {
  background:
    radial-gradient(circle at 8% 10%, rgba(109, 91, 208, 0.32), transparent 34%),
    radial-gradient(circle at 96% 90%, rgba(242, 163, 58, 0.14), transparent 36%),
    linear-gradient(135deg, #0b1027, #17143d 54%, #27205c);
}

.edi-page .section-dark .section-kicker,
.edi-page .section-consult .section-kicker {
  color: #b9a9f4;
}

.edi-page .step-label {
  color: #b9a9f4;
}

.edi-page .process-note a {
  color: #c9bcf7;
}

.edi-page .callout {
  border-color: #ddd4f5;
  background: #f6f3fd;
}

.edi-page .callout-icon {
  color: var(--teal);
}

.edi-page .callout p {
  color: #453a66;
}

.edi-page .callout strong {
  color: var(--teal-dark);
}

.edi-page .official-card {
  border-color: #ddd4f5;
  background:
    radial-gradient(circle at 100% 0%, rgba(109, 91, 208, 0.14), transparent 42%),
    #f6f3fd;
}

.edi-page .official-card .btn {
  border-color: #d4c8f2;
}

.edi-page .official-divider {
  background: #e4dcf7;
}

.edi-page .official-note {
  color: #6c6185;
}

.edi-page .official-card .aside-kicker {
  color: var(--teal);
}

.edi-page .condition-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 960px) {
  .edi-page .condition-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .edi-page .condition-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}