/* Wariatric V1.4.44.189 — Sleeve Hub final visual correction
   Baseline: V1.4.44.188.
   Scope is deliberately narrow: V188 source-quality/media containment retained, while every
   display-size reduction introduced by V188 is rolled back to the approved V187 geometry.
   Quality comes from higher-density sources, never from shrinking or enlarging approved boxes.
   Also included: corrected anatomy callout image and full-viewport contain-fit viewer. No redesign. */

/* --------------------------------------------------------------------------
   A) MASTER LOGO — restore approved V187 display geometry; keep HQ source and distortion-safe rendering.
   -------------------------------------------------------------------------- */
body.slh-public-shell-only .public-nav .brand{
  flex:0 0 160px!important;
  width:160px!important;
  height:48px!important;
  max-width:160px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0!important;
  line-height:0!important;
}
body.slh-public-shell-only .public-nav .wariatric-public-master-logo{
  display:block!important;
  width:160px!important;
  height:46px!important;
  max-width:160px!important;
  max-height:46px!important;
  object-fit:contain!important;
  object-position:right center!important;
  transform:none!important;
  filter:none!important;
  image-rendering:auto!important;
}
.slh-public-menu-head img{
  object-fit:contain!important;
  object-position:right center!important;
  transform:none!important;
  filter:none!important;
  image-rendering:auto!important;
}

/* --------------------------------------------------------------------------
   B) ICONS — restore approved V187 display sizes; HQ PNG source quality only, with no artificial zoom.
   -------------------------------------------------------------------------- */
body.slh-public-shell-only .slh-icon{
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
body.slh-public-shell-only .slh-icon img,
body.slh-public-shell-only .slh-search-icon{
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  image-rendering:auto!important;
}
/* Approved V187 geometry (V188 had reduced these sizes). */
body.slh-public-shell-only .slh-benefit .slh-icon{width:43px!important;height:43px!important;margin:0 auto 6px!important}
body.slh-public-shell-only .slh-benefit .slh-icon img{width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important}
body.slh-public-shell-only .slh-result{grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;min-width:0!important;overflow:hidden!important;padding:8px 7px!important}
body.slh-public-shell-only .slh-result .slh-icon{width:34px!important;height:34px!important;margin:0!important;justify-self:center!important}
body.slh-public-shell-only .slh-result .slh-icon img{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}
body.slh-public-shell-only .slh-link-card .slh-icon{width:47px!important;height:47px!important;flex-basis:47px!important;margin:0!important}
body.slh-public-shell-only .slh-link-card .slh-icon img{width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important}
body.slh-public-shell-only .slh-step .slh-icon{width:41px!important;height:41px!important;margin:0 auto 6px!important}
body.slh-public-shell-only .slh-step .slh-icon img{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important}
body.slh-public-shell-only .slh-topic-grid .slh-link-card .slh-icon{width:41px!important;height:41px!important;flex-basis:41px!important}
body.slh-public-shell-only .slh-topic-grid .slh-link-card .slh-icon img{width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important}

@container slh-viewport (max-width:1030px){
  body.slh-public-shell-only .slh-result{grid-template-columns:37px minmax(0,1fr)!important;gap:7px!important;padding:7px!important}
  body.slh-public-shell-only .slh-result .slh-icon{width:34px!important;height:34px!important}
  body.slh-public-shell-only .slh-result .slh-icon img{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}
}

@media(max-width:900px){
  body.slh-public-shell-only .public-nav .brand{
    flex:0 0 auto!important;
    width:min(158px,55vw)!important;
    height:42px!important;
    max-width:min(158px,55vw)!important
  }
  body.slh-public-shell-only .public-nav .wariatric-public-master-logo{
    width:100%!important;height:42px!important;max-width:100%!important;max-height:42px!important
  }
  body.slh-public-shell-only .slh-benefit .slh-icon{width:47px!important;height:47px!important}
  body.slh-public-shell-only .slh-benefit .slh-icon img{width:29px!important;height:29px!important;max-width:29px!important;max-height:29px!important}
  body.slh-public-shell-only .slh-link-card .slh-icon{width:47px!important;height:47px!important;flex-basis:47px!important}
  body.slh-public-shell-only .slh-link-card .slh-icon img{width:29px!important;height:29px!important;max-width:29px!important;max-height:29px!important}
}
@media(max-width:560px){
  body.slh-public-shell-only .slh-benefit .slh-icon{width:47px!important;height:47px!important}
  body.slh-public-shell-only .slh-benefit .slh-icon img{width:29px!important;height:29px!important;max-width:29px!important;max-height:29px!important}
}

/* --------------------------------------------------------------------------
   C) APPROVED ANATOMY VIEWER — near-full viewport with the entire source visible.
      No crop, forced zoom, overscale, or image scrolling.
   -------------------------------------------------------------------------- */
#slhAnatomyModal.slh-modal-backdrop{
  box-sizing:border-box!important;
  padding:6px!important;
  overflow:hidden!important;
  align-items:center!important;
  justify-items:center!important;
}
#slhAnatomyModal .slh-modal-anatomy{
  box-sizing:border-box!important;
  width:calc(100vw - 12px)!important;
  max-width:calc(100vw - 12px)!important;
  height:calc(100dvh - 12px)!important;
  max-height:calc(100dvh - 12px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  border-radius:18px!important;
}
#slhAnatomyModal .slh-modal-head{
  box-sizing:border-box!important;
  position:relative!important;
  top:auto!important;
  min-width:0!important;
  padding:12px 14px 10px!important;
}
#slhAnatomyModal .slh-modal-body{
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  padding:8px 10px 10px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  justify-content:center!important;
}
#slhAnatomyModal .slh-anatomy-modal-img{
  box-sizing:border-box!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  transform:none!important;
  image-rendering:auto!important;
}
html.slh-modal-open,
html.slh-modal-open body{overscroll-behavior:none!important}

/* Media opening/hover must never alter media scale or slot geometry. */
body.slh-public-shell-only .slh-icon,
body.slh-public-shell-only .slh-icon img,
body.slh-public-shell-only .wariatric-public-master-logo,
#slhAnatomyModal .slh-anatomy-modal-img{transition:none!important}

@media(max-width:560px){
  #slhAnatomyModal.slh-modal-backdrop{padding:3px!important}
  #slhAnatomyModal .slh-modal-anatomy{
    width:calc(100vw - 6px)!important;
    max-width:calc(100vw - 6px)!important;
    height:calc(100dvh - 6px)!important;
    max-height:calc(100dvh - 6px)!important;
    border-radius:14px!important;
  }
  #slhAnatomyModal .slh-modal-head{padding:9px 10px 8px!important;gap:8px!important}
  #slhAnatomyModal .slh-modal-head p{font-size:var(--w-text-body);line-height:1.5!important}
  #slhAnatomyModal .slh-modal-body{padding:6px!important}
}

/* --------------------------------------------------------------------------
   D) RESPONSIVE REGRESSION GUARD — V188 late container rules must not re-open
      multi-column overflow on tablet/phone. Geometry is composition-only; media
      sizes above remain locked to their approved V187 values.
   -------------------------------------------------------------------------- */
body.slh-public-shell-only .slh-top-search{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
@media(max-width:900px){
  body.slh-public-shell-only .slh-hero{grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important}
  body.slh-public-shell-only .slh-anatomy,
  body.slh-public-shell-only .slh-hero-copy,
  body.slh-public-shell-only .slh-results{min-width:0!important;max-width:100%!important}
}
@media(max-width:560px){
  body.slh-public-shell-only .slh-results,
  body.slh-public-shell-only .slh-gateways,
  body.slh-public-shell-only .slh-topic-grid,
  body.slh-public-shell-only .slh-related-grid,
  body.slh-public-shell-only .slh-steps{grid-template-columns:minmax(0,1fr)!important}
  body.slh-public-shell-only .slh-step:last-child{grid-column:auto!important}
}