/* A product photograph inside the detail, while the closed reveal stays quiet. */
body.flow-refinement #unit-nutrition#unit-nutrition .nf-openbox{
 margin:0 0 24px;overflow:hidden;border-radius:var(--oh-corner);
}
body.flow-refinement #unit-nutrition#unit-nutrition .nf-openbox img{
 display:block;width:100%;height:auto;margin:0;
}
/* One real photograph carries the handful. The two figures share a clear baseline. */
body.flow-refinement #unit-nutrition#unit-nutrition .handful-visual{
 display:block;width:100%;max-width:640px;margin:20px auto 0;
}
body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison .handful-real{
 display:block;width:100%;height:auto;margin:0;
 -webkit-mask-image:none;mask-image:none;
}
body.flow-refinement #unit-nutrition#unit-nutrition .nm-vs{
 width:calc(100% - 2 * var(--oh-gutter));max-width:560px;
 grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);
 align-items:start;gap:0;margin:12px auto 0;padding:20px 0 0;
 border-top:1px solid var(--oh-line);
}
body.flow-refinement #unit-nutrition#unit-nutrition .nm-vs p{margin:0}
body.flow-refinement #unit-nutrition#unit-nutrition .nm-vs p:first-child{grid-column:1}
body.flow-refinement #unit-nutrition#unit-nutrition .nm-vs p:last-child{grid-column:3}
body.flow-refinement #unit-nutrition#unit-nutrition .nm-vs strong{
 font-size:var(--oh-sub);line-height:1.15;font-weight:500;
 color:var(--oh-ink);letter-spacing:-.035em;
}
body.flow-refinement #unit-nutrition#unit-nutrition .nm-vs small{
 margin-top:6px;font-size:var(--oh-small);line-height:1.4;
 font-weight:400;white-space:normal;color:var(--oh-muted);
}
body.flow-refinement #unit-nutrition#unit-nutrition .nm-vs-word{
 grid-column:2;padding-top:6px;font-size:var(--oh-micro);line-height:1.3;
 color:var(--oh-muted);font-weight:400;
}
@media(min-width:700px){
 body.flow-refinement #unit-nutrition#unit-nutrition .handful-visual{
  max-width:520px;margin-top:28px;
 }
 body.flow-refinement #unit-nutrition#unit-nutrition .nm-vs{margin-top:16px}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison .handful-real{
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 86%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0,#000 86%,transparent 100%);
 }
}
