/* The pages for a single endpoint: /servicing-provider-eligibility and
   /benefit-calculator. Their result cards come from provider-answer.css and
   benefit-result.css. */

.ep-section { padding-block: var(--space-section-standard); }
.ep-section .section-heading { margin-block-end: var(--space-48); }
.ep-section .section-heading h2 { max-inline-size: 24ch; }

.product-hero .hero-visual .answers,
.product-hero .hero-visual .benefit { margin: 0; max-inline-size: 34rem; }
.product-hero .hero-visual .card-caption { margin-block-start: var(--space-12); }
.answer-grid.is-one { grid-template-columns: 1fr; }
.answers.is-wide { max-inline-size: none; margin: 0; }

.ep-points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-32);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
}
.ep-points h3, .ep-two h3 { margin-block-end: var(--space-8); }
.ep-points p { color: var(--color-stone-60); }

.ep-two {
  display: grid;
  gap: var(--space-48);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
}
.ep-two p { max-inline-size: 52ch; }

.ep-note { margin-block-start: var(--space-32); color: var(--color-stone-60); }

.ep-plan { padding-block: var(--space-section-standard); }
.ep-plan .label-s { display: block; color: var(--color-navy); margin-block-end: var(--space-12); }
.ep-plan h2 { margin-block-end: var(--space-16); }
.ep-plan .lead { margin-block-end: var(--space-32); max-inline-size: 48ch; }
.ep-plan .action { display: flex; }

.ep-faq { padding-block: var(--space-section-standard); }

.ep-cta { padding-block: var(--space-section-generous); }
.ep-cta h2 { margin-block-end: var(--space-16); max-inline-size: 22ch; }

/* Servicing Provider Eligibility hero: three lines of a batch, each with its
   item, the provider's specialty, the rule it met and its verdict. */
.product-hero .hero-visual .batch { margin: 0; max-inline-size: 34rem; }
.batch-count { font-size: var(--type-label-m); color: var(--color-stone-60); }
.batch-rows { list-style: none; margin: 0; padding: 0; display: grid; }
.batch-row {
  display: grid; grid-template-columns: auto 3.75rem 1fr auto; align-items: center;
  gap: var(--space-12); padding-block: var(--space-12);
}
.batch-row + .batch-row { border-block-start: 1px solid var(--color-stone-20); }
.batch-tick { display: inline-flex; color: var(--verdict-eligible); }
.batch-tick svg { inline-size: 20px; block-size: 20px; }
.batch-item { font-family: var(--font-mono); font-weight: 600; color: var(--color-midnight); font-variant-numeric: tabular-nums; }
.batch-text { display: grid; min-inline-size: 0; }
.batch-provider { font-size: var(--type-body-s); color: var(--color-midnight); }
.batch-why { font-size: var(--type-label-m); color: var(--color-stone-60); }
.batch-verdict {
  font-size: var(--type-label-s); font-weight: 600; letter-spacing: var(--track-eyebrow); text-transform: uppercase;
  color: var(--verdict-eligible); background: color-mix(in srgb, var(--verdict-eligible) 10%, transparent);
  border-radius: 999px; padding: 0.2rem 0.6rem;
}
.batch-result {
  margin: var(--space-4) 0 0; padding-block-start: var(--space-12);
  border-block-start: 1px solid var(--color-stone-20);
  font-size: var(--type-body-s); color: var(--color-midnight);
}
@media (max-width: 479.98px) {
  .batch-row { grid-template-columns: auto 3.25rem 1fr; }
  .batch-verdict { grid-column: 3; justify-self: start; }
}