/* Wariatric V1.4.44.198 — RYGB procedure-specific hub
   Reuses the locked Sleeve Hub visual system without altering Sleeve.
   Delta: RYGB anatomy topology, trade-offs, FAQ and procedure-specific composition. */
body.wariatric-rygb-hub-active .knowledge-hero,
body.wariatric-rygb-hub-active .kb-ask,
body.wariatric-rygb-hub-active .kb-sources-accordion{display:none!important}
body.wariatric-rygb-hub-active .knowledge-page{padding-top:14px}
body.wariatric-rygb-hub-active .knowledge-page>.container{max-width:1540px}
body.wariatric-rygb-hub-active .baria-global-sidebar{display:none!important}
body.wariatric-rygb-hub-active .baria-page-frame{margin:0!important;width:100%!important;max-width:none!important}

.rygb-hub{--rygb-food:#159f90;--rygb-bile:#df923b;--rygb-common:#467bc0;--rygb-red:#bd5d57}
.rygb-hub .slh-anatomy{background:radial-gradient(circle at 18% 12%,rgba(199,235,229,.82),transparent 34%),linear-gradient(145deg,#f2fbf9,#fbfffe)}
.rygb-hub .slh-anatomy img{background:#e9f8f5}
.rygb-hub .slh-kicker{background:#eef5ff;color:#406b9f}
.rygb-hub .slh-hero-copy{background:radial-gradient(circle at 92% 9%,rgba(196,232,226,.82),transparent 31%),linear-gradient(150deg,#fbfffe,#eef8f7)}

.rygb-tradeoff-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rygb-tradeoff{padding:16px 18px;min-width:0}
.rygb-tradeoff-head{display:flex;align-items:center;gap:11px;margin-bottom:9px}
.rygb-tradeoff-head .slh-icon{margin:0;flex:0 0 47px}
.rygb-tradeoff h2{margin:0;color:var(--ink);font-size:var(--w-text-h2)}
.rygb-tradeoff-head p{margin:3px 0 0;color:var(--muted);font-size:var(--w-text-body)}
.rygb-tradeoff ul{margin:8px 0 12px;padding:0 20px 0 0;color:#526f72;font-size:var(--w-text-small);line-height:1.95}
.rygb-tradeoff li+li{margin-top:2px}
.rygb-tradeoff>a{display:inline-flex;text-decoration:none;font-size:var(--w-text-small);font-weight:var(--w-weight-bold);color:var(--teal-dark);padding:7px 10px;border-radius:10px;background:#f1faf7;border:1px solid var(--line)}
.rygb-tradeoff.is-limit{background:linear-gradient(145deg,#fff,#fff8f5);border-color:#efd9d3}
.rygb-tradeoff.is-limit>a{color:#a85049;background:#fff4f1;border-color:#f0d8d2}

.rygb-topology-card ol{margin:0 0 10px;padding:0 22px 0 0;font-size:var(--w-text-small);line-height:1.85;color:#587477}
.rygb-topology-card li::marker{font-weight:var(--w-weight-bold);color:var(--teal)}

.rygb-faq{padding:14px}
.rygb-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rygb-faq details{border:1px solid var(--line);border-radius:13px;background:#fbfefd;overflow:hidden}
.rygb-faq summary{cursor:pointer;list-style:none;padding:11px 13px;color:var(--ink);font-size:var(--w-text-small);font-weight:var(--w-weight-bold);line-height:1.7;position:relative;padding-left:34px}
.rygb-faq summary::-webkit-details-marker{display:none}
.rygb-faq summary::before{content:"+";position:absolute;left:12px;top:9px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e9f6f3;color:var(--teal-dark);font-size:var(--w-text-body)}
.rygb-faq details[open] summary::before{content:"−"}
.rygb-faq details p{margin:0;padding:0 13px 12px;color:#5b7477;font-size:var(--w-text-body);line-height:1.9}

.rygb-topology-modal{width:min(1120px,95vw)!important;max-height:92vh!important}
.rygb-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 12px}
.rygb-path-grid article{border:1px solid var(--line);border-radius:13px;padding:11px;background:#fbfefd;min-width:0}
.rygb-path-grid h3{margin:0 0 5px;color:var(--ink);font-size:var(--w-text-h3)}
.rygb-path-grid p{margin:0;color:#607a7d;font-size:var(--w-text-body);line-height:1.75}
.rygb-path-dot{display:block;width:11px;height:11px;border-radius:50%;margin-bottom:7px}
.rygb-path-dot.is-food{background:var(--rygb-food)}
.rygb-path-dot.is-bile{background:var(--rygb-bile)}
.rygb-path-dot.is-common{background:var(--rygb-common)}
.rygb-path-dot.is-anast{background:#fff;border:3px solid var(--rygb-food);width:14px;height:14px}
.rygb-topology-image{min-height:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;background:#eef9f7;padding:7px;overflow:hidden}
.rygb-topology-image img{display:block;width:100%;height:auto;max-height:58vh;object-fit:contain;margin:0!important;border-radius:11px}

/* Anatomy viewer shares V189 contain geometry, but uses RYGB's SVG source. */
body.wariatric-rygb-hub-active #slhAnatomyModal .slh-anatomy-modal-img{background:#eef9f7;box-shadow:0 12px 34px rgba(11,61,103,.10)}

@media(max-width:900px){
  .rygb-tradeoff-grid{grid-template-columns:1fr}
  .rygb-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .rygb-faq-grid,.rygb-path-grid{grid-template-columns:1fr}
  .rygb-tradeoff{padding:13px}
  .rygb-topology-image img{max-height:44vh}
}

.rygb-hub .slh-anatomy img{image-rendering:auto;box-shadow:0 12px 34px rgba(11,61,103,.10)}
.rygb-topology-image img{image-rendering:auto;box-shadow:0 10px 28px rgba(11,61,103,.10)}
.rygb-hub .slh-anatomy-lock{letter-spacing:0}

/* V195 approved registered RYGB anatomy asset presentation */
body.wariatric-rygb-hub-active .slh-anatomy{background:linear-gradient(145deg,#f7fbfa,#edf8f6)!important;padding:8px!important}
body.wariatric-rygb-hub-active .slh-anatomy img{width:100%!important;height:100%!important;max-width:100%!important;max-height:430px!important;object-fit:contain!important;object-position:center!important;background:#fff!important;border-radius:16px!important;image-rendering:auto!important}
body.wariatric-rygb-hub-active #slhAnatomyModal .slh-modal-body{background:#f7fbfa!important}
body.wariatric-rygb-hub-active #slhAnatomyModal .slh-anatomy-modal-img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;background:#fff!important}
body.wariatric-rygb-hub-active .rygb-topology-image{background:#f7fbfa!important}
body.wariatric-rygb-hub-active .rygb-topology-image img{width:auto!important;height:auto!important;max-width:100%!important;max-height:58vh!important;object-fit:contain!important;background:#fff!important}
@media(max-width:760px){body.wariatric-rygb-hub-active .slh-anatomy img{height:auto!important;max-height:none!important}body.wariatric-rygb-hub-active .rygb-topology-image img{max-height:none!important}}


/* V196 — framing gate: preserve source pixels/ratio, improve usable image area instead of display overscale. */
body.wariatric-rygb-hub-active .rygb-topology-modal{
  width:min(1240px,calc(100vw - 28px))!important;
  max-width:1240px!important;
  height:min(90dvh,880px)!important;
  max-height:90dvh!important;
}
body.wariatric-rygb-hub-active .rygb-topology-modal .slh-modal-head{flex:0 0 auto!important}
body.wariatric-rygb-hub-active .rygb-topology-layout{
  flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.62fr);gap:12px;padding:12px 14px 14px;overflow:hidden;direction:ltr;
}
body.wariatric-rygb-hub-active .rygb-topology-image{
  min-width:0;min-height:0;height:100%;padding:8px!important;display:grid!important;place-items:center!important;background:#f7fbfa!important;overflow:hidden!important;
}
body.wariatric-rygb-hub-active .rygb-topology-image img{
  display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;background:#fff!important;border-radius:12px!important;transform:none!important;image-rendering:auto!important;
}
body.wariatric-rygb-hub-active .rygb-path-grid{
  min-width:0;min-height:0;display:grid!important;grid-template-columns:1fr!important;grid-auto-rows:minmax(0,1fr);gap:8px!important;margin:0!important;overflow:auto;direction:rtl;
}
body.wariatric-rygb-hub-active .rygb-path-grid article{display:flex;flex-direction:column;justify-content:center;padding:12px!important}
body.wariatric-rygb-hub-active #slhAnatomyModal .slh-modal-body{padding:10px 12px 12px!important;overflow:hidden!important;display:grid!important;place-items:center!important}
body.wariatric-rygb-hub-active #slhAnatomyModal .slh-anatomy-modal-img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;image-rendering:auto!important}
@media(max-width:900px){
  body.wariatric-rygb-hub-active .rygb-topology-modal{height:min(92dvh,900px)!important;max-height:92dvh!important}
  body.wariatric-rygb-hub-active .rygb-topology-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;overflow:auto;direction:rtl;padding:10px}
  body.wariatric-rygb-hub-active .rygb-topology-image{height:min(58dvh,610px)}
  body.wariatric-rygb-hub-active .rygb-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto;overflow:visible}
}
@media(max-width:560px){
  body.wariatric-rygb-hub-active .rygb-topology-layout{padding:8px;gap:8px}
  body.wariatric-rygb-hub-active .rygb-topology-image{height:auto;min-height:0}
  body.wariatric-rygb-hub-active .rygb-topology-image img{width:100%!important;height:auto!important;max-height:none!important}
  body.wariatric-rygb-hub-active .rygb-path-grid{grid-template-columns:1fr!important}
}

/* V197 — approved-topology icon registry delta. Main hub geometry remains unchanged. */
body.wariatric-rygb-hub-active .slh-icon.is-topology{
  overflow:hidden!important;
  padding:0!important;
  background:#fff!important;
  border-color:#cfe6e1!important;
}
body.wariatric-rygb-hub-active .slh-icon.is-topology img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;border-radius:inherit!important;display:block!important;
  transform:none!important;image-rendering:auto!important;
}

body.wariatric-rygb-hub-active .rygb-procedure-compare{padding:15px 16px 16px!important;overflow:hidden}
body.wariatric-rygb-hub-active .rygb-compare-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
body.wariatric-rygb-hub-active .rygb-compare-head>div{min-width:0}
body.wariatric-rygb-hub-active .rygb-compare-logic{flex:0 0 auto;display:grid;grid-template-columns:auto auto auto auto;align-items:center;gap:5px;padding:6px 9px;border:1px solid #d6e9e5;border-radius:999px;background:#f8fcfb;color:#587477;font-size:var(--w-text-small);font-style:normal}
body.wariatric-rygb-hub-active .rygb-compare-logic b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e5f5ef;color:#137767;font-size:var(--w-text-small);line-height:1}
body.wariatric-rygb-hub-active .rygb-compare-logic b.is-x{background:#fff0ed;color:#b84f47}
body.wariatric-rygb-hub-active .rygb-compare-logic i{font-style:normal;font-weight:var(--w-weight-bold)}
body.wariatric-rygb-hub-active .rygb-procedure-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin-top:10px}
body.wariatric-rygb-hub-active .rygb-procedure-card{position:relative;min-width:0;border:1px solid #d9ebe7;border-radius:15px;background:#fbfefd;padding:7px;overflow:hidden;box-shadow:0 6px 16px rgba(23,95,89,.04)}
body.wariatric-rygb-hub-active .rygb-procedure-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;object-position:center;border-radius:11px;background:#fff;image-rendering:auto}
body.wariatric-rygb-hub-active .rygb-procedure-card>div{padding:7px 2px 2px;text-align:center}
body.wariatric-rygb-hub-active .rygb-procedure-card strong{display:block;color:var(--ink);font-size:var(--w-text-small);line-height:1.55;overflow-wrap:anywhere}
body.wariatric-rygb-hub-active .rygb-procedure-card span{display:block;color:#6a8385;font-size:var(--w-text-small);font-weight:var(--w-weight-bold);margin-top:2px;direction:ltr}
body.wariatric-rygb-hub-active .rygb-procedure-card.is-current{border-color:#83cbbd;background:linear-gradient(180deg,#f3fbf8,#fff)}
body.wariatric-rygb-hub-active .rygb-procedure-card em{position:absolute;top:12px;right:12px;padding:3px 6px;border-radius:999px;background:#117d70;color:#fff;font-size:var(--w-text-small);font-weight:var(--w-weight-bold);font-style:normal;box-shadow:0 3px 10px rgba(15,91,82,.15)}

/* V197 framing: more of the modal is allocated to the unchanged approved RYGB source. */
body.wariatric-rygb-hub-active .rygb-topology-modal{
  width:min(1320px,calc(100vw - 22px))!important;max-width:1320px!important;
  height:min(92dvh,920px)!important;max-height:92dvh!important;
}
body.wariatric-rygb-hub-active .rygb-topology-layout{
  grid-template-columns:minmax(0,2.15fr) minmax(225px,.55fr)!important;gap:9px!important;padding:9px 11px 11px!important;
}
body.wariatric-rygb-hub-active .rygb-topology-image{padding:3px!important;background:#fff!important}
body.wariatric-rygb-hub-active .rygb-topology-image img{max-height:100%!important;max-width:100%!important;object-fit:contain!important;background:#fff!important;box-shadow:none!important}
body.wariatric-rygb-hub-active .rygb-path-grid article{padding:10px!important}
body.wariatric-rygb-hub-active .rygb-path-grid h3{font-size:var(--w-text-h3)}
body.wariatric-rygb-hub-active .rygb-path-grid p{font-size:var(--w-text-body)}

@media(max-width:1180px){
  body.wariatric-rygb-hub-active .rygb-procedure-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  body.wariatric-rygb-hub-active .rygb-topology-layout{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) auto!important}
  body.wariatric-rygb-hub-active .rygb-topology-image{height:min(59dvh,620px)!important}
  body.wariatric-rygb-hub-active .rygb-compare-head{align-items:flex-start!important}
}
@media(max-width:620px){
  body.wariatric-rygb-hub-active .rygb-procedure-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.wariatric-rygb-hub-active .rygb-compare-head{display:block!important}
  body.wariatric-rygb-hub-active .rygb-compare-logic{width:max-content;margin-top:8px}
}

/* ========================================================================== 
   V1.4.44.198 — FINAL RYGB DELTA
   Scope: Sleeve-parity framing + full-topology visibility + scientific
   micro-topology cards. No approved topology source is replaced or rescaled.
   ========================================================================== */

/* 1) Geometry parity with the locked Sleeve public hub: use the whole viewport.
      This removes the intermittent dead/blank column and hidden sidebar tax. */
body.slh-public-shell-only.wariatric-rygb-hub-active .knowledge-page{
  width:100%!important;max-width:100%!important;margin:0!important;
  padding:14px 0 52px!important;overflow-x:clip!important;
}
body.slh-public-shell-only.wariatric-rygb-hub-active .knowledge-page>.container,
body.slh-public-shell-only.wariatric-rygb-hub-active .public-nav .inner{
  width:min(calc(100% - 28px),1480px)!important;max-width:1480px!important;
  min-width:0!important;margin-inline:auto!important;padding-inline:0!important;
}
body.slh-public-shell-only.wariatric-rygb-hub-active #kbBody,
body.slh-public-shell-only.wariatric-rygb-hub-active #rygbHub,
body.slh-public-shell-only.wariatric-rygb-hub-active .rygb-hub,
body.slh-public-shell-only.wariatric-rygb-hub-active .slh-shell{
  width:100%!important;max-width:none!important;min-width:0!important;margin-inline:0!important;
}
body.slh-public-shell-only.wariatric-rygb-hub-active .slh-shell{gap:14px!important}
body.slh-public-shell-only.wariatric-rygb-hub-active .slh-shell>*{min-width:0!important;max-width:100%!important}
body.slh-public-shell-only.wariatric-rygb-hub-active .slh-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.48fr) minmax(310px,.92fr) minmax(210px,.50fr)!important;
  gap:14px!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;
}
body.slh-public-shell-only.wariatric-rygb-hub-active .slh-hero>*{min-width:0!important;max-width:100%!important}
body.slh-public-shell-only.wariatric-rygb-hub-active .slh-gateways{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
body.slh-public-shell-only.wariatric-rygb-hub-active .slh-journey-story{grid-template-columns:minmax(0,1fr) 290px!important;gap:14px!important}
body.slh-public-shell-only.wariatric-rygb-hub-active .slh-topic-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
body.slh-public-shell-only.wariatric-rygb-hub-active .slh-related-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}

/* 2) The approved anatomy stays byte-identical. Display box is controlled rather
      than enlarging the source. */
body.slh-public-shell-only.wariatric-rygb-hub-active .slh-anatomy{min-height:365px!important;padding:10px!important}
body.slh-public-shell-only.wariatric-rygb-hub-active .slh-anatomy img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:355px!important;
  object-fit:contain!important;object-position:center!important;transform:none!important;image-rendering:auto!important;
}

/* 3) Exact-path viewer. The complete source must always fit inside its pane;
      GJ/JJ micro-topology maps make the anastomoses readable without zooming. */
body.wariatric-rygb-hub-active .rygb-topology-modal{
  width:min(1420px,calc(100vw - 20px))!important;max-width:1420px!important;
  height:min(94dvh,960px)!important;max-height:94dvh!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
}
body.wariatric-rygb-hub-active .rygb-topology-modal .slh-modal-head{flex:0 0 auto!important;padding:11px 14px!important}
body.wariatric-rygb-hub-active .rygb-topology-layout{
  flex:1 1 auto!important;min-height:0!important;min-width:0!important;
  display:grid!important;grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr)!important;
  gap:10px!important;padding:8px 10px 10px!important;overflow:hidden!important;direction:rtl!important;
}
body.wariatric-rygb-hub-active .rygb-topology-image{
  grid-column:2!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;padding:4px!important;
  background:#fff!important;border:1px solid #dcece8!important;border-radius:16px!important;
}
body.wariatric-rygb-hub-active .rygb-topology-image img{
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center!important;
  margin:0!important;padding:0!important;transform:none!important;background:#fff!important;border-radius:12px!important;
  box-shadow:none!important;image-rendering:auto!important;
}
body.wariatric-rygb-hub-active .rygb-path-grid{
  grid-column:1!important;min-width:0!important;min-height:0!important;height:100%!important;
  display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;margin:0!important;overflow:auto!important;direction:rtl!important;padding-left:2px!important;
}
body.wariatric-rygb-hub-active .rygb-path-grid article{
  min-width:0!important;display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr!important;column-gap:10px!important;align-items:center!important;
  padding:8px!important;border:1px solid #dcece8!important;border-radius:14px!important;background:#fbfefd!important;
}
body.wariatric-rygb-hub-active .rygb-path-map{
  grid-row:1/3!important;grid-column:1!important;width:92px!important;height:72px!important;min-width:92px!important;
  overflow:hidden!important;border:1px solid #d7e8e4!important;border-radius:11px!important;background:#fff!important;
}
body.wariatric-rygb-hub-active .rygb-path-map img{
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
  transform:none!important;image-rendering:auto!important;
}
body.wariatric-rygb-hub-active .rygb-path-grid .rygb-path-dot{display:none!important}
body.wariatric-rygb-hub-active .rygb-path-grid h3{grid-column:2!important;margin:0 0 3px!important;font-size:var(--w-text-h3);line-height:1.55!important}
body.wariatric-rygb-hub-active .rygb-path-grid p{grid-column:2!important;margin:0!important;font-size:var(--w-text-body);line-height:1.75!important}

/* Full anatomy modal gets the same no-crop guarantee. */
body.wariatric-rygb-hub-active #slhAnatomyModal .slh-modal-body{
  min-height:0!important;overflow:hidden!important;display:grid!important;place-items:center!important;padding:8px!important;
}
body.wariatric-rygb-hub-active #slhAnatomyModal .slh-anatomy-modal-img{
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;transform:none!important;margin:auto!important;
}

/* 4) Responsive parity — do not re-open a dead third column on laptops/tablets. */
@media(max-width:1180px){
  body.slh-public-shell-only.wariatric-rygb-hub-active .knowledge-page>.container,
  body.slh-public-shell-only.wariatric-rygb-hub-active .public-nav .inner{width:min(calc(100% - 22px),1480px)!important}
  body.slh-public-shell-only.wariatric-rygb-hub-active .slh-hero{grid-template-columns:minmax(0,1.35fr) minmax(300px,.90fr)!important}
  body.slh-public-shell-only.wariatric-rygb-hub-active .slh-results{grid-column:1/-1!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.slh-public-shell-only.wariatric-rygb-hub-active .slh-gateways{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.wariatric-rygb-hub-active .rygb-procedure-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:900px){
  body.slh-public-shell-only.wariatric-rygb-hub-active .knowledge-page{padding:10px 0 36px!important}
  body.slh-public-shell-only.wariatric-rygb-hub-active .knowledge-page>.container{width:calc(100% - 16px)!important;max-width:none!important}
  body.slh-public-shell-only.wariatric-rygb-hub-active .slh-hero{grid-template-columns:1fr!important;gap:10px!important}
  body.slh-public-shell-only.wariatric-rygb-hub-active .slh-results{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.slh-public-shell-only.wariatric-rygb-hub-active .slh-journey-story{grid-template-columns:1fr!important}
  body.wariatric-rygb-hub-active .rygb-topology-modal{height:min(94dvh,920px)!important;max-height:94dvh!important}
  body.wariatric-rygb-hub-active .rygb-topology-layout{
    grid-template-columns:1fr!important;grid-template-rows:minmax(330px,58dvh) auto!important;overflow:auto!important;direction:rtl!important;
  }
  body.wariatric-rygb-hub-active .rygb-topology-image{grid-column:1!important;grid-row:1!important;height:100%!important}
  body.wariatric-rygb-hub-active .rygb-path-grid{
    grid-column:1!important;grid-row:2!important;height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;overflow:visible!important;
  }
  body.wariatric-rygb-hub-active .rygb-path-grid article{grid-template-columns:82px minmax(0,1fr)!important}
  body.wariatric-rygb-hub-active .rygb-path-map{width:82px!important;min-width:82px!important;height:66px!important}
}
@media(max-width:560px){
  body.slh-public-shell-only.wariatric-rygb-hub-active .knowledge-page>.container{width:calc(100% - 12px)!important}
  body.slh-public-shell-only.wariatric-rygb-hub-active .slh-results,
  body.slh-public-shell-only.wariatric-rygb-hub-active .slh-gateways,
  body.slh-public-shell-only.wariatric-rygb-hub-active .slh-topic-grid,
  body.slh-public-shell-only.wariatric-rygb-hub-active .slh-related-grid,
  body.slh-public-shell-only.wariatric-rygb-hub-active .slh-steps{grid-template-columns:1fr!important}
  body.wariatric-rygb-hub-active .rygb-topology-layout{grid-template-rows:auto auto!important;padding:6px!important}
  body.wariatric-rygb-hub-active .rygb-topology-image{height:auto!important;min-height:0!important}
  body.wariatric-rygb-hub-active .rygb-topology-image img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
  body.wariatric-rygb-hub-active .rygb-path-grid{grid-template-columns:1fr!important}
}

/* ============================================================================
   V1.4.44.199 — RYGB nutrition/science visibility + final topology framing
   This file is intentionally loaded AFTER hub-bank-v144196.css so procedure-
   specific framing wins. Approved anatomy/topology assets are unchanged.
   ============================================================================ */
body.wariatric-rygb-hub-active .rygb-nutrition-spotlight{
  padding:18px!important;
  border:1px solid #cfe6e1!important;
  background:linear-gradient(135deg,#fbfffe 0%,#f2fbf8 58%,#fff 100%)!important;
  box-shadow:0 12px 34px rgba(34,86,79,.07)!important;
  overflow:hidden!important;
}
body.wariatric-rygb-hub-active .rygb-nutrition-head{
  display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:15px;
}
body.wariatric-rygb-hub-active .rygb-nutrition-kicker{
  display:inline-block;margin-bottom:5px;font-size:var(--w-text-small);font-weight:var(--w-weight-bold);letter-spacing:.08em;color:#25766d;
}
body.wariatric-rygb-hub-active .rygb-nutrition-head h2{margin:0 0 6px!important;font-size:var(--w-text-h2);line-height:1.6!important;color:#163d39!important}
body.wariatric-rygb-hub-active .rygb-nutrition-head p{margin:0!important;max-width:850px;font-size:var(--w-text-body);line-height:2!important;color:#506b67!important}
body.wariatric-rygb-hub-active .rygb-nutrition-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:330px}
body.wariatric-rygb-hub-active .rygb-nutrition-badges span{
  white-space:nowrap;border:1px solid #cbe3de;border-radius:999px;padding:6px 10px;background:#fff;color:#316961;font-size:var(--w-text-small);font-weight:var(--w-weight-bold);
}
body.wariatric-rygb-hub-active .rygb-diet-phases{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 12px;
}
body.wariatric-rygb-hub-active .rygb-diet-phases article{
  min-width:0;border:1px solid #d8ebe7;background:#fff;border-radius:15px;padding:11px;display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center;
}
body.wariatric-rygb-hub-active .rygb-diet-phases b{
  width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#e5f5f1;color:#1f776c;font-size:var(--w-text-small);
}
body.wariatric-rygb-hub-active .rygb-diet-phases strong{font-size:var(--w-text-small);color:#254b47;line-height:1.55}
body.wariatric-rygb-hub-active .rygb-diet-phases small{grid-column:2;font-size:var(--w-text-small);line-height:1.7;color:#718783;margin-top:2px}
body.wariatric-rygb-hub-active .rygb-nutrition-preview-grid{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:10px;margin-bottom:12px;
}
body.wariatric-rygb-hub-active .rygb-nutrition-preview-grid>article{
  border:1px solid #d9e9e6;border-radius:15px;background:#fff;padding:13px;min-width:0;
}
body.wariatric-rygb-hub-active .rygb-nutrition-preview-grid>article>span{display:block;font-size:var(--w-text-small);font-weight:var(--w-weight-bold);color:#265f58;margin-bottom:7px}
body.wariatric-rygb-hub-active .rygb-nutrition-preview-grid p{font-size:var(--w-text-body);line-height:2.05!important;margin:0 0 4px!important;color:#536965!important}
body.wariatric-rygb-hub-active .rygb-nutrition-preview-grid small{font-size:var(--w-text-small);line-height:1.75;color:#8a6a55}
body.wariatric-rygb-hub-active .rygb-nutrition-preview-grid ul{margin:0;padding:0 18px 0 0;display:grid;gap:5px}
body.wariatric-rygb-hub-active .rygb-nutrition-preview-grid li{font-size:var(--w-text-small);line-height:1.75;color:#526b67}
body.wariatric-rygb-hub-active .rygb-nutrition-preview-grid .is-micro{background:#fffdfa;border-color:#eadfca}
body.wariatric-rygb-hub-active .rygb-nutrition-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
body.wariatric-rygb-hub-active .rygb-nutrition-actions span{font-size:var(--w-text-small);color:#718783;font-weight:var(--w-weight-bold);direction:ltr;text-align:left}

/* Final visual hierarchy for the topology modal: the approved anatomy is the
   dominant surface, while the four micro-topology cards form a compact rail. */
body.wariatric-rygb-hub-active #slhTopologyModal .rygb-topology-modal{
  width:min(1540px,calc(100vw - 18px))!important;
  max-width:1540px!important;
  height:min(95dvh,980px)!important;
  max-height:95dvh!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
}
body.wariatric-rygb-hub-active #slhTopologyModal .rygb-topology-layout{
  flex:1 1 auto!important;min-height:0!important;min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,3.15fr) minmax(260px,.85fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:10px!important;padding:8px 10px 10px!important;overflow:hidden!important;direction:ltr!important;
}
body.wariatric-rygb-hub-active #slhTopologyModal .rygb-topology-image{
  grid-column:1!important;grid-row:1!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  display:grid!important;place-items:center!important;padding:4px!important;overflow:hidden!important;background:#fff!important;border:1px solid #dbeae7!important;border-radius:16px!important;
}
body.wariatric-rygb-hub-active #slhTopologyModal .rygb-topology-image img{
  display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;transform:none!important;margin:0!important;padding:0!important;border-radius:12px!important;background:#fff!important;
}
body.wariatric-rygb-hub-active #slhTopologyModal .rygb-path-grid{
  grid-column:2!important;grid-row:1!important;min-width:0!important;min-height:0!important;height:100%!important;
  display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;overflow:auto!important;direction:rtl!important;margin:0!important;padding:0 0 0 2px!important;
}
body.wariatric-rygb-hub-active #slhTopologyModal .rygb-path-grid article{
  min-width:0!important;display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;
  column-gap:9px!important;align-items:center!important;padding:7px!important;border:1px solid #dcebe8!important;border-radius:13px!important;background:#fbfefd!important;
}
body.wariatric-rygb-hub-active #slhTopologyModal .rygb-path-map{
  grid-row:1/3!important;grid-column:1!important;width:78px!important;height:62px!important;min-width:78px!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important;border:1px solid #d7e8e4!important;
}
body.wariatric-rygb-hub-active #slhTopologyModal .rygb-path-map img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important}
body.wariatric-rygb-hub-active #slhTopologyModal .rygb-path-grid h3{grid-column:2!important;margin:0 0 2px!important;font-size:var(--w-text-h3);line-height:1.55!important;color:#254d47!important}
body.wariatric-rygb-hub-active #slhTopologyModal .rygb-path-grid p{grid-column:2!important;margin:0!important;font-size:var(--w-text-body);line-height:1.65!important;color:#687d79!important}
body.wariatric-rygb-hub-active #slhTopologyModal .rygb-path-dot{display:none!important}

/* Make the single-anatomy modal image-first as well. */
body.wariatric-rygb-hub-active #slhAnatomyModal .slh-modal-anatomy{
  width:min(1380px,calc(100vw - 18px))!important;max-width:1380px!important;height:min(94dvh,950px)!important;max-height:94dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;
}
body.wariatric-rygb-hub-active #slhAnatomyModal .slh-modal-body{flex:1 1 auto!important;min-height:0!important;padding:8px!important;overflow:hidden!important;display:grid!important;place-items:center!important}
body.wariatric-rygb-hub-active #slhAnatomyModal .slh-anatomy-modal-img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}

@media(max-width:1050px){
  body.wariatric-rygb-hub-active .rygb-diet-phases{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.wariatric-rygb-hub-active #slhTopologyModal .rygb-topology-layout{grid-template-columns:minmax(0,2.5fr) minmax(240px,1fr)!important}
}
@media(max-width:900px){
  body.wariatric-rygb-hub-active .rygb-nutrition-head{display:grid;gap:10px}
  body.wariatric-rygb-hub-active .rygb-nutrition-badges{justify-content:flex-start;max-width:none}
  body.wariatric-rygb-hub-active .rygb-nutrition-preview-grid{grid-template-columns:1fr}
  body.wariatric-rygb-hub-active #slhTopologyModal .rygb-topology-layout{
    grid-template-columns:1fr!important;grid-template-rows:minmax(360px,62dvh) auto!important;direction:rtl!important;overflow:auto!important;
  }
  body.wariatric-rygb-hub-active #slhTopologyModal .rygb-topology-image{grid-column:1!important;grid-row:1!important;height:100%!important}
  body.wariatric-rygb-hub-active #slhTopologyModal .rygb-path-grid{grid-column:1!important;grid-row:2!important;height:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;overflow:visible!important}
}
@media(max-width:620px){
  body.wariatric-rygb-hub-active .rygb-nutrition-spotlight{padding:12px!important}
  body.wariatric-rygb-hub-active .rygb-diet-phases{grid-template-columns:1fr 1fr}
  body.wariatric-rygb-hub-active .rygb-diet-phases article:last-child{grid-column:1/-1}
  body.wariatric-rygb-hub-active .rygb-nutrition-actions .slh-btn{width:100%}
  body.wariatric-rygb-hub-active #slhTopologyModal .rygb-topology-layout{grid-template-rows:auto auto!important;padding:6px!important}
  body.wariatric-rygb-hub-active #slhTopologyModal .rygb-topology-image{height:auto!important}
  body.wariatric-rygb-hub-active #slhTopologyModal .rygb-topology-image img{height:auto!important;max-height:none!important}
  body.wariatric-rygb-hub-active #slhTopologyModal .rygb-path-grid{grid-template-columns:1fr!important}
}

/* V227 working — RYGB icon-family consolidation (scoped to this hub). */
body.wariatric-rygb-hub-active #rygbHub .slh-icon{
  flex:0 0 46px!important;width:46px!important;height:46px!important;
  min-width:46px!important;min-height:46px!important;max-width:46px!important;max-height:46px!important;
  box-sizing:border-box!important;display:grid!important;place-items:center!important;
  overflow:hidden!important;border:1px solid #d7e9e4!important;border-radius:14px!important;
  background:#eef9f6!important;padding:4px!important;
}
body.wariatric-rygb-hub-active #rygbHub .slh-icon img{
  display:block!important;width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;
  transform:none!important;filter:none!important;border-radius:9px!important;
}
body.wariatric-rygb-hub-active #rygbHub .slh-benefit .slh-icon{
  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;
}
body.wariatric-rygb-hub-active #rygbHub .slh-benefits .slh-benefit{
  min-width:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;
  flex-direction:column!important;gap:8px!important;text-align:center!important;
}
body.wariatric-rygb-hub-active #rygbHub .rygb-procedure-card img{
  width:100%!important;height:auto!important;aspect-ratio:1/1!important;
  border:1px solid #dcece6!important;background:#eef9f6!important;
  object-fit:contain!important;object-position:center!important;
}
body.wariatric-rygb-hub-active #rygbHub .rygb-procedure-card strong{font-size:var(--w-text-small);line-height:1.5!important}
body.wariatric-rygb-hub-active #rygbHub .rygb-procedure-card span{font-size:var(--w-text-small)}
body.wariatric-rygb-hub-active #rygbHub .rygb-procedure-card em{font-size:var(--w-text-small)}
body.wariatric-rygb-hub-active #rygbHub .rygb-path-map img{object-fit:contain!important}
@media(max-width:520px){
 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 .rygb-procedure-card strong{font-size:var(--w-text-small)}
}

/* RYGB V227 — directory links use the existing card geometry, with visible keyboard focus. */
body.wariatric-rygb-hub-active .rygb-procedure-grid .rygb-procedure-card{text-decoration:none!important;color:inherit!important;transition:border-color .16s ease,box-shadow .16s ease}
body.wariatric-rygb-hub-active .rygb-procedure-grid .rygb-procedure-card:hover{border-color:#86c8b8!important;box-shadow:0 9px 25px rgba(15,98,83,.10)}
body.wariatric-rygb-hub-active .rygb-procedure-grid .rygb-procedure-card:focus-visible{outline:3px solid #137b6b!important;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body.wariatric-rygb-hub-active .rygb-procedure-grid .rygb-procedure-card{transition:none}}

/* V227: RYGB deep-knowledge typography legibility. Existing bank UI remains unchanged for Sleeve. */
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-local-faq details summary,
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-local-faq details 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{font-size:var(--w-text-body);line-height:1.85!important}
body.wariatric-rygb-hub-active #rygbHub .whb-bank-copy b,
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.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.55!important}
@media(max-width:560px){
 body.wariatric-rygb-hub-active #rygbHub .whb-detail-grid,
 body.wariatric-rygb-hub-active #rygbHub .whb-deep-body{grid-template-columns:minmax(0,1fr)!important}
}