/* Benefit, short reason, optional explanation. Living nutrition sits quietly below. */
body.flow-refinement #unit-nutrition#unit-nutrition .be-benefits {
  max-width:760px;margin-top:32px;text-align:left;
}
body.flow-refinement #unit-nutrition#unit-nutrition .be-benefits .nb-title {margin-bottom:20px}
body.flow-refinement #unit-nutrition#unit-nutrition .be-group {
  padding:0 18px;border-radius:20px;background:var(--oh-mist);
}
body.flow-refinement #unit-nutrition#unit-nutrition .be-context {
  margin:0;padding:14px 0 4px;color:var(--oh-muted);
  font:500 12px/1.3 'Work Sans',sans-serif;letter-spacing:0;
}
body.flow-refinement #unit-nutrition#unit-nutrition .be-row {
  display:block;margin:0;padding:0;border:0;border-bottom:1px solid var(--oh-line);
  border-radius:0;background:none;
}
body.flow-refinement #unit-nutrition#unit-nutrition .be-group>.be-row:last-child {border-bottom:0}
body.flow-refinement #unit-nutrition#unit-nutrition .be-row>summary {
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:4px 12px;
  align-items:center;box-sizing:border-box;min-height:64px;margin:0;padding:12px 0;
  list-style:none;cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent;
}
body.flow-refinement #unit-nutrition#unit-nutrition .be-row>summary::-webkit-details-marker {display:none}
body.flow-refinement #unit-nutrition#unit-nutrition .be-row>summary::marker {content:''}
body.flow-refinement #unit-nutrition#unit-nutrition .be-row>summary::before,
body.flow-refinement #unit-nutrition#unit-nutrition .be-row>summary::after {content:none;display:none}
body.flow-refinement #unit-nutrition#unit-nutrition .be-name {
  grid-column:1;grid-row:1;margin:0;padding:0;color:var(--oh-ink);
  font:500 20px/1.15 'Work Sans',sans-serif;letter-spacing:-.025em;
}
body.flow-refinement #unit-nutrition#unit-nutrition .be-why {
  grid-column:1;grid-row:2;margin:0;padding:0;color:var(--oh-muted);
  font:400 14px/1.4 'Work Sans',sans-serif;letter-spacing:-.015em;
}
body.flow-refinement #unit-nutrition#unit-nutrition .be-plus {
  display:block;position:relative;grid-column:2;grid-row:1/3;width:24px;height:24px;
  border-radius:50%;background:white;color:var(--oh-ink);
}
body.flow-refinement #unit-nutrition#unit-nutrition .be-plus::before,
body.flow-refinement #unit-nutrition#unit-nutrition .be-plus::after {
  content:'';position:absolute;top:50%;left:50%;width:11px;height:1.5px;
  border-radius:1px;background:currentColor;transform:translate(-50%,-50%);
}
body.flow-refinement #unit-nutrition#unit-nutrition .be-plus::after {transform:translate(-50%,-50%) rotate(90deg)}
body.flow-refinement #unit-nutrition#unit-nutrition .be-row[open]>summary .be-plus::before {transform:translate(-50%,-50%) rotate(45deg)}
body.flow-refinement #unit-nutrition#unit-nutrition .be-row[open]>summary .be-plus::after {transform:translate(-50%,-50%) rotate(135deg)}
body.flow-refinement #unit-nutrition#unit-nutrition .be-row>summary:focus-visible {
  outline:2px solid var(--oh-ink);outline-offset:3px;border-radius:4px;
}
body.flow-refinement #unit-nutrition#unit-nutrition .be-detail {padding:4px 0 18px}
body.flow-refinement #unit-nutrition#unit-nutrition .be-detail>p {
  margin:0;padding:0;color:var(--oh-muted);font:400 var(--oh-body)/1.45 'Work Sans',sans-serif;
  letter-spacing:-.015em;
}
body.flow-refinement #unit-nutrition#unit-nutrition .be-detail>p+p {margin-top:12px}
body.flow-refinement #unit-nutrition#unit-nutrition .be-source {
  display:inline-block;margin-top:12px;color:var(--oh-ink);
  font:500 var(--oh-small)/1.45 'Work Sans',sans-serif;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
}
body.flow-refinement #unit-nutrition#unit-nutrition .be-sources {
  display:flex;flex-wrap:wrap;gap:0 16px;
}
body.flow-refinement #unit-nutrition#unit-nutrition .be-living {
  margin:12px 0 0;padding:0 18px;border:0;
}
body.flow-refinement #unit-nutrition#unit-nutrition .be-living>summary {padding:10px 0}
body.flow-refinement #unit-nutrition#unit-nutrition .be-living .be-name {font-size:17px;color:var(--oh-muted)}
body.flow-refinement #unit-nutrition#unit-nutrition .be-living .be-plus {background:var(--oh-mist);color:var(--oh-muted)}
body.flow-refinement #unit-nutrition#unit-nutrition .be-living .be-detail {padding-top:10px}
body.flow-refinement #unit-nutrition#unit-nutrition .be-living .fc-reaction {padding:18px}
@media(max-width:699px) {
  body.flow-refinement #unit-nutrition#unit-nutrition .be-benefits+.nm-dose {padding-top:32px}
}
@media(max-width:359px) {
  body.flow-refinement #unit-nutrition#unit-nutrition .be-group {padding:0 10px}
  body.flow-refinement #unit-nutrition#unit-nutrition .be-living {padding:0 10px}
  body.flow-refinement #unit-nutrition#unit-nutrition .be-row>summary {column-gap:8px}
}
@media(min-width:700px) {
  body.flow-refinement #unit-nutrition#unit-nutrition .be-benefits {margin-top:48px}
  body.flow-refinement #unit-nutrition#unit-nutrition .be-group {padding:0 24px}
  body.flow-refinement #unit-nutrition#unit-nutrition .be-context {padding-top:18px;font-size:14px}
  body.flow-refinement #unit-nutrition#unit-nutrition .be-row>summary {padding:16px 0}
  body.flow-refinement #unit-nutrition#unit-nutrition .be-name {font-size:24px}
  body.flow-refinement #unit-nutrition#unit-nutrition .be-why {font-size:16px}
  body.flow-refinement #unit-nutrition#unit-nutrition .be-living {padding:0 24px}
  body.flow-refinement #unit-nutrition#unit-nutrition .be-living .be-name {font-size:18px}
}
