.grid-wrap.with-nutrition { height: calc(100dvh - var(--recipe-top-height, var(--top)) - var(--nutrition-height, 160px)); overflow-anchor: none; }
.nutrition-strip { top: var(--recipe-top-height, var(--top)); }
.nutrition-title span { font-size: 12px; }
.nutrition-toggle {
  grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) 18px;
  gap: 10px; align-items: center; min-height: 44px; padding: 7px 10px;
  border: 1px solid var(--hairline); border-radius: 10px; background: var(--paper);
  color: var(--accent-dark); text-align: left; font: inherit; font-size: 12px;
  font-weight: 750; line-height: 1.35; cursor: pointer;
}
.nutrition-toggle > span { min-width: 0; }
.nutrition-toggle:hover { background: var(--prepare); }
.nutrition-toggle:focus-visible { outline: 3px solid var(--accent-dark); outline-offset: 2px; }
#nutrition-toggle-arrow { font-size: 22px; text-align: center; }
.nutrition-compact-values {
  display: flex; flex-wrap: wrap; gap: 3px 12px; margin-top: 3px;
  color: var(--ink); font-weight: 500; font-variant-numeric: tabular-nums;
}
.nutrition-compact-values > span { white-space: nowrap; }
.nutrition-compact-values > span:nth-child(-n+2) { font-weight: 750; }
.nutrition-collapsed .cook-title p { display: none; }
.nutrition-chip b { overflow: visible; white-space: normal; overflow-wrap: anywhere; line-height: 1.1; }
@media (max-width: 520px) {
  .nutrition-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.nutrition-sources {
  display: block; min-height: 44px; margin-top: 6px; padding: 6px 9px;
  border: 1px solid var(--hairline); border-radius: 10px;
  background: var(--paper); color: var(--accent-dark); font: inherit;
  font-size: 13px; font-weight: 750; line-height: 1.25; cursor: pointer;
}
.nutrition-sources:hover { background: var(--prepare); }
.nutrition-sources:active { transform: translateY(1px); }
.nutrition-sources:focus-visible, .nutrition-detail a:focus-visible, .nutrition-detail summary:focus-visible {
  outline: 3px solid var(--accent-dark); outline-offset: 2px;
}
.nutrition-pending { display: block; min-height: 44px; font-size: 14px; }
.nutrition-detail { width: min(620px, calc(100% - 32px)); scroll-padding-top: 100px; }
.nutrition-detail .detail-head { position: sticky; top: 0; z-index: 1; padding-block: 8px; border-bottom: 1px solid var(--hairline); background: var(--paper); }
.nutrition-detail h2 { font-size: 24px; }
.nutrition-detail summary { min-height: 44px; padding-block: 12px; cursor: pointer; font-weight: 750; }
.nutrition-detail details { border-bottom: 1px solid var(--hairline); }
.nutrition-detail dt { margin-top: 14px; font-weight: 750; }
.nutrition-detail dd { margin: 4px 0 12px; line-height: 1.5; }
.nutrition-detail ul { padding-left: 20px; }
.nutrition-detail li { margin-bottom: 12px; }
.nutrition-detail a { display: inline-block; min-height: 44px; padding-block: 8px; color: var(--accent-dark); overflow-wrap: anywhere; }
.nutrition-detail small { display: block; color: var(--muted); }