.nutrition-reference .page-hero-grid { align-items:center; }
.nutrition-photo { margin:0; min-inline-size:0; max-inline-size:480px; justify-self:center; }
.nutrition-photo picture { display:block; }
.nutrition-photo img { display:block; inline-size:100%; block-size:auto; border-radius:12px; }
.nutrition-photo figcaption,.portion-caption { color:var(--muted); font-size:.8125rem; line-height:1.5; margin-block-start:10px; }
.nutrition-jumps { display:flex; flex-wrap:wrap; gap:8px 20px; margin-block-start:24px; }
.nutrition-jumps a { display:inline-flex; align-items:center; min-block-size:44px; font-weight:650; text-underline-offset:5px; }
.nutrition-reference .editorial-section > p { max-inline-size:76ch; }
.nutrition-reference .catalog-card { content-visibility:visible; min-inline-size:0; }
.nutrition-topic-state { color:var(--muted); font-size:.8125rem; }
.nutrition-topic h3 { margin-block:12px; }
.nutrition-topic h3 a { display:inline-block; padding-block:8px; }
.nutrition-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 28px; padding-inline-start:20px; }
.nutrition-links li { min-inline-size:0; overflow-wrap:anywhere; }
.nutrition-links a { display:inline-block; padding-block:8px; }
.nutrition-future,.nutrition-check { margin-block:20px; padding:16px 20px; border:1px solid var(--line); border-radius:10px; }
.nutrition-future summary,.nutrition-check summary,.nutrition-reference #faq summary { min-block-size:44px; padding-block:10px; font-weight:650; cursor:pointer; }
.nutrition-byline { padding-block:24px; border-block-start:1px solid var(--line); color:var(--muted); font-size:.875rem; }
.nutrition-reference .directory-results-meta { margin-block:16px; }
.portion-example { padding:24px; border:1px solid var(--line-strong); border-radius:14px; background:var(--surface); min-inline-size:0; }
.portion-example h2 { font:750 1.5rem/1.2 var(--body); margin-block:12px 24px; letter-spacing:-.03em; }
.portion-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.portion-pair > div { min-inline-size:0; padding:16px; border-radius:8px; background:var(--teal-soft); }
.portion-label { display:block; font-size:.8125rem; color:var(--ink-soft); }
.portion-pair strong { display:block; font-size:1.75rem; margin-block:12px; line-height:1.1; }
.portion-pair dl { margin:0; }
.portion-pair dl div { padding-block:8px; border-block-start:1px solid var(--line); }
.portion-pair dt { color:var(--ink-soft); font-size:.8125rem; }
.portion-pair dd { margin:2px 0 0; font-size:1rem; font-weight:700; }
.portion-formula { padding-block-start:16px; font-size:.9375rem; }
@media(max-width:760px) {
  .nutrition-reference .page-hero-grid { gap:28px; }
  .nutrition-links { grid-template-columns:minmax(0,1fr); }
  .portion-example { padding:18px; }
  .portion-pair { gap:8px; }
  .portion-pair > div { padding:12px; }
}
@media(max-width:360px) { .portion-pair { grid-template-columns:minmax(0,1fr); } }
@media print { .nutrition-jumps { display:none; } .nutrition-future::details-content,.nutrition-check::details-content { content-visibility:visible; } .portion-example { break-inside:avoid; } }