/* Layout for the Solutions overview; typography and chrome come from the site. */
.solutionIndexHero { margin-bottom: 64px; }
.solutionIndexGrid#industry-picker { scroll-margin-top: 104px; }
.solutionIndexBand { padding-top: 64px; padding-bottom: 64px; }
.solutionIndexGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 1120px; margin: 0 auto; }
.solutionCard { display: flex; flex-direction: column; scroll-margin-top: 104px; min-width: 0; }
.solutionCardHeading { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
.solutionCardHeading .featureIcon { flex-shrink: 0; margin: 0; }
.solutionCardHeading h2 { font-family: Gilroy, sans-serif; font-size: 28px; line-height: 1.2; letter-spacing: -.6px; color: var(--Base-600); }
.solutionCard h3 { margin-bottom: 12px; }
.solutionCard > p { flex-grow: 1; }
.solutionWorkflow { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; list-style: none; padding: 18px 0; margin: 22px 0 18px; border-block: 1px solid var(--Base-200); font-size: 12px; line-height: 1.6; color: var(--Accent-700); }
.solutionWorkflow li { display: inline-flex; align-items: center; gap: 7px; }
.solutionWorkflow li:not(:last-child)::after { content: "→"; color: var(--Base-300); }
.solutionGuide { align-self: flex-start; font-size: 14px; line-height: 1.5; }
.solutionIndexClosing > p.sectionSubtitle { margin-bottom: 28px; }
.solutionIndexClosing .heroCTA { justify-content: center; }
.solutionIndexGrid a:focus-visible, .solutionIndexHero a:focus-visible { outline: 3px solid var(--Accent-500); outline-offset: 4px; }
@media (max-width: 1024px) {
    .solutionIndexGrid { gap: 18px; }
    .solutionCardHeading { gap: 12px; }
    .solutionCardHeading h2 { font-size: 24px; }
}
@media (max-width: 760px) {
    .solutionIndexHero { margin-bottom: 40px; }
    .solutionIndexBand { padding-top: 40px; padding-bottom: 40px; }
    .solutionIndexGrid { grid-template-columns: 1fr; gap: 18px; }
    .solutionCardHeading h2 { font-size: 25px; }
    .solutionWorkflow { margin-top: 18px; }
}

.solutionCardHeading h2 a { color: inherit; }

/* Industry cards now contain one description and a direct link. */
.solutionCard .solutionGuide { margin-top: 24px; }
.solutionIndexClosing { padding-top: 40px; padding-bottom: 56px; }