/* 2026-10-10 05:05 IST - Nutrition Guidance programme page in the coach family (style-coach.css carries the look): only
   the page's own pieces live here - the about split, the veg / non-veg switch and marks, the thali plates with their
   numbered legends, the waffle calorie split in the sticky rail, and the hand-measure note.
   Waffle palette re-picked off the coach lead hues (purple, green) and validated with the dataviz validator,
   --mode dark --pairs all, on #141414 and #1c1c1c: all checks PASS. protein #3a8fd8, carbs #bd7716, fat #e2588c.
   The veg / non-veg marks are the Indian food-label symbols (green dot, brown triangle), not data colours. */
body.pg-program-nutrition-guidance {
  --nt-veg: #1e8a3a;
  --nt-nonveg: #9a3a1c;
  --nt-protein: #3a8fd8;
  --nt-carbs: #bd7716;
  --nt-fat: #e2588c;
}

/* 2026-10-10 05:05 IST - before step one: intro paragraph beside the who-it-is-for tile */
body.pg-program-nutrition-guidance .nt-about { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: start; }
body.pg-program-nutrition-guidance .nt-about .pt-intro { margin: 0; }

/* 2026-10-10 05:05 IST - veg / non-veg food-label marks */
body.pg-program-nutrition-guidance .nt-mark { display: inline-block; flex: none; width: 14px; height: 14px; border: 2px solid; border-radius: 2px; position: relative; vertical-align: -2px; margin-right: 8px; background: #fff; }
body.pg-program-nutrition-guidance .nt-sw .nt-mark { margin-right: 6px; }
body.pg-program-nutrition-guidance .nt-mark-veg { border-color: var(--nt-veg); }
body.pg-program-nutrition-guidance .nt-mark-veg::after { content: ""; position: absolute; inset: 2px; border-radius: 50%; background: var(--nt-veg); }
body.pg-program-nutrition-guidance .nt-mark-nonveg { border-color: var(--nt-nonveg); }
body.pg-program-nutrition-guidance .nt-mark-nonveg::after { content: ""; position: absolute; left: 1px; top: 1px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 7px solid var(--nt-nonveg); }

/* 2026-10-10 05:05 IST - the switch in the rail scopes the thali plates and the day of meals (both shown without JS) */
body.pg-program-nutrition-guidance .nt-switch { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; margin: 12px 0 0; padding: 4px; border-radius: 12px; background: #0b0b0b; border: 1px solid #34343a; }
body.pg-program-nutrition-guidance .nt-sw { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 6px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); font: 700 13px/1.2 var(--body); white-space: nowrap; cursor: pointer; transition: background-color .2s, color .2s; }
body.pg-program-nutrition-guidance .nt-sw:hover { color: var(--text); }
body.pg-program-nutrition-guidance .nt-sw[aria-pressed="true"] { background: #2a2a2e; color: var(--text); box-shadow: inset 0 0 0 1px var(--accent); }
html.no-js body.pg-program-nutrition-guidance .nt-switch { display: none; }
body.pg-program-nutrition-guidance [data-show="veg"] [data-diet="nonveg"],
body.pg-program-nutrition-guidance [data-show="nonveg"] [data-diet="veg"] { display: none; }
body.pg-program-nutrition-guidance [data-show="veg"] .pt-meal dl > div:nth-child(2),
body.pg-program-nutrition-guidance [data-show="nonveg"] .pt-meal dl > div:nth-child(1) { display: none; }
body.pg-program-nutrition-guidance [data-show="veg"] .pt-meal dl,
body.pg-program-nutrition-guidance [data-show="nonveg"] .pt-meal dl { grid-template-columns: minmax(0, 1fr); }

/* 2026-10-10 05:05 IST - waffle calorie split in the rail */
body.pg-program-nutrition-guidance .nt-waffle { margin-top: 14px; padding-top: 12px; border-top: 1px solid #2a2a2e; }
body.pg-program-nutrition-guidance .nt-waffle-art { width: min(100%, 220px); margin: 0 auto; }
body.pg-program-nutrition-guidance .wf-svg { display: block; width: 100%; height: auto; }
body.pg-program-nutrition-guidance .wf-g { transition: opacity .2s; }
body.pg-program-nutrition-guidance .wf-protein { fill: var(--nt-protein); }
body.pg-program-nutrition-guidance .wf-carbs { fill: var(--nt-carbs); }
body.pg-program-nutrition-guidance .wf-fat { fill: var(--nt-fat); }
body.pg-program-nutrition-guidance .nt-waffle.has-hot .wf-g:not(.is-hot) { opacity: .25; }
body.pg-program-nutrition-guidance .nt-wf-legend { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
body.pg-program-nutrition-guidance .nt-wf-legend li { display: grid; grid-template-columns: 12px minmax(0, 1fr); align-items: center; gap: 2px 8px; padding: 8px; border: 1px solid #2c2c30; border-radius: 10px; background: var(--pt-card); transition: border-color .2s; }
body.pg-program-nutrition-guidance .nt-wf-legend li:hover, body.pg-program-nutrition-guidance .nt-wf-legend li:focus-visible, body.pg-program-nutrition-guidance .nt-wf-legend li.is-hot { border-color: var(--accent); }
body.pg-program-nutrition-guidance .nt-wf-legend b { font: 600 20px/1 var(--body); color: var(--text); }
body.pg-program-nutrition-guidance .nt-wf-legend span:last-child { grid-column: 1 / -1; font-size: 12.5px; font-weight: 600; color: var(--muted); }
body.pg-program-nutrition-guidance .nt-sw-box { width: 12px; height: 12px; border-radius: 3px; }
body.pg-program-nutrition-guidance .nt-sw-protein { background: var(--nt-protein); }
body.pg-program-nutrition-guidance .nt-sw-carbs { background: var(--nt-carbs); }
body.pg-program-nutrition-guidance .nt-sw-fat { background: var(--nt-fat); }
body.pg-program-nutrition-guidance .nt-tip { position: fixed; z-index: 90; max-width: 280px; padding: 8px 12px; border-radius: 8px; background: #000; border: 1px solid var(--line); color: var(--text); font-size: 13px; line-height: 1.4; pointer-events: none; box-shadow: 0 10px 24px rgba(0, 0, 0, .5); }

/* 2026-10-10 05:05 IST - the thali plates on coach chart panels, numbered legend lines linked to the plate items */
body.pg-program-nutrition-guidance .nt-plates { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 14px; }
body.pg-program-nutrition-guidance .nt-plate figcaption { display: flex; align-items: center; justify-content: center; font: 400 24px/1 var(--display); letter-spacing: .05em; color: var(--text); margin-bottom: 12px; }
body.pg-program-nutrition-guidance .nt-plate-art { width: min(100%, 420px); margin: 0 auto; }
body.pg-program-nutrition-guidance .th-svg { display: block; width: 100%; height: auto; }
body.pg-program-nutrition-guidance .th-item { transition: opacity .2s; }
body.pg-program-nutrition-guidance .th-badge { fill: #111; stroke: #fff; stroke-width: 2; }
body.pg-program-nutrition-guidance .th-badge-n { fill: #fff; font: 700 15px var(--body); }
body.pg-program-nutrition-guidance .nt-plate.has-hot .th-item:not(.is-hot) { opacity: .35; }
body.pg-program-nutrition-guidance .nt-plate.has-hot .th-item.is-hot .th-badge { fill: var(--accent); stroke: #111; }
body.pg-program-nutrition-guidance .nt-plate.has-hot .th-item.is-hot .th-badge-n { fill: #111; }
body.pg-program-nutrition-guidance .nt-legend { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 8px; }
body.pg-program-nutrition-guidance .nt-legend li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; align-items: start; padding: 10px 12px; border: 1px solid transparent; border-radius: 10px; background: #222226; color: #d6d5ce; font-size: 14.5px; line-height: 1.45; transition: border-color .2s; }
body.pg-program-nutrition-guidance .nt-legend li:hover, body.pg-program-nutrition-guidance .nt-legend li.is-hot, body.pg-program-nutrition-guidance .nt-legend li:focus-visible { border-color: var(--accent); }
body.pg-program-nutrition-guidance .nt-n { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #111; border: 2px solid #fff; font: 700 13px/1 var(--body); color: #fff; }
body.pg-program-nutrition-guidance .nt-legend b, body.pg-program-nutrition-guidance .nt-portion { color: var(--text); }
body.pg-program-nutrition-guidance .nt-legend small { display: block; margin-top: 2px; color: var(--muted); font-size: 13px; }
body.pg-program-nutrition-guidance .nt-hand { margin-top: 16px; border-color: rgba(255, 210, 0, .45); }

/* 2026-10-10 05:55 IST - training week: the day-by-day label above the day cards */
body.pg-program-nutrition-guidance .nt-days-h { margin: 0; font: 400 30px/1 var(--display); letter-spacing: .04em; color: var(--text); }

/* 2026-10-10 05:05 IST - tablets and phones */
@media (max-width: 1180px) {
  body.pg-program-nutrition-guidance .nt-about { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  body.pg-program-nutrition-guidance .pt-route { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.pg-program-nutrition-guidance .pt-route li:nth-child(3n + 1)::before { display: block; }
  body.pg-program-nutrition-guidance .pt-route li:nth-child(2n + 1)::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.pg-program-nutrition-guidance .th-item, body.pg-program-nutrition-guidance .wf-g, body.pg-program-nutrition-guidance .nt-sw,
  body.pg-program-nutrition-guidance .nt-legend li, body.pg-program-nutrition-guidance .nt-wf-legend li { transition: none; }
}