/* Nutri keeps its existing product accent and the compact CORE hero links. */
[data-nutri-overview="true"] .product-hero-grid { align-items: start; }
[data-nutri-overview="true"] .hero-eyebrow::before { background: var(--product); }

/* Reuse CORE story components; only Nutri-specific accents and supporting copy. */
[data-nutri-overview="true"] .core-story-icon { color: var(--product); }
[data-nutri-overview="true"] .core-story-views::before { display: none; }
[data-nutri-overview="true"] .nutri-connection { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--space-06); margin: 0 0 var(--space-08); color: var(--text-default); }
[data-nutri-overview="true"] .nutri-connection strong { color: var(--product); }
[data-nutri-overview="true"] .nutri-payment { max-width: 80ch; margin: var(--space-09) auto 0; padding: var(--space-07); border: var(--border-width-default) solid var(--border-subtle); border-radius: var(--radius-large); background: var(--background-secondary); text-align: center; }
[data-nutri-overview="true"] .core-story-heading .product-eyebrow { margin-bottom: var(--space-04); color: var(--text-secondary); }
/* Preserve the established Nutri accent as a graphic; use readable text tokens. */
[data-nutri-overview="true"] .product-eyebrow,
[data-nutri-overview="true"] .product-human-support article > div > p { color: var(--text-secondary); }
[data-nutri-overview="true"] .product-hero-visual,
[data-nutri-overview="true"] .product-human-support article { border-radius: var(--radius-large); }
@media (max-width: 1100px) {
  [data-nutri-overview="true"] .product-hero-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  [data-nutri-overview="true"] .nutri-connection { gap: var(--space-04); }
  [data-nutri-overview="true"] .core-story-final > .container { padding-bottom: var(--space-11); }
}
[data-nutri-overview="true"] .product-lockup strong,
[data-nutri-overview="true"] .nutri-connection strong { color: var(--text-default); }