/* VoiceFacts visual identity for V2 voice pages.
   Mirrors fax-v2.css's structure, recolored to the voice queue blue. */

.voice-theme {
  --voice-blue-950: #062a38;
  --voice-blue-900: #0a3a4b;
  --voice-blue-800: #0f4f66;
  --voice-blue-700: #146885;
  --voice-blue-600: #1a86ab;
  --voice-blue-500: #2aa4cf;
  --voice-blue-300: #8ed2e9;
  --voice-blue-200: #bfe6f2;
  --voice-blue-100: #ddf1f8;
  --voice-blue-050: #f2fafc;
}

.voice-theme .site-brand img {
  display: block;
  width: 217px;
  height: auto;
  max-height: 36px;
}

.voice-theme .page-breadcrumb {
  border-bottom-color: #d7ecf3;
}

.voice-theme .page-breadcrumb a,
.voice-theme main a:not(.btn) {
  color: var(--voice-blue-700);
}

.voice-theme .site-nav a[aria-current="page"] {
  color: var(--voice-blue-800);
  background: var(--voice-blue-050);
}

.voice-theme .landing-hero {
  border-bottom-color: #cfe9f1;
  background:
    radial-gradient(circle at 88% 12%, rgba(26, 134, 171, .2), transparent 34%),
    radial-gradient(circle at 8% 92%, rgba(42, 164, 207, .13), transparent 31%),
    linear-gradient(135deg, #f8fcfd 0%, #eef8fb 54%, #e7f4f8 100%);
}

.voice-theme .landing-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: linear-gradient(90deg, var(--voice-blue-800), var(--voice-blue-500), transparent 78%);
}

.voice-theme .landing-hero__panel {
  border-color: rgba(20, 104, 133, .2);
  box-shadow: 0 22px 54px rgba(10, 58, 75, .12);
}

.voice-theme main .eyebrow {
  color: var(--voice-blue-700);
}

.voice-theme main .tag {
  color: var(--voice-blue-800);
  background: var(--voice-blue-100);
}

.voice-theme .related-card {
  background: var(--voice-blue-050);
}

.voice-theme .related-card:hover,
.voice-theme .related-card:focus-visible {
  background: var(--voice-blue-100);
}

.voice-theme .related-card__icon {
  color: var(--voice-blue-700);
}

.voice-theme .related-card__arrow {
  color: var(--voice-blue-600);
}

.voice-theme main .btn--primary {
  background: var(--voice-blue-700);
  box-shadow: 0 7px 18px rgba(20, 104, 133, .22);
}

.voice-theme main .btn--primary:hover {
  background: var(--voice-blue-800);
}

.voice-theme main .btn--secondary {
  border-color: #bfdde6;
  color: var(--voice-blue-800);
}

.voice-theme main .btn--secondary:hover {
  border-color: var(--voice-blue-600);
  color: var(--voice-blue-900);
  background: var(--voice-blue-050);
}

.voice-theme .landing-chip-list svg,
.voice-theme .check-list__icon {
  color: var(--voice-blue-700);
  background: var(--voice-blue-100);
}

.voice-theme .landing-strip {
  border-bottom-color: #d7ecf3;
  box-shadow: inset 0 3px 0 rgba(26, 134, 171, .08);
}

.voice-theme .landing-strip__item {
  border-right-color: #e0f0f5;
}

.section--voice-soft {
  background:
    radial-gradient(circle at 95% 0%, rgba(42, 164, 207, .07), transparent 28%),
    var(--voice-blue-050);
}

.voice-theme .feature-card {
  border-color: #d8ebf1;
  box-shadow: 0 10px 28px rgba(10, 58, 75, .05);
}

.voice-theme .feature-card__number,
.voice-theme .process-step::before {
  background: linear-gradient(145deg, var(--voice-blue-800), var(--voice-blue-500));
}

.voice-theme .process-step::after {
  border-color: var(--voice-blue-300);
}

.voice-theme .process-step,
.voice-theme .data-source {
  border-color: #dceef3;
}

.voice-theme .source-hub {
  border-color: #dceef3;
  color: var(--voice-blue-700);
}

.voice-theme .landing-faq summary::after {
  color: var(--voice-blue-700);
}

.voice-theme .section--dark {
  background:
    radial-gradient(circle at 90% 20%, rgba(42, 164, 207, .22), transparent 31%),
    linear-gradient(135deg, var(--voice-blue-950), var(--voice-blue-900));
}

.voice-theme .section--dark .eyebrow {
  color: #a9dcec;
}

.voice-theme .section--dark .callout {
  border-color: rgba(191, 230, 242, .25);
}

@media (max-width: 860px) {
  .voice-theme .site-brand img {
    width: 190px;
    max-height: 32px;
  }
}