/* Wariatric V1.4.44.203 — OAGB/MGB locked final hub
   Source of Truth: the single user-approved final OAGB/MGB topology image
   SHA256 200575b5153fb1e8789c85ff72a9bd9e8a68e043b1c5ac5e8a67c457b3a414d7.
   No alternate OAGB topology or derivative topology is permitted in runtime. */
body.wariatric-oagb-hub-active{overflow-x:hidden;background:#f4faf8}
body.wariatric-oagb-hub-active>.baria-global-sidebar{display:none!important}
body.slh-public-shell-only.wariatric-oagb-hub-active .baria-page-frame{margin:0!important;width:100%!important;max-width:none!important}
body.slh-public-shell-only.wariatric-oagb-hub-active .knowledge-page{width:100%!important;max-width:100%!important;margin:0!important;padding:14px 0 54px!important;overflow-x:clip!important}
body.slh-public-shell-only.wariatric-oagb-hub-active .knowledge-page>.container,
body.slh-public-shell-only.wariatric-oagb-hub-active .public-nav .inner{width:min(calc(100% - 28px),1480px)!important;max-width:1480px!important;margin-inline:auto!important;padding-inline:0!important;min-width:0!important}
body.wariatric-oagb-hub-active .knowledge-hero,body.wariatric-oagb-hub-active .kb-ask,body.wariatric-oagb-hub-active .kb-sources{display:none!important}
body.wariatric-oagb-hub-active #kbBody{width:100%!important;max-width:none!important;min-width:0!important}
body.wariatric-oagb-hub-active .oagb-hub{--oagb-blue:#0b3d67;--oagb-teal:#0f8f83;--oagb-coral:#d9675e;--oagb-soft:#eff9f6;--oagb-cream:#fffaf1;direction:rtl}
body.wariatric-oagb-hub-active .slh-shell{gap:14px!important}

/* Hero: registered topology gets the largest pane. */
body.wariatric-oagb-hub-active .oagb-hero{display:grid!important;grid-template-columns:minmax(0,1.48fr) minmax(330px,.92fr) minmax(220px,.48fr)!important;gap:14px!important;align-items:stretch!important}
body.wariatric-oagb-hub-active .oagb-anatomy{min-height:390px!important;padding:9px!important;background:linear-gradient(145deg,#eef9f6,#fff)!important}
body.wariatric-oagb-hub-active .oagb-anatomy img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:378px!important;object-fit:contain!important;object-position:center!important;transform:none!important;image-rendering:auto!important}
body.wariatric-oagb-hub-active .oagb-hero-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
body.wariatric-oagb-hub-active .oagb-hero-chips span{display:inline-flex;border:1px solid #cfe7e2;background:#fff;border-radius:999px;padding:6px 9px;color:#37656a;font-size:var(--w-text-small);font-weight:var(--w-weight-bold)}
body.wariatric-oagb-hub-active .oagb-key{padding:16px 14px;display:flex;flex-direction:column;gap:8px}
body.wariatric-oagb-hub-active .oagb-key h2{margin:0 0 2px;color:var(--oagb-blue);font-size:var(--w-text-h2)}
body.wariatric-oagb-hub-active .oagb-key a{display:block;text-decoration:none;color:#315f66;font-size:var(--w-text-small);line-height:1.65;font-weight:var(--w-weight-bold);padding:10px;border:1px solid #dcece8;border-radius:12px;background:#fbfefd;transition:.18s ease}
body.wariatric-oagb-hub-active .oagb-key a:hover,body.wariatric-oagb-hub-active .oagb-key a:focus-visible{transform:translateY(-2px);border-color:#9bcfc5;box-shadow:0 8px 18px rgba(20,89,80,.08)}

/* Two misconceptions at the top. */
body.wariatric-oagb-hub-active .oagb-truth-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
body.wariatric-oagb-hub-active .oagb-truth-grid article{padding:17px 19px;background:linear-gradient(145deg,#fff,#f4fbf9)}
body.wariatric-oagb-hub-active .oagb-truth-grid article:nth-child(2){background:linear-gradient(145deg,#fff,#fff8f3)}
body.wariatric-oagb-hub-active .oagb-truth-grid span{font-size:var(--w-text-small);font-weight:var(--w-weight-bold);color:#b15750;background:#fff0ed;border-radius:999px;padding:5px 8px}
body.wariatric-oagb-hub-active .oagb-truth-grid h2{font-size:var(--w-text-h2);color:var(--oagb-blue);margin:10px 0 6px}
body.wariatric-oagb-hub-active .oagb-truth-grid p{margin:0;color:#577579;font-size:var(--w-text-body);line-height:1.9}
body.wariatric-oagb-hub-active .oagb-truth-grid a{display:inline-block;margin-top:9px;text-decoration:none;color:#0b8075;font-size:var(--w-text-small);font-weight:var(--w-weight-bold)}

/* Nutrition spotlight */
body.wariatric-oagb-hub-active .oagb-nutrition{padding:18px;background:linear-gradient(145deg,#fff,#eef9f6)}
body.wariatric-oagb-hub-active .oagb-kicker{display:inline-flex;background:#e7f6f2;color:#0b756b;border-radius:999px;padding:5px 9px;font-size:var(--w-text-small);font-weight:var(--w-weight-bold);margin-bottom:6px}
body.wariatric-oagb-hub-active .oagb-badges{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:8px}
body.wariatric-oagb-hub-active .oagb-badges span{font-size:var(--w-text-small);font-weight:var(--w-weight-bold);padding:5px 8px;border-radius:999px;border:1px solid #d4e9e4;background:#fff;color:#567477}
body.wariatric-oagb-hub-active .oagb-phases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}
body.wariatric-oagb-hub-active .oagb-phases article{display:grid;grid-template-columns:31px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:10px;border:1px solid #d8ebe6;border-radius:14px;background:#fff;min-width:0}
body.wariatric-oagb-hub-active .oagb-phases b{grid-row:1/3;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e7f6f2;color:#0d766c;font-size:var(--w-text-small)}
body.wariatric-oagb-hub-active .oagb-phases strong{font-size:var(--w-text-small);color:var(--oagb-blue)}
body.wariatric-oagb-hub-active .oagb-phases small{font-size:var(--w-text-small);line-height:1.55;color:#748b8e}
body.wariatric-oagb-hub-active .oagb-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
body.wariatric-oagb-hub-active .oagb-menu-grid article{padding:13px;border-radius:14px;border:1px solid #d8e9e5;background:#fff}
body.wariatric-oagb-hub-active .oagb-menu-grid h3{margin:0 0 6px;color:var(--oagb-blue);font-size:var(--w-text-h3)}
body.wariatric-oagb-hub-active .oagb-menu-grid p{font-size:var(--w-text-body);line-height:1.85;color:#516f74;margin:0}
body.wariatric-oagb-hub-active .oagb-menu-grid small{display:block;margin-top:6px;color:#748b8e;font-size:var(--w-text-small)}

/* Procedure comparison using only registered topology thumbnails. */
body.wariatric-oagb-hub-active .oagb-compare{padding:17px}
body.wariatric-oagb-hub-active .oagb-compare-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
body.wariatric-oagb-hub-active .oagb-compare-grid article{position:relative;border:1px solid #d9ebe7;border-radius:15px;background:#fbfefd;padding:8px;overflow:hidden;min-width:0}
body.wariatric-oagb-hub-active .oagb-compare-grid article.is-current{border-color:#6fc5b6;background:linear-gradient(180deg,#eefaf7,#fff);box-shadow:0 8px 20px rgba(20,89,80,.08)}
body.wariatric-oagb-hub-active .oagb-compare-grid img{display:block;width:100%;height:150px;object-fit:contain;object-position:center;border-radius:11px;background:#fff;image-rendering:auto}
body.wariatric-oagb-hub-active .oagb-compare-grid strong{display:block;text-align:center;color:var(--oagb-blue);font-size:var(--w-text-small);margin-top:7px}
body.wariatric-oagb-hub-active .oagb-compare-grid p{margin:4px 2px 0;text-align:center;color:#6b8184;font-size:var(--w-text-body);line-height:1.55}
body.wariatric-oagb-hub-active .oagb-compare-grid em{position:absolute;right:12px;top:12px;background:#0f8075;color:#fff;border-radius:999px;padding:3px 6px;font-size:var(--w-text-small);font-weight:var(--w-weight-bold);font-style:normal}

/* Long-form topic library with fixed icon slots. */
body.wariatric-oagb-hub-active .oagb-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
body.wariatric-oagb-hub-active .oagb-topic{padding:16px 17px;min-width:0;overflow:hidden}
body.wariatric-oagb-hub-active .oagb-topic header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #edf4f2}
body.wariatric-oagb-hub-active .oagb-topic header>div{display:flex;align-items:flex-start;gap:11px;min-width:0}
body.wariatric-oagb-hub-active .oagb-icon{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border:1px solid #d7e9e5;border-radius:16px;background:#fbfefd;overflow:hidden}
body.wariatric-oagb-hub-active .oagb-icon img{display:block;width:52px;height:52px;max-width:52px;max-height:52px;object-fit:contain;object-position:center;transform:none;image-rendering:auto}
body.wariatric-oagb-hub-active .oagb-topic h2{margin:0;color:var(--oagb-blue);font-size:var(--w-text-h2);line-height:1.65}
body.wariatric-oagb-hub-active .oagb-topic header p{margin:4px 0 0;color:#637e82;font-size:var(--w-text-body);line-height:1.8}
body.wariatric-oagb-hub-active .oagb-topic>ul{margin:10px 18px 0 0;padding:0;color:#46676c;font-size:var(--w-text-small);line-height:1.95}
body.wariatric-oagb-hub-active .oagb-detail-toggle{flex:0 0 auto;border:1px solid #d3e8e3;background:#fff;color:#0d766c;border-radius:10px;padding:7px 9px;font-size:var(--w-text-small);font-weight:var(--w-weight-bold);cursor:pointer}
body.wariatric-oagb-hub-active .oagb-detail{margin-top:10px;display:grid;gap:8px}
body.wariatric-oagb-hub-active .oagb-detail[hidden]{display:none!important}
body.wariatric-oagb-hub-active .oagb-detail section{padding:10px 11px;border-radius:12px;background:#f8fcfb;border:1px solid #e0eeeb}
body.wariatric-oagb-hub-active .oagb-detail h3{margin:0 0 3px;color:#244f61;font-size:var(--w-text-h3)}
body.wariatric-oagb-hub-active .oagb-detail p{margin:0;color:#617b7f;font-size:var(--w-text-body);line-height:1.85}

/* FAQ */
body.wariatric-oagb-hub-active .oagb-faq{padding:18px}
body.wariatric-oagb-hub-active .oagb-faq .slh-section-head{display:flex;align-items:flex-start;justify-content:space-between;text-align:right;gap:12px}
body.wariatric-oagb-hub-active .oagb-count{flex:0 0 auto;background:#fff0ed;color:#a94f48;border-radius:999px;padding:6px 9px;font-size:var(--w-text-small);font-weight:var(--w-weight-bold)}
body.wariatric-oagb-hub-active .oagb-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.wariatric-oagb-hub-active .oagb-faq details{border:1px solid #dcece8;border-radius:13px;background:#fbfefd;padding:0 11px;min-width:0}
body.wariatric-oagb-hub-active .oagb-faq summary{cursor:pointer;padding:11px 0;color:#244f61;font-size:var(--w-text-small);font-weight:var(--w-weight-bold);line-height:1.65}
body.wariatric-oagb-hub-active .oagb-faq details[open]{background:#fff;border-color:#a8d7cf}
body.wariatric-oagb-hub-active .oagb-faq p{margin:0 0 11px;color:#5d797d;font-size:var(--w-text-body);line-height:1.9}

/* Evidence provenance */
body.wariatric-oagb-hub-active .oagb-sources{padding:18px}
body.wariatric-oagb-hub-active .oagb-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
body.wariatric-oagb-hub-active .oagb-source-grid a{text-decoration:none;color:inherit;border:1px solid #dcece8;border-radius:13px;padding:11px;background:#fbfefd;min-width:0}
body.wariatric-oagb-hub-active .oagb-source-grid strong{display:block;color:var(--oagb-blue);font-size:var(--w-text-small);line-height:1.65}
body.wariatric-oagb-hub-active .oagb-source-grid span{display:block;color:#0c8276;font-size:var(--w-text-small);font-weight:var(--w-weight-bold);margin-top:4px}
body.wariatric-oagb-hub-active .oagb-source-grid p{margin:5px 0 0;color:#758a8c;font-size:var(--w-text-body);line-height:1.65}

body.wariatric-oagb-hub-active .oagb-safety{padding:16px 18px;background:linear-gradient(145deg,#fff,#fff5f2);border-color:#f1d6d0}
body.wariatric-oagb-hub-active .oagb-safety h2{margin:0 0 9px;color:#a54d47;font-size:var(--w-text-h2)}
body.wariatric-oagb-hub-active .oagb-safety>div{display:flex;flex-wrap:wrap;gap:7px}
body.wariatric-oagb-hub-active .oagb-safety span{background:#fff;border:1px solid #f0d9d4;border-radius:999px;padding:6px 8px;color:#765b59;font-size:var(--w-text-small);font-weight:var(--w-weight-bold)}
body.wariatric-oagb-hub-active .oagb-safety p{font-size:var(--w-text-body);color:#7a6260;margin:9px 0 0}

/* Anatomy modal: image is dominant, cards are a narrow side rail. */
body.wariatric-oagb-hub-active .oagb-topology-modal{width:min(1440px,calc(100vw - 20px))!important;max-width:1440px!important;height:min(94dvh,970px)!important;max-height:94dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
body.wariatric-oagb-hub-active .oagb-topology-modal .slh-modal-head{flex:0 0 auto!important;padding:11px 14px!important}
body.wariatric-oagb-hub-active .oagb-topology-layout{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(250px,.55fr) minmax(0,1.45fr);gap:10px;padding:9px 10px 10px;overflow:hidden;direction:rtl}
body.wariatric-oagb-hub-active .oagb-topology-main{grid-column:2;display:grid;place-items:center;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;background:#fff;border:1px solid #dcece8;border-radius:16px;padding:4px}
body.wariatric-oagb-hub-active .oagb-topology-main 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;margin:0!important;border:0!important;border-radius:12px!important;transform:none!important;image-rendering:auto!important}
body.wariatric-oagb-hub-active .oagb-path-grid{grid-column:1;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:8px;min-height:0;height:100%;overflow:auto;padding-left:2px}
body.wariatric-oagb-hub-active .oagb-path-grid article{display:grid;grid-template-columns:100px minmax(0,1fr);gap:9px;align-items:center;padding:8px;border:1px solid #dcece8;border-radius:13px;background:#fbfefd;min-width:0}
body.wariatric-oagb-hub-active .oagb-path-grid img{display:block!important;width:100px!important;height:78px!important;object-fit:contain!important;object-position:center!important;margin:0!important;border:1px solid #d7e8e4!important;border-radius:10px!important;background:#fff!important;image-rendering:auto!important}
body.wariatric-oagb-hub-active .oagb-path-grid h3{margin:0 0 3px;color:var(--oagb-blue);font-size:var(--w-text-h3)}
body.wariatric-oagb-hub-active .oagb-path-grid p{margin:0;color:#687e81;font-size:var(--w-text-body);line-height:1.6}

@media(max-width:1100px){
  body.wariatric-oagb-hub-active .oagb-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important}
  body.wariatric-oagb-hub-active .oagb-key{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}
  body.wariatric-oagb-hub-active .oagb-key h2{grid-column:1/-1}
  body.wariatric-oagb-hub-active .oagb-compare-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.wariatric-oagb-hub-active .oagb-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  body.wariatric-oagb-hub-active .oagb-hero{grid-template-columns:1fr!important}
  body.wariatric-oagb-hub-active .oagb-anatomy{min-height:300px!important}
  body.wariatric-oagb-hub-active .oagb-anatomy img{max-height:300px!important}
  body.wariatric-oagb-hub-active .oagb-truth-grid,body.wariatric-oagb-hub-active .oagb-topic-grid,body.wariatric-oagb-hub-active .oagb-menu-grid,body.wariatric-oagb-hub-active .oagb-faq-grid{grid-template-columns:1fr}
  body.wariatric-oagb-hub-active .oagb-phases{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.wariatric-oagb-hub-active .oagb-phases article:last-child{grid-column:1/-1}
  body.wariatric-oagb-hub-active .oagb-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.wariatric-oagb-hub-active .oagb-topology-layout{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) auto!important;overflow:auto}
  body.wariatric-oagb-hub-active .oagb-topology-main{grid-column:1!important;grid-row:1!important;min-height:52dvh;height:52dvh}
  body.wariatric-oagb-hub-active .oagb-path-grid{grid-column:1!important;grid-row:2!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;height:auto;overflow:visible}
}
@media(max-width:560px){
  body.slh-public-shell-only.wariatric-oagb-hub-active .knowledge-page>.container,body.slh-public-shell-only.wariatric-oagb-hub-active .public-nav .inner{width:min(calc(100% - 16px),1480px)!important}
  body.wariatric-oagb-hub-active .oagb-key{grid-template-columns:1fr}
  body.wariatric-oagb-hub-active .oagb-key h2{grid-column:auto}
  body.wariatric-oagb-hub-active .oagb-phases,body.wariatric-oagb-hub-active .oagb-compare-grid,body.wariatric-oagb-hub-active .oagb-source-grid,body.wariatric-oagb-hub-active .oagb-path-grid{grid-template-columns:1fr}
  body.wariatric-oagb-hub-active .oagb-phases article:last-child{grid-column:auto}
  body.wariatric-oagb-hub-active .oagb-topic header{display:block}
  body.wariatric-oagb-hub-active .oagb-detail-toggle{margin-top:9px}
  body.wariatric-oagb-hub-active .oagb-icon{width:56px;height:56px;flex-basis:56px}
  body.wariatric-oagb-hub-active .oagb-icon img{width:46px;height:46px}
  body.wariatric-oagb-hub-active .oagb-topology-main{height:45dvh;min-height:45dvh}
  body.wariatric-oagb-hub-active .oagb-path-grid article{grid-template-columns:88px minmax(0,1fr)}
  body.wariatric-oagb-hub-active .oagb-path-grid img{width:88px!important;height:70px!important}
}

/* ========================================================================
   Wariatric V1.4.44.202 — OAGB topology source-of-truth + full-view acceptance delta
   Goal: anatomy-first sizing, high-DPI clarity, no dead space, readable rail.
   Source topology restored from the previously accepted OAGB final asset; no redraw in this delta.
   ======================================================================== */

body.wariatric-oagb-hub-active .oagb-hub{
  --oagb-content-max:1580px;
}
body.slh-public-shell-only.wariatric-oagb-hub-active .knowledge-page>.container,
body.slh-public-shell-only.wariatric-oagb-hub-active .public-nav .inner{
  width:min(calc(100% - 32px),var(--oagb-content-max))!important;
  max-width:var(--oagb-content-max)!important;
}

/* Hero: the registered topology is the dominant object, not a thumbnail. */
body.wariatric-oagb-hub-active .oagb-hero{
  grid-template-columns:minmax(0,3.15fr) minmax(340px,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:16px!important;
  align-items:stretch!important;
}
body.wariatric-oagb-hub-active .oagb-anatomy{
  grid-column:1!important;
  grid-row:1/3!important;
  min-height:0!important;
  aspect-ratio:3/2!important;
  padding:6px!important;
  border-radius:22px!important;
  background:#fff!important;
}
body.wariatric-oagb-hub-active .oagb-anatomy img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  image-rendering:auto!important;
  border-radius:16px!important;
}
body.wariatric-oagb-hub-active .oagb-hero>.slh-hero-copy{
  grid-column:2!important;
  grid-row:1!important;
  padding:22px 22px!important;
}
body.wariatric-oagb-hub-active .oagb-key{
  grid-column:2!important;
  grid-row:2!important;
  align-self:stretch!important;
  padding:18px!important;
}
body.wariatric-oagb-hub-active .oagb-anatomy-lock{
  left:16px!important;
  bottom:14px!important;
  font-size:var(--w-text-small);
  padding:7px 11px!important;
  backdrop-filter:blur(8px);
}

/* Keep source-derived images crisp and never enlarge tiny derivatives beyond need. */
body.wariatric-oagb-hub-active img[src*="oagb-hub/"]{
  image-rendering:auto!important;
  -webkit-font-smoothing:antialiased;
}
body.wariatric-oagb-hub-active .oagb-icon img{
  width:54px!important;
  height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
}

/* Anatomy modal: 76% main image / 24% rail on desktop, near-full viewport. */
body.wariatric-oagb-hub-active .oagb-topology-modal{
  width:min(1600px,calc(100vw - 18px))!important;
  max-width:1600px!important;
  height:min(96dvh,1060px)!important;
  max-height:96dvh!important;
  border-radius:20px!important;
  padding:0!important;
}
body.wariatric-oagb-hub-active .oagb-topology-modal .slh-modal-head{
  flex:0 0 auto!important;
  padding:12px 16px 11px!important;
  gap:16px!important;
}
body.wariatric-oagb-hub-active .oagb-topology-modal .slh-modal-head h2{
  font-size:var(--w-text-h2);
  line-height:1.55!important;
}
body.wariatric-oagb-hub-active .oagb-topology-modal .slh-modal-head p{
  max-width:980px!important;
  font-size:var(--w-text-body);
  line-height:1.85!important;
  color:#5a7475!important;
}
body.wariatric-oagb-hub-active .oagb-topology-layout{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(285px,24%) minmax(0,76%)!important;
  gap:12px!important;
  padding:10px 12px 12px!important;
  overflow:hidden!important;
  direction:rtl!important;
}
body.wariatric-oagb-hub-active .oagb-topology-main{
  grid-column:2!important;
  padding:0!important;
  border-radius:17px!important;
  background:#f8fcfb!important;
  overflow:hidden!important;
}
body.wariatric-oagb-hub-active .oagb-topology-main img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
}
body.wariatric-oagb-hub-active .oagb-path-grid{
  grid-column:1!important;
  grid-template-rows:repeat(4,minmax(132px,1fr))!important;
  gap:9px!important;
  height:100%!important;
  min-height:0!important;
  overflow:auto!important;
  scrollbar-width:thin;
  scrollbar-color:#9dcac1 transparent;
  padding:0 0 0 2px!important;
}
body.wariatric-oagb-hub-active .oagb-path-grid article{
  grid-template-columns:132px minmax(0,1fr)!important;
  gap:10px!important;
  padding:9px!important;
  border-radius:14px!important;
  background:#fff!important;
}
body.wariatric-oagb-hub-active .oagb-path-grid img{
  width:132px!important;
  height:104px!important;
  max-width:132px!important;
  max-height:104px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  border-radius:11px!important;
  background:#fff!important;
}
body.wariatric-oagb-hub-active .oagb-path-grid h3{
  font-size:var(--w-text-h3);
  line-height:1.55!important;
  margin:0 0 4px!important;
}
body.wariatric-oagb-hub-active .oagb-path-grid p{
  font-size:var(--w-text-body);
  line-height:1.75!important;
  margin:0!important;
}

/* OAGB page readability: no 9–11 px clinical copy on desktop. */
body.wariatric-oagb-hub-active .oagb-key h2{font-size:var(--w-text-h2);line-height:1.55!important}
body.wariatric-oagb-hub-active .oagb-key a{font-size:var(--w-text-body);line-height:1.8!important;padding:11px 12px!important}
body.wariatric-oagb-hub-active .oagb-hero-chips span{font-size:var(--w-text-small);padding:6px 10px!important}
body.wariatric-oagb-hub-active .oagb-truth-grid span,
body.wariatric-oagb-hub-active .oagb-kicker,
body.wariatric-oagb-hub-active .oagb-count{font-size:var(--w-text-small)}
body.wariatric-oagb-hub-active .oagb-truth-grid h2{font-size:var(--w-text-h2);line-height:1.65!important}
body.wariatric-oagb-hub-active .oagb-truth-grid p{font-size:var(--w-text-body);line-height:2!important}
body.wariatric-oagb-hub-active .oagb-truth-grid a{font-size:var(--w-text-small)}
body.wariatric-oagb-hub-active .oagb-phases strong{font-size:var(--w-text-body);line-height:1.6!important}
body.wariatric-oagb-hub-active .oagb-phases small{font-size:var(--w-text-small);line-height:1.8!important}
body.wariatric-oagb-hub-active .oagb-menu-grid h3{font-size:var(--w-text-h3);line-height:1.6!important}
body.wariatric-oagb-hub-active .oagb-menu-grid p{font-size:var(--w-text-body);line-height:1.95!important}
body.wariatric-oagb-hub-active .oagb-menu-grid small{font-size:var(--w-text-small);line-height:1.75!important}
body.wariatric-oagb-hub-active .oagb-compare-grid strong{font-size:var(--w-text-body);line-height:1.6!important}
body.wariatric-oagb-hub-active .oagb-compare-grid p{font-size:var(--w-text-body);line-height:1.75!important}
body.wariatric-oagb-hub-active .oagb-compare-grid em{font-size:var(--w-text-small)}
body.wariatric-oagb-hub-active .oagb-topic h2{font-size:var(--w-text-h2);line-height:1.7!important}
body.wariatric-oagb-hub-active .oagb-topic header p{font-size:var(--w-text-body);line-height:1.95!important}
body.wariatric-oagb-hub-active .oagb-topic>ul{font-size:var(--w-text-body);line-height:2.05!important}
body.wariatric-oagb-hub-active .oagb-detail-toggle{font-size:var(--w-text-small);padding:8px 11px!important}
body.wariatric-oagb-hub-active .oagb-detail h3{font-size:var(--w-text-h3);line-height:1.65!important}
body.wariatric-oagb-hub-active .oagb-detail p{font-size:var(--w-text-body);line-height:2!important}
body.wariatric-oagb-hub-active .oagb-faq summary{font-size:var(--w-text-body);line-height:1.9!important;padding:14px 0!important}
body.wariatric-oagb-hub-active .oagb-faq p{font-size:var(--w-text-body);line-height:2!important;margin-bottom:14px!important}
body.wariatric-oagb-hub-active .oagb-source-grid strong{font-size:var(--w-text-body);line-height:1.7!important}
body.wariatric-oagb-hub-active .oagb-source-grid span{font-size:var(--w-text-small);line-height:1.65!important}
body.wariatric-oagb-hub-active .oagb-source-grid p{font-size:var(--w-text-body);line-height:1.8!important}
body.wariatric-oagb-hub-active .oagb-safety h2{font-size:var(--w-text-h2)}
body.wariatric-oagb-hub-active .oagb-safety span{font-size:var(--w-text-small);line-height:1.65!important}
body.wariatric-oagb-hub-active .oagb-safety p{font-size:var(--w-text-body);line-height:1.9!important}

@media(max-width:1180px){
  body.wariatric-oagb-hub-active .oagb-hero{
    grid-template-columns:minmax(0,2fr) minmax(300px,1fr)!important;
  }
  body.wariatric-oagb-hub-active .oagb-anatomy{grid-row:1/3!important}
}
@media(max-width:900px){
  body.wariatric-oagb-hub-active .oagb-hero{grid-template-columns:1fr!important;grid-template-rows:auto!important}
  body.wariatric-oagb-hub-active .oagb-anatomy,
  body.wariatric-oagb-hub-active .oagb-hero>.slh-hero-copy,
  body.wariatric-oagb-hub-active .oagb-key{grid-column:1!important;grid-row:auto!important}
  body.wariatric-oagb-hub-active .oagb-anatomy{aspect-ratio:3/2!important;min-height:0!important}
  body.wariatric-oagb-hub-active .oagb-topology-layout{
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    overflow:auto!important;
  }
  body.wariatric-oagb-hub-active .oagb-topology-main{grid-column:1!important;grid-row:1!important;min-height:56dvh!important;height:56dvh!important}
  body.wariatric-oagb-hub-active .oagb-path-grid{grid-column:1!important;grid-row:2!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;height:auto!important;overflow:visible!important}
}
@media(max-width:560px){
  body.slh-public-shell-only.wariatric-oagb-hub-active .knowledge-page>.container,
  body.slh-public-shell-only.wariatric-oagb-hub-active .public-nav .inner{width:min(calc(100% - 16px),var(--oagb-content-max))!important}
  body.wariatric-oagb-hub-active .oagb-topology-modal{width:calc(100vw - 10px)!important;height:calc(100dvh - 10px)!important;max-height:calc(100dvh - 10px)!important;border-radius:16px!important}
  body.wariatric-oagb-hub-active .oagb-topology-main{height:auto!important;min-height:0!important;aspect-ratio:3/2!important}
  body.wariatric-oagb-hub-active .oagb-path-grid{grid-template-columns:1fr!important}
  body.wariatric-oagb-hub-active .oagb-path-grid article{grid-template-columns:118px minmax(0,1fr)!important}
  body.wariatric-oagb-hub-active .oagb-path-grid img{width:118px!important;height:92px!important}
}


/* ================================================================
   V1.4.44.202 — BLOCKING CORRECTION
   Source: approved OAGB/MGB final topology from prior accepted sequence.
   Goal: full topology visible at once, correct 1672:941 ratio, no crop,
   no parent-driven height distortion, high-DPI crisp display.
   ================================================================ */
body.wariatric-oagb-hub-active .oagb-anatomy{
  aspect-ratio:1672/941!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.wariatric-oagb-hub-active .oagb-anatomy img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  aspect-ratio:1672/941!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:none!important;
}
body.wariatric-oagb-hub-active .oagb-topology-modal{
  width:min(1640px,calc(100vw - 12px))!important;
  max-width:1640px!important;
  height:min(96dvh,1040px)!important;
  max-height:96dvh!important;
  overflow:hidden!important;
}
body.wariatric-oagb-hub-active .oagb-topology-modal .slh-modal-head{
  padding:9px 14px 8px!important;
}
body.wariatric-oagb-hub-active .oagb-topology-modal .slh-modal-head p{
  margin-top:3px!important;
  margin-bottom:0!important;
  line-height:1.7!important;
}
body.wariatric-oagb-hub-active .oagb-topology-layout{
  grid-template-columns:minmax(250px,20%) minmax(0,80%)!important;
  grid-template-rows:minmax(0,1fr)!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
body.wariatric-oagb-hub-active .oagb-topology-main{
  min-width:0!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:4px!important;
}
body.wariatric-oagb-hub-active .oagb-topology-main img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:calc(96dvh - 104px)!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
  transform:none!important;
}
body.wariatric-oagb-hub-active .oagb-path-grid{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}
body.wariatric-oagb-hub-active .oagb-path-grid article{
  grid-template-columns:112px minmax(0,1fr)!important;
}
body.wariatric-oagb-hub-active .oagb-path-grid img{
  width:112px!important;
  height:84px!important;
  max-width:112px!important;
  max-height:84px!important;
  object-fit:contain!important;
}
@media(max-width:1180px){
  body.wariatric-oagb-hub-active .oagb-topology-layout{
    grid-template-columns:minmax(210px,22%) minmax(0,78%)!important;
  }
}
@media(max-width:900px){
  body.wariatric-oagb-hub-active .oagb-topology-modal{
    height:min(96dvh,1100px)!important;
    overflow:auto!important;
  }
  body.wariatric-oagb-hub-active .oagb-topology-layout{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    overflow:visible!important;
  }
  body.wariatric-oagb-hub-active .oagb-topology-main{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1672/941!important;
  }
  body.wariatric-oagb-hub-active .oagb-topology-main img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
  }
  body.wariatric-oagb-hub-active .oagb-path-grid{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    height:auto!important;
    overflow:visible!important;
  }
}
@media(max-width:560px){
  body.wariatric-oagb-hub-active .oagb-anatomy,
  body.wariatric-oagb-hub-active .oagb-topology-main{aspect-ratio:1672/941!important}
  body.wariatric-oagb-hub-active .oagb-path-grid{grid-template-columns:1fr!important}
  body.wariatric-oagb-hub-active .oagb-path-grid article{grid-template-columns:104px minmax(0,1fr)!important}
  body.wariatric-oagb-hub-active .oagb-path-grid img{width:104px!important;height:78px!important}
}


/* ========================================================================
   Wariatric V1.4.44.203 — FINAL OAGB locked topology + deterministic framing
   Only the user-approved OAGB/MGB topology may represent this procedure.
   ======================================================================== */
body.wariatric-oagb-hub-active .oagb-anatomy,
body.wariatric-oagb-hub-active .oagb-topology-main{
  contain:layout paint!important;
}
body.wariatric-oagb-hub-active .oagb-anatomy{
  aspect-ratio:3/2!important;
  overflow:hidden!important;
}
body.wariatric-oagb-hub-active .oagb-anatomy img[data-oagb-final]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}
body.wariatric-oagb-hub-active .oagb-topology-layout{
  align-items:start!important;
  overflow:auto!important;
}
body.wariatric-oagb-hub-active .oagb-topology-main{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:3/2!important;
  overflow:hidden!important;
}
body.wariatric-oagb-hub-active .oagb-topology-main img[data-oagb-final]{
  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 center!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}
body.wariatric-oagb-hub-active .oagb-path-grid img[data-oagb-final],
body.wariatric-oagb-hub-active .oagb-icon img[src*="oagb-final-locked-v203.png"],
body.wariatric-oagb-hub-active .oagb-compare img[src*="oagb-final-locked-v203.png"]{
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
@media(max-width:820px){
  body.wariatric-oagb-hub-active .oagb-topology-main{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:3/2!important;
  }
}

/* ========================================================================
   Wariatric V1.4.44.204 — FINAL OAGB acceptance delta
   1) Independent FAQ columns: opening one item never stretches its peer.
   2) Topology viewer uses the same locked 1536x1024 source at maximum useful size.
   3) Refresh-stable geometry: viewport-derived deterministic sizing; no transforms.
   ======================================================================== */

/* FAQ: two true independent vertical stacks, not shared grid rows. */
body.wariatric-oagb-hub-active .oagb-faq-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:start!important;
}
body.wariatric-oagb-hub-active .oagb-faq-column{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
  align-self:start!important;
}
body.wariatric-oagb-hub-active .oagb-faq-column details{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  align-self:stretch!important;
}

/* Topology modal: image-first framing on laptop/desktop. */
body.wariatric-oagb-hub-active .oagb-topology-modal{
  width:min(1680px,calc(100vw - 8px))!important;
  max-width:1680px!important;
  height:calc(100dvh - 8px)!important;
  max-height:calc(100dvh - 8px)!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
body.wariatric-oagb-hub-active .oagb-topology-modal .slh-modal-head{
  min-height:54px!important;
  max-height:64px!important;
  padding:8px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
body.wariatric-oagb-hub-active .oagb-topology-modal .slh-modal-head>div{
  min-width:0!important;
}
body.wariatric-oagb-hub-active .oagb-topology-modal .slh-modal-head h2{
  margin:0!important;
  font-size:var(--w-text-h2);
  line-height:1.45!important;
}
body.wariatric-oagb-hub-active .oagb-topology-modal .slh-modal-head p{
  margin:1px 0 0!important;
  font-size:var(--w-text-body);
  line-height:1.45!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.wariatric-oagb-hub-active .oagb-topology-layout{
  height:calc(100dvh - 76px)!important;
  max-height:calc(100dvh - 76px)!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(210px,18.5%) minmax(0,81.5%)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:8px!important;
  padding:6px 8px 8px!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
body.wariatric-oagb-hub-active .oagb-topology-main{
  grid-column:2!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:0!important;
  background:#fff!important;
}
body.wariatric-oagb-hub-active .oagb-topology-main img[data-oagb-final]{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:3/2!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}
body.wariatric-oagb-hub-active .oagb-path-grid{
  grid-column:1!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 0 0 2px!important;
}
body.wariatric-oagb-hub-active .oagb-path-grid article{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  padding:7px!important;
  min-height:0!important;
  flex:0 0 auto!important;
}
body.wariatric-oagb-hub-active .oagb-path-grid img[data-oagb-final]{
  width:92px!important;
  height:62px!important;
  max-width:92px!important;
  max-height:62px!important;
  object-fit:contain!important;
  object-position:center!important;
}
body.wariatric-oagb-hub-active .oagb-path-grid h3{
  font-size:var(--w-text-h3);
  line-height:1.45!important;
  margin:0 0 2px!important;
}
body.wariatric-oagb-hub-active .oagb-path-grid p{
  font-size:var(--w-text-body);
  line-height:1.55!important;
  margin:0!important;
}

/* Main hub topology keeps a stable 3:2 frame across reloads. */
body.wariatric-oagb-hub-active .oagb-anatomy{
  aspect-ratio:3/2!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
}
body.wariatric-oagb-hub-active .oagb-anatomy img[data-oagb-final]{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:3/2!important;
  object-fit:contain!important;
  object-position:center center!important;
}

@media(max-width:900px){
  body.wariatric-oagb-hub-active .oagb-topology-modal{
    width:calc(100vw - 8px)!important;
    height:calc(100dvh - 8px)!important;
    max-height:calc(100dvh - 8px)!important;
    overflow:auto!important;
  }
  body.wariatric-oagb-hub-active .oagb-topology-modal .slh-modal-head{
    max-height:none!important;
  }
  body.wariatric-oagb-hub-active .oagb-topology-modal .slh-modal-head p{
    white-space:normal!important;
  }
  body.wariatric-oagb-hub-active .oagb-topology-layout{
    height:auto!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:visible!important;
  }
  body.wariatric-oagb-hub-active .oagb-topology-main{
    width:100%!important;
    height:auto!important;
    aspect-ratio:3/2!important;
  }
  body.wariatric-oagb-hub-active .oagb-topology-main img[data-oagb-final]{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
  }
  body.wariatric-oagb-hub-active .oagb-path-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    height:auto!important;
    overflow:visible!important;
  }
  body.wariatric-oagb-hub-active .oagb-faq-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:560px){
  body.wariatric-oagb-hub-active .oagb-path-grid{
    grid-template-columns:1fr!important;
  }
  body.wariatric-oagb-hub-active .oagb-path-grid article{
    grid-template-columns:104px minmax(0,1fr)!important;
  }
  body.wariatric-oagb-hub-active .oagb-path-grid img[data-oagb-final]{
    width:104px!important;
    height:70px!important;
    max-width:104px!important;
    max-height:70px!important;
  }
}
/* V204 row-lock: both viewer panes must share the same grid row. */
body.wariatric-oagb-hub-active .oagb-topology-main{grid-row:1!important}
body.wariatric-oagb-hub-active .oagb-path-grid{grid-row:1!important}
@media(max-width:900px){
  body.wariatric-oagb-hub-active .oagb-topology-main{grid-row:auto!important}
  body.wariatric-oagb-hub-active .oagb-path-grid{grid-row:auto!important}
}