/* v1.45.0 — Nutrient photo library for decision-aid cards */
.dhm-ui2-clean .dhm-v13-decision--photo-library{
  width:100%!important;
  margin:0 0 30px!important;
}
.dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-card{
  background:#fff!important;
  border:1px solid #dfe6ee!important;
  border-radius:18px!important;
  overflow:hidden!important;
  padding:0!important;
  min-height:unset!important;
  display:flex!important;
  flex-direction:column!important;
  box-shadow:0 6px 18px rgba(16,47,89,.05)!important;
}
.dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-photo{
  width:100%!important;
  aspect-ratio:3/2!important;
  background:#f5f7fa!important;
  overflow:hidden!important;
  border-bottom:1px solid #edf2f6!important;
}
.dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-icon{display:none!important;}
.dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-body{
  padding:12px 12px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  flex:1 1 auto!important;
}
.dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-card strong{
  display:block!important;
  font-size:18px!important;
  line-height:1.5!important;
  color:#173351!important;
  margin:0!important;
  min-height:unset!important;
}
.dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-card p{
  margin:0!important;
  color:#5b6d80!important;
  font-size:13.5px!important;
  line-height:1.95!important;
  display:-webkit-box!important;
  -webkit-line-clamp:4!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-caution{
  margin-top:12px!important;
}
@media (max-width:1180px){
  .dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:767px){
  .dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-body{
    padding:10px 10px 12px!important;
  }
  .dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-card strong{
    font-size:15px!important;
  }
  .dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-card p{
    font-size:12px!important;
    line-height:1.8!important;
    -webkit-line-clamp:3!important;
  }
}



/* v1.45.3 — stable desktop sizing by actual item count. */
@media (min-width:1181px){
  .dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-grid{display:grid!important;gap:12px!important;align-items:stretch!important;}
  .dhm-ui2-clean .dhm-v13-decision--photo-library.dhm-count-6 .dhm-v13-decision-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
  .dhm-ui2-clean .dhm-v13-decision--photo-library.dhm-count-5 .dhm-v13-decision-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  .dhm-ui2-clean .dhm-v13-decision--photo-library.dhm-count-4 .dhm-v13-decision-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .dhm-ui2-clean .dhm-v13-decision--photo-library.dhm-count-3 .dhm-v13-decision-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .dhm-ui2-clean .dhm-v13-decision--photo-library.dhm-count-2 .dhm-v13-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .dhm-ui2-clean .dhm-v13-decision--photo-library.dhm-count-1 .dhm-v13-decision-grid{display:flex!important;justify-content:flex-start!important;align-items:stretch!important;}
  .dhm-ui2-clean .dhm-v13-decision--photo-library.dhm-count-1 .dhm-v13-decision-card{width:calc((100% - 60px)/6)!important;min-width:150px!important;max-width:210px!important;flex:0 0 auto!important;}
  .dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-card strong{font-size:16px!important;}
  .dhm-ui2-clean .dhm-v13-decision--photo-library .dhm-v13-decision-card p{font-size:12.5px!important;line-height:1.85!important;}
}


/* v1.45.4 — restore nutrient decision-aid on mobile/tablet.
   Legacy article styles hid the whole section on small screens. This final layer
   intentionally re-enables it and keeps the photo cards compact and readable. */
@media (max-width:1180px){
  html body .dhm-single-article.dhm-ui2-clean .dhm-v13-decision.dhm-v13-decision--photo-library,
  html body .dhm-single-article.dhm-v20-rebuild .dhm-v13-decision.dhm-v13-decision--photo-library{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:18px 0 26px!important;
    overflow:visible!important;
  }
  html body .dhm-single-article .dhm-v13-decision--photo-library .dhm-v13-section-head{
    display:block!important;
    margin:0 0 12px!important;
  }
  html body .dhm-single-article .dhm-v13-decision--photo-library .dhm-v13-section-head h2{
    display:block!important;
    font-size:22px!important;
    line-height:1.55!important;
    margin:0 0 5px!important;
    text-align:right!important;
  }
  html body .dhm-single-article .dhm-v13-decision--photo-library .dhm-v13-section-head p{
    display:block!important;
    font-size:12px!important;
    line-height:1.8!important;
    margin:0!important;
    color:#708093!important;
  }
  html body .dhm-single-article .dhm-v13-decision--photo-library .dhm-v13-decision-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    overflow:visible!important;
  }
  html body .dhm-single-article .dhm-v13-decision--photo-library .dhm-v13-decision-card{
    display:flex!important;
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
  }
  html body .dhm-single-article .dhm-v13-decision--photo-library .dhm-v13-caution{
    display:block!important;
    visibility:visible!important;
  }
}

@media (max-width:767px){
  html body .dhm-single-article .dhm-v13-decision--photo-library .dhm-v13-decision-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  html body .dhm-single-article .dhm-v13-decision--photo-library .dhm-v13-section-head h2{
    font-size:20px!important;
  }
  html body .dhm-single-article .dhm-v13-decision--photo-library .dhm-v13-decision-photo{
    aspect-ratio:3/2!important;
  }
  html body .dhm-single-article .dhm-v13-decision--photo-library .dhm-v13-decision-body{
    padding:9px 9px 11px!important;
  }
  html body .dhm-single-article .dhm-v13-decision--photo-library .dhm-v13-decision-card strong{
    display:block!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
  html body .dhm-single-article .dhm-v13-decision--photo-library .dhm-v13-decision-card p{
    display:-webkit-box!important;
    font-size:11.5px!important;
    line-height:1.75!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
}

@media (max-width:390px){
  html body .dhm-single-article .dhm-v13-decision--photo-library .dhm-v13-decision-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  html body .dhm-single-article .dhm-v13-decision--photo-library .dhm-v13-decision-card p{
    font-size:11px!important;
  }
}