/* Only the digital-human-max reference gallery is affected. */
#panel-digital-human-max #dhmFeatureCases {
  min-width:0;
}
#panel-digital-human-max #dhmFeatureCases .wash-case-title {
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  padding:0 !important;
  font-size:14px;
  line-height:1.7;
}
#panel-digital-human-max #dhmFeatureCases .dhm-case-note {
  margin:8px 0 18px;
  color:var(--muted, #7185a3);
  font-size:12px;
  line-height:1.8;
  overflow-wrap:anywhere;
}
#panel-digital-human-max #dhmFeatureCases .dhm-case-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  gap:16px;
  width:min(100%, 840px);
  margin-inline:auto;
  align-items:start;
}
#panel-digital-human-max #dhmFeatureCases .dhm-case-card {
  min-width:0;
  margin:0;
  padding:8px;
  border:1px solid rgba(160, 160, 170, .22);
  border-radius:12px;
  background:rgba(249,252,255, .1);
  box-sizing:border-box;
}
#panel-digital-human-max #dhmFeatureCases .dhm-case-card video {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  aspect-ratio:9 / 16;
  object-fit:contain !important;
  margin:0 !important;
  background:#f7faff !important;
  border:0 !important;
  border-radius:7px !important;
  box-shadow:none !important;
}
#panel-digital-human-max #dhmFeatureCases .dhm-case-card figcaption {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:4px 8px;
  padding:12px 2px 4px;
  font-size:13px;
  line-height:1.6;
  color:var(--text, #29496f);
}
#panel-digital-human-max #dhmFeatureCases .dhm-case-card small {
  color:var(--muted, #7185a3);
  font-size:11px;
}
#panel-digital-human-max #dhmFeatureCases .dhm-original-case {
  margin-top:20px;
  padding-top:14px;
  border-top:1px solid rgba(160, 160, 170, .18);
}
#panel-digital-human-max #dhmFeatureCases .dhm-original-case summary {
  cursor:pointer;
  color:var(--muted, #7185a3);
  font-size:12px;
  line-height:1.8;
  padding-block:4px;
}
#panel-digital-human-max #dhmFeatureCases .dhm-original-case summary:focus-visible {
  outline:2px solid var(--accent, #c8cdf6);
  outline-offset:4px;
  border-radius:4px;
}
#panel-digital-human-max #dhmFeatureCases .dhm-original-case .wash-case-imgs {
  margin-top:14px;
}
@media (max-width:700px) {
  #panel-digital-human-max #dhmFeatureCases .dhm-case-grid {
    max-width:560px;
    gap:12px;
  }
}
@media (max-width:440px) {
  #panel-digital-human-max #dhmFeatureCases .dhm-case-grid {
    max-width:300px;
  }
}