/* Round 4 style in the homepage: the CSS of site/versions/nutrition/claude-mix-2026-10-30/, scoped so it wins inside #unit-nutrition. Exception to docs/HOMEPAGE-RULES.md, on Shaan's word, Oct 31. What differs from it is at the end of this file. */
/* Phone layout only: on a wide screen it holds a 430 column until a desktop layout is designed. */
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-cq{max-width:430px; margin:0 auto}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-cq *,body.nutrition-bold #unit-nutrition#unit-nutrition .nm-cq *::before,body.nutrition-bold #unit-nutrition#unit-nutrition .nm-cq *::after{box-sizing:border-box}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-cq{container-type:inline-size; width:100%; --nm-ink:#144444; --nm-body:#4b5c54; --nm-gray:#7f8c87; --nm-green:#144444; --nm-mist:#f1f5f2; --nm-white:#ffffff; --nm-line:var(--oh-line); --nm-shadow:rgb(20 60 50 / .22); --nm-grad:linear-gradient(150deg, #144444 10%, #a4cd3a 92%); --nm-sans:"Work Sans", ui-sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif; color-scheme:light}

/* One type scale and three spaces. Sizes on a 390 phone: word 39, head 30, sub 25, lead 21, body 17, label 15, fine 12.5, plus the two big numbers. */
body.nutrition-bold #unit-nutrition#unit-nutrition .nm{--g:20px; --col:calc(100cqw - 40px); --t-word:min(calc(var(--col) * .1125), 46px); --t-head:clamp(24px, calc(var(--col) * .0857), 32px); --t-sub:clamp(22px, 6.4cqw, 27px); --t-lead:clamp(18px, calc(var(--col) * .06), 23px); --t-body:clamp(16px, 4.36cqw, 18px); --t-label:15px; --t-fine:12.5px; --tight:clamp(12px, 3.6cqw, 14px); --group:clamp(22px, 6.2cqw, 26px); --beat:clamp(72px, 20cqw, 84px); font-family:var(--nm-sans); color:var(--nm-ink); background:var(--nm-white); text-align:left; padding-bottom:44px}
body.nutrition-bold #unit-nutrition#unit-nutrition :where(.nm) :where(p, h2, h3, h4, ul, figure){margin:0}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm a{color:inherit}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-gray{color:var(--nm-gray)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-ref{display:inline-block; margin-left:2px; font-size:.4em; line-height:1; vertical-align:super; letter-spacing:0; font-weight:500; text-decoration:none}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-h{font-size:var(--t-head); line-height:1.12; letter-spacing:-.04em; font-weight:600; text-wrap:balance}

/* 1. The gap: the fact, why it matters, then straight to the box */
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-gap{padding:clamp(40px, 11.3cqw, 46px) var(--g) 0; text-align:center}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-stat{font-weight:600}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-big{display:block; font-size:clamp(92px, calc(var(--col) * .366), 146px); line-height:.9; letter-spacing:-.065em; white-space:nowrap; transform:translateX(-.03em)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-statline{display:block; margin-top:var(--tight); font-size:var(--t-sub); line-height:1.12; letter-spacing:-.04em; text-wrap:balance}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-turn{margin-top:clamp(16px, 4.6cqw, 18px); font-size:var(--t-head); line-height:1.12; letter-spacing:-.04em; font-weight:600}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-turn > span{display:block; text-wrap:balance}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-turn > .nm-three{margin:4px 0 var(--tight); font-size:min(calc(var(--col) * .06), 23px); line-height:1.2; letter-spacing:-.025em; color:var(--nm-gray); white-space:nowrap; text-wrap:nowrap}

/* 2. The reveal: the box, its name and 40×, with "What are microgreens?" one tap down */
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-hero{display:grid; justify-items:center; padding:var(--group) var(--g) 0; text-align:center}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-name{margin-top:clamp(16px, 4.6cqw, 18px); font-size:var(--t-sub); line-height:1.12; letter-spacing:-.04em; font-weight:600; color:var(--nm-green)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-claim{display:flex; flex-direction:column; align-items:center; margin-top:2px; font-weight:600}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-up{font-size:var(--t-sub); line-height:1.12; letter-spacing:-.04em}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-num{display:inline-block; margin:-.04em 0 -.1em; padding:0 .06em; font-size:clamp(140px, 42cqw, 180px); line-height:1; letter-spacing:-.07em; white-space:nowrap; text-align:right; font-variant-numeric:tabular-nums; background:var(--nm-grad); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-x{margin-left:.03em; font-size:.6em; letter-spacing:0}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-more{font-size:var(--t-head); line-height:1.12; letter-spacing:-.04em}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-more .nm-ref{font-size:.5em; vertical-align:.9em}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-boxwrap{position:relative; isolation:isolate; width:86%}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-boxwrap::after{content:""; position:absolute; z-index:-1; left:6%; right:6%; bottom:-4%; height:10%; background:radial-gradient(closest-side, var(--nm-shadow), transparent)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-box{display:block; width:100%; height:auto}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-sub{margin-top:var(--group); max-width:17em; font-size:var(--t-lead); line-height:1.25; letter-spacing:-.025em; font-weight:500; color:var(--nm-body); text-wrap:balance}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-whatbtn{display:inline-flex; align-items:center; gap:10px; min-height:44px; margin-top:var(--tight); padding:0 6px 0 18px; border:0; border-radius:999px; background:var(--nm-mist); color:var(--nm-ink); font:600 var(--t-body)/1 var(--nm-sans); letter-spacing:-.015em; cursor:pointer; -webkit-tap-highlight-color:transparent}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-whatbtn:focus-visible{outline:2px solid var(--nm-ink); outline-offset:3px}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-pc{position:relative; flex:none; width:32px; height:32px; border-radius:50%; background:var(--nm-white); transition:transform .3s cubic-bezier(.2, .7, .2, 1)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-pc::before,body.nutrition-bold #unit-nutrition#unit-nutrition .nm-pc::after{content:""; position:absolute; left:50%; top:50%; width:13px; height:2px; border-radius:1px; background:var(--nm-ink); transform:translate(-50%, -50%)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-pc::after{transform:translate(-50%, -50%) rotate(90deg)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-whatbtn[aria-expanded="true"] .nm-pc{transform:rotate(45deg)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-whatpanel{justify-self:stretch; display:grid; grid-template-rows:0fr; transition:grid-template-rows .45s cubic-bezier(.2, .7, .2, 1)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-whatpanel.is-open{grid-template-rows:1fr}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-whatpanel > div{min-height:0; overflow:hidden; visibility:hidden; transition:visibility 0s .45s}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-whatpanel.is-open > div{visibility:visible; transition-delay:0s}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-pair{margin-top:var(--group)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-pair img{display:block; width:100%; height:auto}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-pair-labels{display:grid; grid-template-columns:47% 53%; margin-top:6px; font-size:var(--t-label); line-height:1.3; font-weight:600; letter-spacing:-.01em}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-pair-labels span:last-child{color:var(--nm-gray)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-what-p{margin:var(--group) auto 0; max-width:17em; font-size:var(--t-lead); line-height:1.25; letter-spacing:-.025em; font-weight:600; text-wrap:balance}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-what-p span{color:var(--nm-gray)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-what-six{margin-top:var(--tight); font-size:var(--t-body); line-height:1.35; letter-spacing:-.012em; font-weight:500; color:var(--nm-body); text-wrap:balance}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-six{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:4px 8px; margin-top:var(--tight); padding:0; list-style:none; font-size:var(--t-body); line-height:1.35; font-weight:600; letter-spacing:-.012em}

/* 4. The benefits people feel: what nutrients do, over the big hand */
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-inside{padding-top:var(--beat)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-inside .nm-h{padding:0 var(--g); text-align:center}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-benhand{display:block; width:100%; height:auto; margin-top:var(--tight)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-points{display:grid; gap:clamp(18px, 5.2cqw, 20px); padding:var(--tight) var(--g) 0}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-point summary{display:grid; grid-template-columns:minmax(0, 1fr) auto; column-gap:12px; align-items:center; list-style:none; cursor:pointer; -webkit-tap-highlight-color:transparent}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-pt-t{margin-left:-.03em; font-size:var(--t-word); line-height:1.04; letter-spacing:-.05em; font-weight:600}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-pt-s{grid-column:1 / -1; margin-top:4px; font-size:var(--t-body); line-height:1.35; letter-spacing:-.012em; font-weight:500; color:var(--nm-body); text-wrap:balance}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-point summary::-webkit-details-marker{display:none}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-point summary:focus-visible,body.nutrition-bold #unit-nutrition#unit-nutrition .nm-door summary:focus-visible{outline:2px solid var(--nm-ink); outline-offset:4px; border-radius:6px}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-plus{flex:none; display:block; position:relative; width:32px; height:32px; border-radius:50%; background:var(--nm-mist); transition:transform .25s ease}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-plus::before,body.nutrition-bold #unit-nutrition#unit-nutrition .nm-plus::after{content:""; position:absolute; left:50%; top:50%; width:13px; height:2px; border-radius:1px; background:var(--nm-ink); transform:translate(-50%, -50%)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-plus::after{transform:translate(-50%, -50%) rotate(90deg)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-point .nm-plus{background:var(--nm-ink)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-point .nm-plus::before,body.nutrition-bold #unit-nutrition#unit-nutrition .nm-point .nm-plus::after{background:var(--nm-white)}
body.nutrition-bold #unit-nutrition#unit-nutrition details[open] > summary .nm-plus{transform:rotate(45deg)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-detail{padding-top:10px}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-detail p{font-size:var(--t-body); line-height:1.45; letter-spacing:-.012em; font-weight:400; color:var(--nm-body)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-detail a{display:inline-block; margin-top:6px; font-size:var(--t-label); font-weight:600; letter-spacing:-.01em}
body.nutrition-bold #unit-nutrition#unit-nutrition details[open] > .nm-detail{animation:nm-in .3s ease-out}
@keyframes nm-in{ from{ opacity:0; transform:translateY(-4px) } to{ opacity:1; transform:none } }
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-mixitem h4{font-size:var(--t-lead); line-height:1.2; letter-spacing:-.025em; font-weight:600}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-mixitem p{margin-top:4px}

/* 3. One handful = 1 oz = 2 pounds, said once */
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-dose{padding-top:var(--beat); text-align:center}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-dose .nm-h{padding:0 var(--g)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-dose img{display:block; width:100%; height:auto; margin-top:var(--tight)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-vs{display:grid; grid-template-columns:11% 30% 11% 42% 6%; align-items:baseline; margin-top:6px}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-vs p:first-child{grid-column:2}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-vs strong{display:block; font-size:var(--t-head); line-height:1.12; letter-spacing:-.04em; font-weight:600}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-vs strong .nm-ref{font-size:.5em; vertical-align:.8em}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-vs small{display:block; margin-top:2px; font-size:var(--t-label); line-height:1.3; font-weight:500; color:var(--nm-body)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-vs-word{font-size:var(--t-label); color:var(--nm-gray)}

/* 5. The close, straight into the recipes */
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-ease{padding-top:var(--beat)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-close{padding:0 var(--g); font-size:var(--t-head); line-height:1.12; letter-spacing:-.04em; font-weight:600}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-close > span,body.nutrition-bold #unit-nutrition#unit-nutrition .nm-close .nm-gray > span{display:block}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-recipes{margin-top:var(--group)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-recipes img{display:block; width:100%; height:auto}

/* 6. Every note and source in one place */
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-foot{padding:clamp(36px, 10cqw, 44px) var(--g) 0}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-footnote,body.nutrition-bold #unit-nutrition#unit-nutrition .nm-draft{font-size:var(--t-fine); line-height:1.5; color:var(--nm-body)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-draft{margin-top:4px; font-size:11px}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-door{margin-top:var(--tight); border-top:1px solid var(--nm-line); padding-top:6px}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-door > summary{display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; list-style:none; cursor:pointer; -webkit-tap-highlight-color:transparent; font-size:var(--t-body); font-weight:600; letter-spacing:-.015em}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-door > summary::-webkit-details-marker{display:none}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-door .nm-detail{display:grid; gap:var(--group); padding-top:8px}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-sci h4{font-size:var(--t-label); line-height:1.3; font-weight:600; letter-spacing:-.01em; color:var(--nm-ink); scroll-margin-top:72px}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-sci p{margin-top:8px; font-size:14px; line-height:1.55}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-sci strong{color:var(--nm-ink); font-weight:600}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-links{display:flex; flex-wrap:wrap; gap:4px 14px; margin-top:8px}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-links a{margin:0; font-size:13px; font-weight:500}
@media (prefers-reduced-motion: reduce){
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-plus,body.nutrition-bold #unit-nutrition#unit-nutrition .nm-pc,body.nutrition-bold #unit-nutrition#unit-nutrition .nm-whatpanel,body.nutrition-bold #unit-nutrition#unit-nutrition .nm-whatpanel > div{transition:none}
  body.nutrition-bold #unit-nutrition#unit-nutrition details[open] > .nm-detail{animation:none}
}

/* ---------- What differs from the mix ---------- */
/* The mix's words, in the base's page. The section ends at the ease line and the real gallery follows it */
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-cq{line-height:normal}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-point summary{row-gap:0}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-door{border-bottom:0}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-door>summary{padding:0}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm{padding-bottom:0}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-ease{padding-bottom:var(--group);text-align:center}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-ref.gp-context{color:inherit;text-decoration:none}

/* No Nutrition Mix label: it's on the box (Shaan, Oct 31). Up to takes its place */
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-claim{margin-top:clamp(16px,4.6cqw,18px)}

/* Finesse, Oct 31. The 1 is tiny, so it gets a thumb-sized target. Links land clear of the header. vs. is readable. */
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-ref.gp-context{position:relative}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-ref.gp-context::after{content:"";position:absolute;inset:-16px -12px}
body.nutrition-bold #unit-nutrition#unit-nutrition :is(#benefits,#portion-comparison,#daily-handful){scroll-margin-top:72px}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-vs-word{color:var(--nm-body)}
body.nutrition-bold #unit-nutrition#unit-nutrition .nm-vs small{white-space:nowrap}

/* On a phone What's behind 40×? is a row like Science & sources, not a stray link. Opening it swaps the link for the open row, in the same place */
@media(max-width:699px){
  body.nutrition-bold #unit-nutrition#unit-nutrition .gp-study{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:54px;margin:0;padding:12px 0;border-top:1px solid var(--oh-line);font:500 var(--oh-row)/1.4 var(--oh-font);color:var(--oh-ink);text-decoration:none}
  body.nutrition-bold #unit-nutrition#unit-nutrition .gp-study::after{content:"";flex:none;width:16px;height:16px;background:var(--oh-plus)}
  body.nutrition-bold #unit-nutrition#unit-nutrition .gp-notes:has(#research[open]) .gp-study{display:none}
  body.nutrition-bold #unit-nutrition#unit-nutrition .gp-notes .explore details{border-top:1px solid var(--oh-line)}
}

/* ---------- Tablet: box beside the claim. The mix had no layout this wide ---------- */
@media(min-width:700px){
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-cq{max-width:none}
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm{--g:48px;--col:min(calc(100cqw - 96px),720px)}
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:1fr auto auto auto 1fr;column-gap:32px;align-items:center;width:min(100%,1040px);margin:0 auto}
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-boxwrap{grid-column:1;grid-row:1/6;width:100%;margin:0}
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-claim{grid-column:2;grid-row:2;margin:0}
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-num{font-size:clamp(140px,21cqw,220px)}
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-sub{grid-column:2;grid-row:3;justify-self:center;margin-top:var(--tight)}
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-whatbtn{grid-column:2;grid-row:4;justify-self:center}
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-whatpanel{grid-column:1/-1;grid-row:6;width:min(100%,620px);justify-self:center}

  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-inside{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:32px;align-items:center;width:min(100%,1040px);margin:0 auto}
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-inside .nm-h{grid-column:1/-1;padding:0 var(--g)}
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-benhand{grid-column:1;margin-top:var(--group);-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 12%);mask-image:linear-gradient(270deg,transparent 0,#000 12%)}
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-points{grid-column:2;padding:var(--group) var(--g) 0 0}

  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-dose img{width:min(100%,720px);margin-left:auto;margin-right:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%);mask-image:linear-gradient(90deg,transparent 0,#000 9%)}
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-vs{width:min(100%,720px);margin-left:auto;margin-right:auto}
}

/* ---------- Computer: the statement bigger, same layout ---------- */
@media(min-width:1000px){
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm{--t-head:clamp(36px,3.1cqw,44px);--t-sub:clamp(28px,2.4cqw,34px);--t-word:52px}
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-big{font-size:clamp(146px,13cqw,190px)}
  body.nutrition-bold #unit-nutrition#unit-nutrition .nm-gap{padding-top:64px}
}