.home-nutrients { background: #f5f7ec; color: #19382b; }
.home-formulas { background: #e5edda; color: #19382b; }
.home-formulas-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(1.5rem, 6vw, 5.75rem); align-items: center; max-width: 74rem; margin-inline: auto; }
.home-formulas figure { margin: 0; }
.home-formulas img { width: 100%; height: auto; border-radius: 14px; }
.home-formulas figcaption { margin-top: .55rem; color: #365544; font-size: .82rem; }
.home-formulas h2 { margin: .7rem 0 1rem; font-size: clamp(2.15rem, 5.2vw, 4.65rem); }
.home-formulas p { max-width: 48ch; font-size: clamp(1rem, 1.5vw, 1.15rem); }
.nutrient-grid, .health-grid { display: grid; gap: 1rem; }
.nutrient-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 2rem; }
.nutrient-grid section, .health-card { background: #fffdf5; border: 1px solid #b9c9b3; border-radius: 12px; padding: clamp(1.25rem, 2.7vw, 2.4rem); }
.nutrient-grid h3, .health-card h3 { font-size: clamp(1.35rem, 2.2vw, 1.85rem); line-height: 1.15; margin: .8rem 0; }
.nutrient-grid p, .nutrient-note, .home-editorial p { max-width: 65ch; line-height: 1.65; }
.nutrient-note { color: #3c5548; margin-top: 1.5rem; font-size: .91rem; }
.home-editorial { display: flex; align-items: center; justify-content: space-between; gap: 2rem; background: #e3ebd9; }
.home-editorial h2, .health-index h2, .health-related h2 { margin: .6rem 0 1rem; }
.home-editorial h2 { font-size: clamp(2.5rem, 5vw, 4.75rem); }
.home-editorial .button { flex: none; }
.health-intro { background: #e7eddf; }
.health-index { background: #f6f7ef; }
.health-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.health-card { display: flex; flex-direction: column; }
.health-card h3 a { text-decoration: underline; text-decoration-thickness: .06em; text-underline-offset: .16em; }
.health-card p { flex: 1; margin-bottom: 1.4rem; color: #3c5548; line-height: 1.6; }
.health-card-kicker { display: flex; align-items: center; gap: .65rem; font-size: .8rem; font-weight: 700; color: #355242; }
.health-card-kicker span { display: grid; place-items: center; border-radius: 50%; background: #e3ebd9; width: 2rem; height: 2rem; }
.health-banner { width: min(1030px, 90%); margin: 0 auto clamp(1.2rem, 4vw, 3.2rem); overflow: hidden; border-radius: 14px; background: #e3ebd9; }
.health-banner img { width: 100%; height: auto; max-height: 490px; object-fit: cover; display: block; }
.health-article .article-layout aside nav { display: grid; gap: .7rem; }
.health-article .article-body section, .editorial-standards { scroll-margin-top: 130px; }
.health-takeaway { padding: 1.35rem 1.5rem; border: 1px solid #bfccb8; border-left: 4px solid #466b53; border-radius: 8px; background: #ebf0e2; }
.health-article .article-body .health-takeaway h2 { margin: 0 0 .55rem; font-size: 1.4rem; }
.health-article .article-body .health-takeaway p { margin: 0; }
.health-reference { margin-inline: .12em; font-size: .72em; }
.health-reference a, .health-sources a { text-decoration: underline; text-underline-offset: .16em; }
.health-sources { padding-inline-start: 1.6rem; }
.health-sources li { padding: .35rem 0; scroll-margin-top: 130px; }
.health-sources li:target { background: #e3ebd9; }
.health-related { background: #e7eddf; }
.health-related ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .65rem; }
.health-related a { width: fit-content; }
.editorial-footer .editorial-footer-inner { max-width: 70rem; margin: auto; padding: 2.2rem 0 1rem; display: grid; gap: .9rem; }
.editorial-footer p { max-width: 60ch; margin: 0; }
.editorial-footer nav { display: flex; flex-wrap: wrap; gap: .85rem 1.5rem; }
.editorial-footer a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.balanceoil-hero { align-items: center; gap: clamp(1.5rem, 5vw, 5rem); }
.balanceoil-hero h1 { font-size: clamp(2.55rem, 5.6vw, 5rem); }
.balanceoil-hero .lead { margin: 1rem 0; }
.balanceoil-figure { margin: 0; }
.balanceoil-figure img { display: block; width: 100%; height: auto; border-radius: 12px; }
.balanceoil-figure figcaption { margin-top: .55rem; color: #3c5548; font-size: .82rem; }
.balanceoil-copy > section + section { margin-top: 3rem; }
.balanceoil-benefits { display: grid; gap: .75rem; }
.balanceoil-benefits > div { padding: 1.15rem 1.35rem; border-radius: 8px; background: #ebf0e2; }
.balanceoil-benefits h3 { margin: 0 0 .4rem; font-size: 1.15rem; }
.balanceoil-benefits p { margin: 0; }
.balanceoil-note { color: #3c5548; font-size: .94rem; }
.balanceoil-benefits h3 { display: flex; gap: .7rem; align-items: center; }
.balanceoil-options { align-items: center; }
.balanceoil-sport { display: flex; align-items: flex-start; gap: .85rem; padding: clamp(1rem, 2.8vw, 1.5rem); border: 1px solid #b9c9b3; border-radius: 12px; background: #fffdf5; }
.balanceoil-sport h3 { margin: .15rem 0 .35rem; font-size: 1.2rem; font-weight: 700; }
.balanceoil-sport p { margin: 0; }
.balanceoil-visuals { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(1rem, 3vw, 1.75rem); align-items: start; margin: 1.25rem 0 1.75rem; }
.balanceoil-omega-chart { margin: 0; padding: clamp(1.1rem, 2.75vw, 1.65rem); border: 1px solid #b9c9b3; border-radius: 12px; background: #ebf0e2; }
.balanceoil-omega-chart .eyebrow { text-transform: uppercase; color: #365544; font-weight: 700; }
.balanceoil-omega-chart h3 { margin: .35rem 0 .75rem; font-size: clamp(1.35rem, 2.6vw, 1.7rem); font-weight: 700; }
.balanceoil-omega-chart .balanceoil-chart-total { margin: 0 0 .7rem; font-size: 1rem; }
.balanceoil-chart-bar { height: 1rem; display: flex; overflow: hidden; border-radius: 99px; gap: 2px; }
.balanceoil-chart-bar > span { flex: var(--omega-part) 1 0; }
.omega-epa { background: #285943; }
.omega-dha { background: #618467; }
.omega-other { background: #b08044; }
.balanceoil-chart-legend { display: grid; gap: .4rem; margin: .8rem 0; font-size: .9rem; }
.balanceoil-chart-legend > div, .balanceoil-chart-legend dt { display: flex; align-items: center; gap: .55rem; }
.balanceoil-chart-legend > div { justify-content: space-between; }
.balanceoil-chart-legend dt > span { width: .65rem; height: .65rem; flex: 0 0 .65rem; border-radius: 50%; }
.balanceoil-chart-legend dd { margin: 0; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.balanceoil-omega-chart .balanceoil-chart-note { margin: .9rem 0 0; padding-top: .65rem; border-top: 1px solid #b9c9b3; font-size: .82rem; color: #3c5548; }
.balanceoil-ingredient-photo img { aspect-ratio: 3 / 2; object-fit: cover; }
@media (max-width: 660px) { .balanceoil-visuals { grid-template-columns: minmax(0, 1fr); } }
.balanceoil-table { width: 100%; margin: 1rem 0 1.35rem; border-collapse: collapse; font-size: .95rem; }
.balanceoil-table caption { padding: 0 0 .6rem; color: #3c5548; text-align: left; }
.balanceoil-table :is(th,td) { border-bottom: 1px solid #b9c9b3; text-align: left; padding: .65rem .7rem; }
.balanceoil-table thead { color: #fffdf5; background: #244a38; }
.balanceoil-table tbody tr:nth-child(even) { background: #ebf0e2; }
.balanceoil-table td { white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (max-width: 720px) {
  .nutrient-grid, .health-grid { grid-template-columns: 1fr; }
  .home-editorial { align-items: flex-start; flex-direction: column; }
  .home-formulas-layout { grid-template-columns: minmax(0, 1fr); }
  .home-formulas-layout figure { order: 1; }
}