/* Three primary functions, followed by the existing platform features. */
.feature-overview-home { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.feature-overview-home .feature-primary { border-top-width: 4px; scroll-margin-top: 100px; }
.feature-overview-home .feature-primary-blue { border-top-color: var(--brand-blue); }
.feature-overview-home .feature-primary-red { border-top-color: var(--brand-red); }
.feature-overview-home .feature-primary-yellow { border-top-color: var(--brand-yellow); }
.feature-overview-home h3 { min-height: 0; overflow-wrap: anywhere; }
.feature-detail-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 12px; color: var(--brand-blue); font-size: .9rem; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.feature-detail-link:focus-visible { outline: 3px solid var(--brand-blue); outline-offset: 4px; border-radius: 3px; }
@media (max-width: 1100px) {
  .feature-overview-home { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .feature-overview-home { grid-template-columns: minmax(0, 1fr); }
}