/* Custom CSS overrides for ACO persona page */

/* Target the large checkmark SVGs and enforce size limits */
.personas-aco svg,
[href^="/personas/aco"] svg,
[href*="/personas/aco/"] svg,
.personas-section svg {
  max-width: 20px !important;
  max-height: 20px !important;
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
}

/* Target the specific large checkmark icon */
svg[viewBox="0 0 24 24"] path[d="M20 6L9 17l-5-5"] {
  max-width: 20px !important;
  max-height: 20px !important;
  transform: scale(0.8) !important;
}

/* Fix any forced image sizing */
img.checkmark-icon,
.checkmark-icon,
.feature-icon,
.icon-container svg,
.icon-container img {
  max-width: 20px !important;
  max-height: 20px !important;
  width: auto !important; 
  height: auto !important;
}

/* Homepage hero headings */
.relative.isolate.overflow-hidden.pt-14.bg-gray-900 h1 {
  font-size: 3.5rem !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  margin-bottom: 1.5rem !important;
}

.relative.isolate.overflow-hidden.pt-14.bg-gray-900 p {
  font-size: 1.5rem !important;
  line-height: 1.5 !important;
  margin-top: 1.5rem !important;
}

/* HealthLink Secure section */
#value-prop .inline-flex span {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
}

#value-prop h2 {
  font-size: 3rem !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  margin: 1rem 0 1.5rem 0 !important;
}

#value-prop h3 {
  font-size: 2rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  margin-bottom: 1.5rem !important;
}

/* Increase button size */
.rounded-md.bg-indigo-600.px-5.py-3 {
  font-size: 1.125rem !important;
  padding: 0.75rem 1.5rem !important;
}