/* Wariatric V1.4.44.228 — RYGB visual/interaction parity delta.
   Only active in #rygbHub; preserve all protected surgical and brand artwork. */
body.wariatric-rygb-hub-active #rygbHub{
  --rygb-ink:#153d45;
  --rygb-secondary:#4d6d70;
  --rygb-line:#d5e9e4;
  --rygb-soft:#edf8f5;
  --rygb-highlight:#0f8176;
  --rygb-card-radius:18px;
  font-family:var(--w-font-family);
  color:var(--rygb-ink);
  font-synthesis:none;
}
body.wariatric-rygb-hub-active #rygbHub .slh-card,
body.wariatric-rygb-hub-active #rygbHub .rygb-procedure-card,
body.wariatric-rygb-hub-active #rygbHub .whb-bank{
  border-color:var(--rygb-line);
}
/* Preserve the component family's fixed, equal-size slots and native artwork ratios. */
body.wariatric-rygb-hub-active #rygbHub .slh-icon,
body.wariatric-rygb-hub-active #rygbHub .whb-bank-icon{
  background:var(--rygb-soft)!important;
  border:1px solid var(--rygb-line)!important;
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
body.wariatric-rygb-hub-active #rygbHub .slh-icon img,
body.wariatric-rygb-hub-active #rygbHub .whb-bank-icon img{
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}
body.wariatric-rygb-hub-active #rygbHub .slh-benefit .slh-icon{
  flex:0 0 68px!important;
  width:68px!important;height:68px!important;
  min-width:68px!important;min-height:68px!important;
  max-width:68px!important;max-height:68px!important;
  border-radius:16px!important;
  padding:5px!important;
}
body.wariatric-rygb-hub-active #rygbHub .slh-benefit .slh-icon img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  border-radius:11px!important;
}
body.wariatric-rygb-hub-active #rygbHub .slh-benefits{align-items:stretch;}
body.wariatric-rygb-hub-active #rygbHub .slh-benefits .slh-benefit{
  min-width:0!important;gap:8px!important;justify-content:flex-start!important;
  line-height:1.65!important;text-wrap:pretty;
  font-size:var(--w-text-small);font-weight:var(--w-weight-bold)!important;
}
body.wariatric-rygb-hub-active #rygbHub .slh-summary{
  font-size:var(--w-text-body);
  line-height:2!important;
  color:var(--rygb-secondary)!important;
}
/* Deep knowledge hierarchy: do not shrink clinical advice/FAQ to 10–12 px. */
body.wariatric-rygb-hub-active #rygbHub .whb-title p,
body.wariatric-rygb-hub-active #rygbHub .whb-bank-copy small,
body.wariatric-rygb-hub-active #rygbHub .whb-intro,
body.wariatric-rygb-hub-active #rygbHub .whb-points,
body.wariatric-rygb-hub-active #rygbHub .whb-block p,
body.wariatric-rygb-hub-active #rygbHub .whb-block li,
body.wariatric-rygb-hub-active #rygbHub .whb-deep summary,
body.wariatric-rygb-hub-active #rygbHub .whb-deep p,
body.wariatric-rygb-hub-active #rygbHub .whb-deep li,
body.wariatric-rygb-hub-active #rygbHub .whb-local-faq details summary,
body.wariatric-rygb-hub-active #rygbHub .whb-local-faq details p,
body.wariatric-rygb-hub-active #rygbHub .whb-faq summary,
body.wariatric-rygb-hub-active #rygbHub .whb-faq p,
body.wariatric-rygb-hub-active #rygbHub .whb-comp summary,
body.wariatric-rygb-hub-active #rygbHub .whb-comp-body p,
body.wariatric-rygb-hub-active #rygbHub .whb-source-card p,
body.wariatric-rygb-hub-active #rygbHub .whb-evidence-body p,
body.wariatric-rygb-hub-active #rygbHub .whb-detail-grid p,
body.wariatric-rygb-hub-active #rygbHub .whb-section>p{
  font-size:var(--w-text-body);line-height:1.92!important;
  overflow-wrap:anywhere;color:var(--rygb-secondary);
}
body.wariatric-rygb-hub-active #rygbHub .whb-title h2,
body.wariatric-rygb-hub-active #rygbHub .slh-section-head h2{color:var(--rygb-ink)!important;}
body.wariatric-rygb-hub-active #rygbHub .whb-bank-copy b{
  font-size:var(--w-text-small);line-height:1.65!important;
}
body.wariatric-rygb-hub-active #rygbHub .whb-bank-meta em,
body.wariatric-rygb-hub-active #rygbHub .whb-title-badges b,
body.wariatric-rygb-hub-active #rygbHub .whb-source-card small{
  font-size:var(--w-text-small);line-height:1.6!important;
}
body.wariatric-rygb-hub-active #rygbHub .whb-section>h4,
body.wariatric-rygb-hub-active #rygbHub .whb-block h5,
body.wariatric-rygb-hub-active #rygbHub .whb-subhead{font-size:var(--w-text-h4);line-height:1.7!important;}
body.wariatric-rygb-hub-active #rygbHub .whb-bank-head{
  gap:12px!important;min-height:72px;align-items:center!important;
}
body.wariatric-rygb-hub-active #rygbHub .whb-bank-icon img{
  width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;
}
body.wariatric-rygb-hub-active #rygbHub .whb-bank-content{
  background:#fbfefd!important;
}
body.wariatric-rygb-hub-active #rygbHub .rygb-tradeoff ul,
body.wariatric-rygb-hub-active #rygbHub .rygb-topology-card ol{
  font-size:var(--w-text-small);line-height:1.9!important;
}
body.wariatric-rygb-hub-active #rygbHub .rygb-nutrition-preview-grid,
body.wariatric-rygb-hub-active #rygbHub .rygb-tradeoff,
body.wariatric-rygb-hub-active #rygbHub .rygb-procedure-card{
  min-width:0;
}
body.wariatric-rygb-hub-active #rygbHub .rygb-procedure-card strong{
  font-size:var(--w-text-small);line-height:1.6!important;
}
/* All actionable objects have clear keyboard focus; preserve existing hover effects. */
body.wariatric-rygb-hub-active #rygbHub :is(a,button,summary):focus-visible,
body.wariatric-rygb-hub-active :is(#slhRiskDrawer,#slhAnatomyModal,#slhTopologyModal) :is(a,button):focus-visible{
  outline:3px solid #15796d!important;outline-offset:3px!important;
}
body.wariatric-rygb-hub-active #rygbHub .whb-bank-head[aria-expanded="true"]{
  background:linear-gradient(145deg,#f5fcfa,#eaf7f3)!important;
}
body.wariatric-rygb-hub-active #rygbHub .whb-bank-head[aria-expanded="true"] .whb-bank-copy b{
  color:#0a615a!important;
}
/* Modal: clean scroll discipline, natural image size, clear labels. */
body.wariatric-rygb-hub-active #slhTopologyModal .slh-modal-head p,
body.wariatric-rygb-hub-active #slhAnatomyModal .slh-modal-head p{
  font-size:var(--w-text-body);line-height:1.8!important;
}
body.wariatric-rygb-hub-active #slhTopologyModal .rygb-path-grid h3{
  font-size:var(--w-text-h3);line-height:1.6!important;
}
body.wariatric-rygb-hub-active #slhTopologyModal .rygb-path-grid p{
  font-size:var(--w-text-body);line-height:1.75!important;
}
body.wariatric-rygb-hub-active #slhTopologyModal .rygb-path-map img{
  object-fit:contain!important;transform:none!important;
}
body.wariatric-rygb-hub-active #slhTopologyModal .rygb-topology-image img,
body.wariatric-rygb-hub-active #slhAnatomyModal .slh-anatomy-modal-img{
  object-fit:contain!important;transform:none!important;
}
@media(max-width:760px){
  body.wariatric-rygb-hub-active #rygbHub .whb-bank-head{
    grid-template-columns:47px minmax(0,1fr) 28px!important;
    padding:12px!important;
  }
  body.wariatric-rygb-hub-active #rygbHub .whb-bank-meta em{display:none!important}
  body.wariatric-rygb-hub-active #rygbHub .whb-detail-grid,
  body.wariatric-rygb-hub-active #rygbHub .whb-deep-body,
  body.wariatric-rygb-hub-active #rygbHub .whb-source-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.wariatric-rygb-hub-active #rygbHub .slh-benefit .slh-icon{
    width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;
    max-width:62px!important;max-height:62px!important;
  }
  body.wariatric-rygb-hub-active #rygbHub .slh-benefits .slh-benefit{font-size:var(--w-text-small)}
}
@media(prefers-reduced-motion:reduce){
  body.wariatric-rygb-hub-active #rygbHub .whb-bank-collapse,
  body.wariatric-rygb-hub-active #rygbHub .whb-bank-head,
  body.wariatric-rygb-hub-active #rygbHub .slh-btn{transition:none!important}
}
