/* Shared magazine refinements, scoped to the approved science collection. */
.nhc-collection main :is(.vis-opening,.ca-opening,.sc-opening){background:#f5ecdf;border-bottom:1px solid #dcc4a8}
.nhc-collection main :is(.vis-opening>div:last-child,.ca-opening-copy,.sc-opening-copy){padding:34px 6%;display:flex;flex-direction:column;justify-content:center}
.nhc-collection main :is(.vis-opening,.ca-opening,.sc-opening) h2{font-size:clamp(29px,3vw,40px);line-height:1.15;margin:0 0 18px}
.nhc-collection main :is(.vis-opening>div:last-child,.ca-opening-copy,.sc-opening-copy)>p{max-width:65ch;line-height:1.7}
.nhc-collection main :is(.vis-split.vis-light,.ca-pericarp,.sc-pericarp){background:#f4eadb;border-bottom:1px solid #d9c1a7}
.nhc-collection main :is(.vis-split.vis-light .vis-copy,.ca-pericarp-copy,.sc-pericarp-copy){padding:36px 8%;align-self:center}
.nhc-collection main :is(.vis-split.vis-light,.ca-pericarp,.sc-pericarp) h2{font-size:clamp(29px,3vw,40px);margin-bottom:22px}
.nhc-collection main :is(.vis-split.vis-light .vis-copy,.ca-pericarp-copy,.sc-pericarp-copy)>p:not(.vis-eyebrow):not(.sc-question):not(.ca-question){line-height:1.7;font-size:16px}
.nhc-collection main :is(.vis-split.vis-light,.ca-pericarp,.sc-pericarp) :is(aside,blockquote){background:#e7d6bf;border:0;border-left:3px solid #a15b28;padding:18px 20px;margin:20px 0}
.nhc-collection main :is(.vis-split.vis-light)>figure{min-height:390px}
.nhc-collection main :is(.vis-profile,.fiber-measure,.folate-measure,.iron-oxygen,.fiber-research,.nhc-orac-introduction,.nhc-orac-takeaway){background:linear-gradient(115deg,#f1e5d4,#faf5ec);border-top:1px solid #dcc5a8;border-bottom:1px solid #dcc5a8}
.nhc-collection main :is(.ca-study-copy,.sc-study-copy,.folate-measure-copy,.fiber-measure>div:last-child,.mg-research>div:last-child)>p:not(.vis-eyebrow){background:#fffaf1;border-left:2px solid #bf9468;padding:14px 18px;margin:14px 0;line-height:1.7}
.nhc-collection main :is(.ca-study,.sc-study){background:#f4eadb}
.nhc-collection main .vis-profile-list{display:grid;gap:9px;align-content:center}
.nhc-collection main .vis-profile-list>span{padding:12px 16px;border:1px solid #d5bb98;background:#fff8ec}
.nhc-collection main :is(.folate-form-cards,.iron-form-cards)>div{padding:18px 20px;border:1px solid #cdb496;background:#fffbf3}
.nhc-collection main :is(.vis-evidence>div,.iron-route){background:#fff9ee;padding:16px 18px;border:1px solid #ceb692;margin:12px 0}
.nhc-collection main :is(.vis-copy,.sc-pericarp-copy,.ca-pericarp-copy)>h2 br{display:none}
/* An edge-to-edge product scene replaces the padded white catalogue cutout. */
.nhc-collection main .nhc-refined-product{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#ede1cf;margin:0!important;padding:0!important;gap:0!important;color:#fff3df;border-top:1px solid #d8b78f}
.nhc-collection main .nhc-refined-product>figure{padding:0!important;margin:0!important;align-self:stretch;overflow:hidden;min-height:0}
.nhc-collection main .nhc-refined-product>figure>img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;aspect-ratio:1;margin:0}
.nhc-collection main .nhc-product-copy{background:linear-gradient(135deg,#a34b16,#79380b);color:#fff3df;padding:40px 10%;display:flex;flex-direction:column;justify-content:center;gap:0;min-width:0}
.nhc-collection main .nhc-product-copy h2{font:normal clamp(29px,3.2vw,42px)/1.13 Georgia,serif;color:#fff3df;margin:0 0 22px;letter-spacing:-.025em}
.nhc-collection main .nhc-product-copy p{font:16px/1.65 Georgia,serif;color:#fff3df;margin:0 0 18px;max-width:52ch}
.nhc-collection main .nhc-product-kicker{font:11px/1.7 system-ui,sans-serif!important;letter-spacing:.17em;text-transform:uppercase;color:#f0c895!important;margin-bottom:22px!important}
.nhc-collection main .nhc-product-button,.nhc-collection main .nhc-product-copy .nhc-orac-shop-link a{font:14px/1.6 system-ui,sans-serif!important;padding:15px 22px;background:#fff0d2;color:#71370e!important;text-decoration:none;align-self:flex-start;display:inline-block;margin:12px 0 20px;min-height:48px}
.nhc-collection main .nhc-product-copy small{font:12px/1.65 system-ui,sans-serif;color:#f0d8bd;display:block;margin-top:10px}
.nhc-collection main .nhc-product-detail{border:0;border-top:1px solid #dbab7680;background:none;padding:16px 0 0;margin:10px 0 0}
.nhc-collection main .nhc-product-detail p{font:13px/1.65 system-ui,sans-serif}
.nhc-product-process{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:15px 0;border-top:1px solid #deb182;border-bottom:1px solid #deb182;font:13px system-ui,sans-serif;margin:7px 0 16px}
/* Topic-specific food photographs, with the same card rhythm as B12. */
.nhc-collection main .nhc-food-section{padding:42px 5.5%;background:#f9f4e9;color:#30232a;border-top:1px solid #d9c09f;border-bottom:1px solid #d9c09f;margin:0}
.nhc-collection main .nhc-section-kicker{font:11px/1.7 system-ui,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#92501f;margin:0 0 14px}
.nhc-collection main .nhc-food-section h2{font:normal clamp(29px,3vw,40px)/1.15 Georgia,serif;letter-spacing:-.025em;margin:0 0 18px;color:#30232a}
.nhc-collection main .nhc-food-intro{max-width:75ch;font:17px/1.65 Georgia,serif;margin:0;color:#463638}
.nhc-food-intro sup{font:11px system-ui,sans-serif;margin-left:5px}
.nhc-food-intro a{color:#85471f;text-underline-offset:3px}
.nhc-food-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:28px}
.nhc-food-grid.nhc-food-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.nhc-food-card{background:#eee1cf;border:1px solid #dfc6a8;min-width:0;overflow:hidden}
.nhc-collection main .nhc-food-card img{width:100%;height:auto;aspect-ratio:1.18;object-fit:cover;display:block;margin:0}
.nhc-food-card>div{padding:22px 19px 24px}
.nhc-collection main .nhc-food-card h3{font:normal clamp(23px,2.3vw,29px)/1.2 Georgia,serif;color:#30232a;margin:0 0 14px}
.nhc-collection main .nhc-food-card p{font:13px/1.65 system-ui,sans-serif;color:#735e5a;margin:0}
.nhc-collection main .nhc-food-footnote,.nhc-collection main .nhc-refinement-credit{font:12px/1.65 system-ui,sans-serif;color:#715b52;padding:16px 5.5%;margin:0;background:#eee2d1}
/* Magnesium: a compact network and two explanatory cards. */
.nhc-mineral-network{display:grid;grid-template-columns:33% 1fr;padding:38px 5.5%;gap:5%;background:linear-gradient(120deg,#e5ecdd,#f8f2e5);color:#2d382d;border-bottom:1px solid #bdbf9f}
.nhc-network-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;background:#244b36;border:1px solid #bca577;color:#f2d39b}
.nhc-network-node{display:grid;place-content:center;text-align:center;width:130px;height:130px;border:1px solid #d3b77d;border-radius:50%;background:radial-gradient(circle,#426d4d,#214630);font:58px/1 Georgia,serif}
.nhc-network-node small,.nhc-network-pair small{font:11px/1.8 system-ui,sans-serif;display:block;margin-top:8px}
.nhc-network-line{height:25px;width:1px;background:#d3b77d}
.nhc-network-pair{display:flex;gap:25px;padding-top:18px;border-top:1px solid #d3b77d}
.nhc-network-pair>span{display:block;padding:10px 16px;border:1px solid #bda16b;text-align:center;font:32px Georgia,serif;background:#30553f}
.nhc-collection main .nhc-network-visual>p{font:11px/1.7 system-ui,sans-serif;color:#edd7b4;margin:18px 0 0}
.nhc-collection main .nhc-network-copy h2{font:normal clamp(30px,3.5vw,43px)/1.15 Georgia,serif;margin:0 0 16px;color:#273a2e}
.nhc-collection main .nhc-network-copy>p:not(.nhc-section-kicker){font:17px/1.7 Georgia,serif;margin:0 0 22px;max-width:60ch}
.nhc-network-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.nhc-network-facts>div{background:#fdf8ed;border:1px solid #c5b99d;padding:20px}
.nhc-network-facts span{font:12px system-ui,sans-serif;color:#8f6128;letter-spacing:.1em}
.nhc-collection main .nhc-network-facts h3{font:normal 27px Georgia,serif;margin:10px 0 12px;color:#2c4635}
.nhc-collection main .nhc-network-facts p{font:14px/1.65 system-ui,sans-serif;color:#4e5a4c;margin:0}
.nhc-network-copy>small{font:12px/1.65 system-ui,sans-serif;display:block;color:#586451;margin-top:18px}
/* Carotenoids shares the magazine system, while keeping its own pigment story. */
.nhc-carotenoids-v3 .vis-hero-image{object-position:65% center}
.nhc-carotenoids-v3 .vis-stat strong{font-size:58px}
.nhc-pigment-dots{display:flex;gap:12px;margin-bottom:20px}
.nhc-pigment-dots i{width:30px;height:30px;border-radius:50%;background:#f7d454;border:1px solid #ffe5b0}
.nhc-pigment-dots i:nth-child(2){background:#ee9135}.nhc-pigment-dots i:nth-child(3){background:#c74d37}
.nhc-conversion{display:grid;grid-template-columns:1fr 45px 1fr;gap:20px;align-items:center;margin:28px 0}
.nhc-conversion>div{padding:25px;border:1px solid #b59870;background:#2b1724}
.nhc-conversion strong{font:normal 28px Georgia,serif;color:#f3d4a3;display:block}
.nhc-conversion span{font:13px/1.7 system-ui,sans-serif;color:#e1c9b5;display:block;margin-top:12px}
.nhc-conversion b{font:32px Georgia,serif;text-align:center;color:#e8c496}
.nhc-vitamin-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nhc-vitamin-roles>div{border-top:1px solid #b59870;padding:18px 0}
.nhc-vitamin-roles span{font:12px system-ui,sans-serif;color:#dca770}
.nhc-vitamin-roles h3{margin:12px 0 0;font-size:26px}
.nhc-pigment-comparison{display:grid;gap:14px;margin:24px 0}
.nhc-pigment-comparison>div{background:#fff8ec;border:1px solid #d6bd9b;padding:20px}
.nhc-collection main .nhc-pigment-comparison h3{font:normal 25px Georgia,serif;margin:0 0 12px}
.nhc-pigment-comparison p{font:15px/1.65 Georgia,serif}
.nhc-swatch{display:block;width:35px;height:35px;border-radius:50%;float:right;margin-left:15px;border:1px solid #c7a683}
.nhc-swatch-purple{background:linear-gradient(135deg,#692943,#321525)}.nhc-swatch-orange{background:linear-gradient(135deg,#f0ce53,#d46529)}
@media(max-width:800px){.nhc-food-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nhc-food-grid.nhc-food-three{gap:14px}.nhc-product-copy{padding:32px 8%}.nhc-mineral-network{grid-template-columns:30% 1fr;gap:4%}.nhc-network-pair{gap:12px}.nhc-network-pair>span{padding:10px}.nhc-network-visual{padding:18px 12px}.nhc-network-facts{gap:12px}.nhc-network-facts>div{padding:16px}}
@media(max-width:560px){.nhc-collection main .nhc-refined-product{grid-template-columns:1fr}.nhc-collection main .nhc-refined-product>figure>img{height:auto;aspect-ratio:1;object-fit:contain}.nhc-collection main .nhc-product-copy{padding:32px 7%}.nhc-collection main .nhc-product-copy h2{font-size:34px}.nhc-collection main :is(.vis-opening>div:last-child,.ca-opening-copy,.sc-opening-copy){padding:30px 7%}.nhc-collection main :is(.vis-split.vis-light .vis-copy,.ca-pericarp-copy,.sc-pericarp-copy){padding:30px 7%}.nhc-collection main :is(.vis-split.vis-light)>figure{min-height:280px}.nhc-collection main .nhc-food-section{padding:32px 7%}.nhc-food-grid,.nhc-food-grid.nhc-food-three{grid-template-columns:1fr;gap:20px}.nhc-food-card>div{padding:20px}.nhc-collection main .nhc-food-card img{aspect-ratio:1.5}.nhc-collection main .nhc-food-card h3{font-size:28px}.nhc-mineral-network{grid-template-columns:1fr;padding:32px 7%;gap:24px}.nhc-network-visual{padding:24px}.nhc-network-facts{grid-template-columns:1fr}.nhc-collection main .nhc-network-copy h2{font-size:34px}.nhc-conversion{grid-template-columns:1fr;gap:12px}.nhc-conversion b{transform:rotate(90deg)}.nhc-vitamin-roles{grid-template-columns:1fr;gap:10px}.nhc-vitamin-roles>div{display:flex;gap:18px;align-items:center;padding:16px 0}.nhc-vitamin-roles h3{margin:0}.nhc-pigment-dots{margin:0}.nhc-carotenoids-v3 .vis-stat{flex-wrap:wrap}.nhc-carotenoids-v3 .vis-stat strong{font-size:48px}}

