/* Wariatric Sleeve Hub V1.4.44.183 — scoped to the approved Sleeve master hub route */
body.wariatric-sleeve-hub-active .knowledge-hero,
body.wariatric-sleeve-hub-active .kb-ask,
body.wariatric-sleeve-hub-active .kb-sources-accordion{display:none!important}
body.wariatric-sleeve-hub-active .knowledge-page{padding-top:14px}
body.wariatric-sleeve-hub-active .knowledge-page>.container{max-width:1540px}
body.wariatric-sleeve-hub-active .public-nav .brand{display:none!important}
html.slh-modal-open{overflow:hidden!important}
.slh{--teal:#0f8f83;--teal-dark:#0f6f63;--mint:#e8f7f3;--mint2:#d9f0eb;--ink:#0b3d67;--text:#365b62;--muted:#72878a;--line:#d5ebe6;--surface:#fff;--coral:#ea6965;--shadow:0 13px 34px rgba(21,89,80,.08);direction:rtl;color:var(--text)}
.slh *{box-sizing:border-box}
.slh-shell{display:grid;gap:13px}
.slh-card{background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.slh-hero{display:grid;grid-template-columns:minmax(470px,1.42fr) minmax(390px,1.05fr) minmax(220px,.54fr);gap:13px;align-items:stretch}
.slh-anatomy{position:relative;overflow:hidden;min-height:350px;background:radial-gradient(circle at 22% 12%,rgba(177,232,222,.75),transparent 38%),linear-gradient(145deg,#effbf8,#fbfffe);padding:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);cursor:zoom-in}
.slh-anatomy img{width:100%;height:100%;max-height:338px;object-fit:contain;border-radius:15px;display:block}
.slh-anatomy-lock{position:absolute;left:14px;bottom:12px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:var(--w-text-small);color:var(--teal-dark);font-weight:var(--w-weight-bold)}
.slh-hero-copy{padding:23px 24px;background:radial-gradient(circle at 90% 8%,rgba(193,237,229,.74),transparent 30%),linear-gradient(150deg,#fbfffe,#edf9f6);position:relative;overflow:hidden}
.slh-kicker{display:inline-flex;align-items:center;gap:8px;background:#fff0ed;color:#ad514a;border-radius:999px;padding:7px 11px;font-size:var(--w-text-small);font-weight:var(--w-weight-bold)}
.slh-title{margin:12px 0 0;color:var(--ink);font-size:var(--w-text-h1);line-height:1.35;font-weight:var(--w-weight-bold);letter-spacing:-.6px}.slh-en{display:block;color:#2c9a8e;font-size:var(--w-text-h4);font-weight:var(--w-weight-bold);margin-top:1px;direction:ltr;text-align:right}
.slh-summary{margin:11px 0 0;font-size:var(--w-text-small);line-height:2;color:#4f6f73}.slh-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}.slh-benefit{text-align:center;font-size:var(--w-text-small);color:#496a6b;font-weight:var(--w-weight-bold)}
.slh-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #d8ebe7;margin:0 auto 6px;box-shadow:0 7px 16px rgba(20,99,89,.09)}.slh-icon img{width:29px;height:29px;object-fit:contain}
.slh-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.slh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:0;border-radius:13px;padding:10px 13px;font-weight:var(--w-weight-bold);font-size:var(--w-text-small);cursor:pointer;transition:transform 175ms cubic-bezier(.22,.61,.36,1),box-shadow 175ms cubic-bezier(.22,.61,.36,1)}.slh-btn:hover,.slh-btn:focus-visible{transform:translateY(-2px);box-shadow:0 9px 19px rgba(15,111,99,.16)}.slh-btn:active{transform:scale(.988)}.slh-btn-primary{background:linear-gradient(135deg,#159f90,#0c786f);color:#fff}.slh-btn-light{background:#fff;border:1px solid var(--line);color:var(--ink)}
.slh-results{padding:16px 15px}.slh-results h2{margin:0 0 9px;color:var(--ink);font-size:var(--w-text-h2)}.slh-result{position:relative;display:grid;grid-template-columns:43px 1fr;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #edf4f2;text-decoration:none;color:inherit;border-radius:10px;transition:transform 175ms cubic-bezier(.22,.61,.36,1),background 175ms ease}.slh-result:last-child{border-bottom:0}.slh-result:hover,.slh-result:focus-visible{transform:translateY(-2px);background:#f5fbf9}.slh-result .slh-icon{width:38px;height:38px;margin:0}.slh-result .slh-icon img{width:24px;height:24px}.slh-result b{display:block;color:var(--ink);font-size:var(--w-text-small)}.slh-result span{display:block;color:var(--muted);font-size:var(--w-text-small);margin-top:3px;line-height:1.5}
.slh-gateways{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.slh-link-card{position:relative;display:block;text-align:right;text-decoration:none;color:inherit;padding:13px 14px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 20px rgba(20,89,80,.05);transition:transform 175ms cubic-bezier(.22,.61,.36,1),box-shadow 175ms cubic-bezier(.22,.61,.36,1),border-color 175ms ease;cursor:pointer}.slh-link-card:hover,.slh-link-card:focus-visible{transform:translateY(-2px);box-shadow:0 12px 25px rgba(20,89,80,.11);border-color:#b8ddd5}.slh-link-card:active{transform:scale(.989)}.slh-link-row{display:flex;align-items:center;gap:11px}.slh-link-card .slh-icon{margin:0;flex:0 0 47px}.slh-link-card h3{margin:0 0 4px;color:var(--ink);font-size:var(--w-text-h3)}.slh-link-card p{margin:0;color:var(--muted);font-size:var(--w-text-body);line-height:1.65}.slh-link-card.is-danger{background:linear-gradient(145deg,#fff,#fff6f4);border-color:#f3d7d2}.slh-link-card.is-danger .slh-icon{background:#fff1ef}.slh-link-card[data-visited="1"]::after,.slh-result[data-visited="1"]::after{content:"دیده‌شده";position:absolute;top:7px;left:8px;background:#e3f5f0;color:#1a6c61;border-radius:999px;padding:3px 7px;font-size:var(--w-text-small);font-weight:var(--w-weight-bold)}
.slh-section-head{text-align:center;margin-bottom:11px}.slh-section-head h2{margin:0;color:var(--ink);font-size:var(--w-text-h2)}.slh-section-head p{margin:4px 0 0;color:var(--muted);font-size:var(--w-text-body)}
.slh-journey-story{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:12px}.slh-journey{padding:14px 17px}.slh-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.slh-step{text-decoration:none;color:inherit;text-align:center;padding:9px 7px;border:1px solid #deeeea;border-radius:14px;background:#fbfefd;transition:transform 175ms cubic-bezier(.22,.61,.36,1),box-shadow 175ms cubic-bezier(.22,.61,.36,1)}.slh-step:hover,.slh-step:focus-visible{transform:translateY(-2px);box-shadow:0 9px 18px rgba(20,89,80,.09)}.slh-step .slh-icon{width:41px;height:41px}.slh-step .slh-icon img{width:24px;height:24px}.slh-step b{display:block;color:var(--ink);font-size:var(--w-text-small)}.slh-step small{display:block;color:var(--muted);font-size:var(--w-text-small);margin-top:3px;line-height:1.45}
.slh-story{padding:14px;display:flex;flex-direction:column;justify-content:space-between}.slh-story h2{margin:0 0 8px;color:var(--ink);font-size:var(--w-text-h2)}.slh-story-media{overflow:hidden;border-radius:14px;border:1px solid var(--line);background:#eef8f5}.slh-story-media img{display:block;width:100%;height:92px;object-fit:cover;object-position:center}.slh-story p{font-size:var(--w-text-body);color:var(--muted);line-height:1.75;margin:8px 0}.slh-story .slh-btn{width:100%}
.slh-topics{padding:14px}.slh-topic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.slh-topic-grid .slh-link-card{padding:11px 10px;min-height:82px}.slh-topic-grid .slh-link-card .slh-icon{width:41px;height:41px;flex-basis:41px}.slh-topic-grid .slh-link-card .slh-icon img{width:27px;height:27px}.slh-topic-grid h3{font-size:var(--w-text-h3)}.slh-topic-grid p{font-size:var(--w-text-body)}
.slh-related{padding:14px}.slh-related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.slh-related a{display:block;text-decoration:none;color:var(--ink);font-size:var(--w-text-small);font-weight:var(--w-weight-bold);padding:10px;border-radius:13px;background:#fbfefd;border:1px solid var(--line);text-align:center;transition:transform 175ms cubic-bezier(.22,.61,.36,1),box-shadow 175ms ease}.slh-related a:hover,.slh-related a:focus-visible{transform:translateY(-2px);box-shadow:0 8px 15px rgba(20,89,80,.08)}
.slh-safety{padding:14px;background:linear-gradient(145deg,#fff,#fff8f6);border-color:#f1d9d4}.slh-safety h2{color:#a64a46;margin:0 0 7px;font-size:var(--w-text-h2)}.slh-safety p{margin:0;color:#7d5b59;font-size:var(--w-text-body);line-height:1.9}.slh-safety .slh-btn{margin-top:9px}
.slh-drawer-backdrop,.slh-modal-backdrop{position:fixed;inset:0;z-index:9000;background:rgba(8,38,48,0);pointer-events:none;transition:background 240ms cubic-bezier(.22,.61,.36,1)}.slh-drawer-backdrop.open,.slh-modal-backdrop.open{pointer-events:auto;background:rgba(8,38,48,.42)}.slh-drawer{position:absolute;top:0;right:0;width:min(430px,92vw);height:100%;overflow:auto;background:#fff;padding:24px;transform:translateX(104%);transition:transform 240ms cubic-bezier(.22,.61,.36,1);box-shadow:-20px 0 55px rgba(10,53,65,.22)}.slh-drawer-backdrop.open .slh-drawer{transform:none}.slh-drawer h2{color:#a64742}.slh-drawer ul{line-height:2;color:#695b5a;font-size:var(--w-text-small)}.slh-close{border:1px solid var(--line);background:#fff;border-radius:11px;padding:7px 10px;cursor:pointer}
.slh-modal-backdrop{display:grid;place-items:center;opacity:0;transition:opacity 230ms ease,background 230ms ease}.slh-modal-backdrop.open{opacity:1}.slh-modal{width:min(980px,94vw);max-height:88vh;overflow:auto;background:#fff;border-radius:23px;padding:18px;transform:translateY(10px) scale(.985);transition:transform 230ms cubic-bezier(.22,.61,.36,1)}.slh-modal-backdrop.open .slh-modal{transform:none}.slh-modal h2{color:var(--ink)}.slh-modal img{display:block;max-width:100%;margin:10px auto;border-radius:16px}.slh-anatomy-modal-img{width:100%;max-height:62vh;object-fit:contain;border:1px solid var(--line)}.slh-sequence{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.slh-sequence img{width:100%;border:1px solid var(--line);border-radius:12px}
.slh :focus-visible{outline:3px solid rgba(17,138,120,.26);outline-offset:2px}
/* Approved brand/header refinements scoped to Sleeve Hub only. */
body.wariatric-sleeve-hub-active .baria-global-sidebar__brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:46px!important;padding:0!important;overflow:hidden!important}body.wariatric-sleeve-hub-active .slh-approved-logo{display:block;width:172px!important;max-width:100%!important;height:46px!important;object-fit:contain!important;object-position:right center!important}
body.wariatric-sleeve-hub-active.baria-sidebar-collapsed .slh-approved-logo{width:44px!important;object-fit:cover!important;object-position:right center!important}
.slh-sidebar-cta{display:grid;grid-template-columns:58px 1fr;gap:8px;align-items:center;margin:7px 0;padding:9px;border:1px solid #f0ddd6;border-radius:16px;background:linear-gradient(145deg,#fff7f3,#fff);text-decoration:none;color:var(--ink)}.slh-sidebar-cta img{width:58px;height:62px;object-fit:cover;border-radius:12px}.slh-sidebar-cta strong{font-size:var(--w-text-small);line-height:1.55}.slh-sidebar-cta span{grid-column:1/-1;text-align:center;background:linear-gradient(135deg,#159f90,#0c786f);color:#fff;border-radius:10px;padding:6px 8px;font-size:var(--w-text-small);font-weight:var(--w-weight-bold)}body.baria-sidebar-collapsed .slh-sidebar-cta{display:none!important}
.slh-top-search{flex:1;max-width:470px;min-width:260px;height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d6e8e4;background:#fff;color:#87989b;border-radius:11px;padding:0 10px 0 0;cursor:pointer;font-size:var(--w-text-small)}.slh-top-search img{width:38px;height:38px;padding:9px;background:#087c89;border-radius:0 10px 10px 0;object-fit:contain;filter:brightness(0) invert(1)}
@media(max-width:1180px){.slh-hero{grid-template-columns:1fr 1fr}.slh-results{grid-column:1/-1}.slh-topic-grid{grid-template-columns:repeat(3,1fr)}.slh-journey-story{grid-template-columns:1fr}.slh-story{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center}.slh-story h2{grid-column:1/-1}.slh-story-media img{height:80px}.slh-related-grid{grid-template-columns:repeat(3,1fr)}.slh-top-search{min-width:190px}}
@media(max-width:760px){body.wariatric-sleeve-hub-active .knowledge-page{padding-top:8px}.slh-hero{grid-template-columns:1fr}.slh-anatomy{min-height:250px}.slh-title{font-size:var(--w-text-h1)}.slh-gateways{grid-template-columns:1fr 1fr}.slh-steps{grid-template-columns:1fr}.slh-topic-grid{grid-template-columns:1fr 1fr}.slh-benefits{grid-template-columns:1fr 1fr}.slh-related-grid{grid-template-columns:1fr 1fr}.slh-sequence{grid-template-columns:1fr 1fr}.slh-top-search{display:none}.slh-story{display:flex}}
@media(max-width:480px){.slh-gateways,.slh-topic-grid,.slh-related-grid{grid-template-columns:1fr}.slh-hero-copy{padding:19px}.slh-title{font-size:var(--w-text-h2)}}
@media(prefers-reduced-motion:reduce){.slh *,.slh *::before,.slh *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}.slh-link-card:hover,.slh-link-card:focus-visible,.slh-step:hover,.slh-btn:hover,.slh-result:hover,.slh-related a:hover{transform:none!important}}


/* V1.4.44.184 — responsive framing, single-search shell and unified viewer */
body.wariatric-sleeve-hub-active .knowledge-page>.container{width:min(100% - 24px,1540px)!important;max-width:1540px!important;margin-inline:auto!important;padding-inline:0!important;overflow:visible!important}
.slh-shell{container-type:inline-size;min-width:0;width:100%;max-width:100%;overflow:visible}
.slh-shell>*{min-width:0;max-width:100%}
.slh-hero{grid-template-columns:minmax(0,1.34fr) minmax(0,1fr) minmax(210px,.54fr)!important;width:100%;max-width:100%;min-width:0}
.slh-hero>*{min-width:0;max-width:100%}
.slh-anatomy{min-width:0;max-width:100%}.slh-anatomy img{width:100%!important;max-width:100%!important;height:auto!important;max-height:338px!important;object-fit:contain!important}
.slh-hero-copy,.slh-results,.slh-link-card,.slh-step,.slh-story,.slh-topics,.slh-related,.slh-safety{min-width:0;overflow-wrap:anywhere}
.slh-summary,.slh-link-card p,.slh-step small,.slh-result span{overflow-wrap:anywhere}
.slh-top-search{min-width:0!important;max-width:430px!important;flex:1 1 260px!important}
body.wariatric-sleeve-hub-active .public-nav .inner{min-width:0;gap:10px;flex-wrap:nowrap}
body.wariatric-sleeve-hub-active .public-nav .public-links,body.wariatric-sleeve-hub-active .public-nav .top-actions{flex:0 0 auto}

/* Unified modal/viewer: never crop locked anatomy and never create horizontal overflow. */
.slh-modal-backdrop{padding:clamp(8px,2vw,22px)!important;overflow:hidden!important}
.slh-modal{width:min(960px,calc(100vw - 32px))!important;max-width:960px!important;max-height:min(88dvh,880px)!important;height:auto!important;padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;border:1px solid var(--line);box-shadow:0 24px 70px rgba(8,38,48,.24)}
.slh-modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px 12px;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}
.slh-modal-head>div{min-width:0}.slh-modal-head h2{margin:0 0 5px!important;font-size:var(--w-text-h2)}.slh-modal-head p{margin:0;color:var(--muted);font-size:var(--w-text-body);line-height:1.8}.slh-modal-head .slh-close{flex:0 0 auto;position:sticky;top:0}
.slh-modal-body{min-width:0;min-height:0;overflow:auto!important;overscroll-behavior:contain;padding:14px 16px 18px;scrollbar-gutter:stable}
.slh-anatomy-modal-img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:calc(88dvh - 150px)!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important;border-radius:16px!important}
.slh-sequence{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;min-width:0!important;width:100%!important}
.slh-sequence img{display:block!important;width:100%!important;max-width:100%!important;height:clamp(150px,25vh,230px)!important;object-fit:contain!important;object-position:center!important;margin:0!important;background:#f8fcfb;border:1px solid var(--line);border-radius:14px!important}

/* Available-width breakpoints, not raw window assumptions. */
@container (max-width:1180px){
  .slh-hero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important}
  .slh-results{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-content:start}
  .slh-results h2{grid-column:1/-1}.slh-result{border-bottom:0;padding:8px;border:1px solid #edf4f2;background:#fbfefd}
  .slh-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.slh-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .slh-journey-story{grid-template-columns:minmax(0,1fr)!important}.slh-story{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:12px;align-items:center}.slh-story h2{grid-column:1/-1}
}
@container (max-width:900px){
  .slh-hero{grid-template-columns:1fr!important}.slh-anatomy{min-height:280px}.slh-results{grid-template-columns:repeat(2,minmax(0,1fr))}
  .slh-gateways{grid-template-columns:repeat(2,minmax(0,1fr))!important}.slh-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}.slh-step:last-child{grid-column:1/-1}
  .slh-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.slh-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@container (max-width:620px){
  .slh-title{font-size:var(--w-text-h1)}.slh-hero-copy{padding:18px!important}.slh-anatomy{min-height:220px!important;padding:7px}.slh-anatomy img{max-height:250px!important}
  .slh-gateways,.slh-results,.slh-steps,.slh-topic-grid,.slh-related-grid{grid-template-columns:1fr!important}.slh-step:last-child{grid-column:auto}.slh-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .slh-story{display:flex!important}.slh-sequence{grid-template-columns:1fr!important}.slh-sequence img{height:auto!important;max-height:240px!important}
  .slh-modal{width:calc(100vw - 16px)!important;max-height:90dvh!important;border-radius:18px!important}.slh-modal-head{padding:12px;gap:8px}.slh-modal-body{padding:10px}.slh-anatomy-modal-img{max-height:calc(90dvh - 140px)!important}
}
@media(max-width:850px){body.wariatric-sleeve-hub-active .public-nav .public-links{display:none!important}body.wariatric-sleeve-hub-active .public-nav .inner{flex-wrap:wrap!important}body.wariatric-sleeve-hub-active .public-nav .top-actions{margin-inline-start:auto}.slh-top-search{display:flex!important;order:3;flex-basis:100%!important;max-width:none!important;width:100%!important}}
@media(max-width:560px){body.wariatric-sleeve-hub-active .public-nav .top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.slh-top-search{display:flex!important}.slh-top-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}


/* V1.4.44.185 — production framing / viewer / search / visited-state correction */
body.wariatric-sleeve-hub-active .knowledge-page{padding-top:10px!important}
body.wariatric-sleeve-hub-active .knowledge-page>.container,
body.wariatric-sleeve-hub-active .public-nav .inner{width:min(calc(100% - 28px),1320px)!important;max-width:1320px!important;margin-inline:auto!important;padding-inline:0!important}
body.wariatric-sleeve-hub-active .baria-page-frame{min-width:0!important;overflow-x:clip!important}
.slh-shell{gap:11px!important}
.slh-hero{grid-template-columns:minmax(0,1.28fr) minmax(0,.90fr) minmax(168px,.46fr)!important;gap:11px!important;align-items:stretch!important}
.slh-anatomy{min-height:310px!important;padding:8px!important}.slh-anatomy img{max-height:306px!important}
.slh-hero-copy{padding:20px 21px!important}.slh-title{font-size:var(--w-text-h1)}.slh-summary{line-height:1.9!important}
.slh-results{padding:13px 12px!important}.slh-results h2{font-size:var(--w-text-h2);margin-bottom:6px!important}.slh-result{grid-template-columns:37px minmax(0,1fr)!important;gap:7px!important;padding:7px 0!important}.slh-result .slh-icon{width:34px!important;height:34px!important}.slh-result .slh-icon img{width:22px!important;height:22px!important}

/* Inline single-input search. The shared modal search remains available elsewhere, but is never opened from Sleeve Hub. */
.slh-top-search{position:relative!important;display:flex!important;align-items:center!important;min-width:0!important;max-width:430px!important;height:40px!important;padding:0 10px!important;border:1px solid #d6e8e4!important;background:#fff!important;border-radius:12px!important;cursor:text!important;overflow:visible!important;flex:1 1 300px!important}
.slh-top-search input{width:100%;height:38px;border:0!important;outline:0!important;background:transparent!important;color:#244e55!important;font:inherit;font-size:var(--w-text-control);padding:0 6px!important;min-width:0}
.slh-top-search input::placeholder{color:#87989b}.slh-search-icon{width:20px!important;height:20px!important;object-fit:contain!important;flex:0 0 20px!important;padding:0!important;background:transparent!important;border-radius:0!important;filter:none!important}
.slh-search-panel{position:absolute;z-index:9300;top:calc(100% + 7px);right:0;left:0;max-height:min(54vh,420px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(8,58,66,.18);padding:7px}
.slh-search-panel[hidden]{display:none!important}.slh-search-result{display:block;text-decoration:none;color:inherit;padding:9px 10px;border-radius:10px}.slh-search-result:hover,.slh-search-result:focus-visible{background:#eff9f6}.slh-search-result strong{display:block;color:var(--ink);font-size:var(--w-text-small)}.slh-search-result small{display:block;color:var(--muted);font-size:var(--w-text-small);line-height:1.6;margin-top:2px}.slh-search-empty{padding:12px;color:var(--muted);font-size:var(--w-text-small);text-align:center}

/* Visited metadata occupies real layout space; never overlays content. */
.slh-link-card[data-visited="1"]::after,.slh-result[data-visited="1"]::after{content:none!important;display:none!important}
.slh-visited-badge{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;width:max-content;max-width:100%;margin:0 0 7px;padding:3px 8px;border-radius:999px;background:#e3f5f0;color:#1a6c61;font-size:var(--w-text-small);line-height:1.4;font-weight:var(--w-weight-bold);white-space:nowrap}
.slh-result>.slh-visited-badge{grid-column:1/-1;justify-self:start;margin-bottom:1px}.slh-step>.slh-visited-badge{margin-inline:auto}.slh-related a>.slh-visited-badge{margin-inline:auto}.slh-btn>.slh-visited-badge{display:none}

/* Anatomy viewer: always fits the currently usable viewport; image itself never scrolls or crops. */
.slh-modal-backdrop{padding:clamp(8px,1.6vw,18px)!important;align-items:center!important;justify-items:center!important}
.slh-modal{width:min(940px,calc(100vw - 28px))!important;max-height:86dvh!important;border-radius:22px!important}
.slh-modal-anatomy{height:min(82dvh,720px)!important;max-height:82dvh!important}
.slh-modal-head{flex:0 0 auto!important;padding:13px 15px 10px!important}.slh-modal-head h2{font-size:var(--w-text-h2)}.slh-modal-head p{font-size:var(--w-text-body);line-height:1.65!important}
.slh-modal-body{flex:1 1 auto!important;min-height:0!important;padding:10px 12px 12px!important}
.slh-modal-anatomy .slh-modal-body{display:grid!important;place-items:center!important;overflow:hidden!important}
.slh-anatomy-modal-img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0 auto!important;border:1px solid var(--line)!important}

/* Visual Tour: one main image only; thumbnails/dots are selectors, not previous/next controls. */
.slh-modal-sequence{height:min(86dvh,760px)!important;max-height:86dvh!important}
.slh-modal-sequence .slh-modal-body{overflow:hidden!important;display:flex!important;flex-direction:column!important}
.slh-sequence{display:none!important}
.slh-sequence-viewer{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:0;height:100%;width:100%}
.slh-sequence-stage{position:relative;min-height:0;display:grid;place-items:center;background:#f8fcfb;border:1px solid var(--line);border-radius:15px;overflow:hidden;padding:8px;touch-action:pan-y}
.slh-sequence-stage>img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important;border:0!important;border-radius:10px!important}
.slh-sequence-meta{position:absolute;right:10px;left:10px;bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.94);border:1px solid rgba(213,235,230,.95);backdrop-filter:blur(7px)}.slh-sequence-meta strong{color:var(--ink);font-size:var(--w-text-small)}.slh-sequence-meta span{color:var(--muted);font-size:var(--w-text-small);white-space:nowrap}
.slh-sequence-thumbs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;min-width:0}.slh-sequence-thumbs button{min-width:0;height:58px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;overflow:hidden}.slh-sequence-thumbs button.is-active{border-color:var(--teal);box-shadow:0 0 0 2px rgba(15,143,131,.13)}.slh-sequence-thumbs img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important;border:0!important;border-radius:7px!important}

/* Preserve 3-column desktop Hero on real 1280/1366 laptop layouts; collapse only when usable content is actually narrow. */
@container (max-width:980px){
  .slh-hero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important}
  .slh-results{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.slh-results h2{grid-column:1/-1}.slh-result{border-bottom:0!important;padding:8px!important;border:1px solid #edf4f2!important;background:#fbfefd!important}
  .slh-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.slh-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.slh-journey-story{grid-template-columns:minmax(0,1fr)!important}
}
@container (max-width:760px){
  .slh-hero{grid-template-columns:1fr!important}.slh-anatomy{min-height:260px!important}.slh-results{grid-template-columns:repeat(2,minmax(0,1fr))!important}.slh-gateways,.slh-steps,.slh-topic-grid,.slh-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.slh-step:last-child{grid-column:1/-1}
}
@container (max-width:520px){
  .slh-gateways,.slh-results,.slh-steps,.slh-topic-grid,.slh-related-grid{grid-template-columns:1fr!important}.slh-step:last-child{grid-column:auto}.slh-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}.slh-anatomy{min-height:210px!important}.slh-anatomy img{max-height:235px!important}
  .slh-visited-badge{font-size:0;width:24px;height:24px;padding:0;margin-bottom:6px}.slh-visited-badge::after{content:"✓";font-size:var(--w-text-small)}
  .slh-modal{width:calc(100vw - 12px)!important;border-radius:16px!important}.slh-modal-anatomy{height:calc(100dvh - 20px)!important;max-height:calc(100dvh - 20px)!important}.slh-modal-sequence{height:calc(100dvh - 20px)!important;max-height:calc(100dvh - 20px)!important}.slh-modal-head{padding:10px!important}.slh-modal-body{padding:8px!important}.slh-sequence-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.slh-sequence-thumbs button{height:48px}
}
@media(max-width:850px){body.wariatric-sleeve-hub-active .public-nav .inner{width:min(calc(100% - 18px),1320px)!important;flex-wrap:wrap!important}.slh-top-search{order:3;flex-basis:100%!important;width:100%!important;max-width:none!important}}
@media(max-width:560px){body.wariatric-sleeve-hub-active .public-nav .top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.slh-top-search{width:100%!important}}


/* V1.4.44.186 — final responsive composition for real phone + laptop screenshots */
/* Laptop/Desktop: reclaim usable width from the shell and align Header + Main on one grid. */
@media (min-width:901px){
  body.wariatric-sleeve-hub-active{
    --baria-sidebar-open:clamp(190px,13.5vw,206px)!important;
  }
  body.wariatric-sleeve-hub-active > .baria-page-frame{
    padding:8px 10px 24px!important;
  }
  body.wariatric-sleeve-hub-active .public-nav .inner,
  body.wariatric-sleeve-hub-active .knowledge-page>.container{
    width:min(calc(100% - 12px),1500px)!important;
    max-width:1500px!important;
    margin-inline:auto!important;
  }
  body.wariatric-sleeve-hub-active .public-nav .inner{
    min-height:56px!important;
    gap:9px!important;
  }
  body.wariatric-sleeve-hub-active .knowledge-page{
    padding-top:7px!important;
  }
  .slh-shell{gap:10px!important}
  .slh-hero{
    grid-template-columns:minmax(0,1.22fr) minmax(0,1fr) minmax(178px,.50fr)!important;
    gap:10px!important;
  }
  .slh-anatomy{min-height:292px!important;padding:7px!important}
  .slh-anatomy img{max-height:288px!important}
  .slh-hero-copy{padding:18px 19px!important}
  .slh-title{font-size:var(--w-text-h1);margin-top:10px!important}
  .slh-en{font-size:var(--w-text-h4)}
  .slh-summary{margin-top:9px!important;line-height:1.85!important}
  .slh-benefits{margin-top:11px!important;gap:6px!important}
  .slh-icon{width:43px!important;height:43px!important}
  .slh-icon img{width:27px!important;height:27px!important}
  .slh-actions{margin-top:11px!important}
  .slh-results{padding:12px 11px!important}
  .slh-result{padding:6px 0!important}
  .slh-gateways{gap:9px!important}
  .slh-link-card{padding:11px 12px!important}
}

/* Keep the true 3-column Hero on 1280/1366/1440 laptops after sidebar space is deducted. */
@container (min-width:930px) and (max-width:1160px){
  .slh-hero{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.96fr) minmax(168px,.48fr)!important;
  }
  .slh-results{
    grid-column:auto!important;
    display:block!important;
  }
  .slh-results h2{grid-column:auto!important}
  .slh-result{
    border:0!important;
    border-bottom:1px solid #edf4f2!important;
    background:transparent!important;
    padding:6px 0!important;
  }
  .slh-result:last-child{border-bottom:0!important}
  .slh-journey-story{grid-template-columns:minmax(0,1fr) 250px!important}
}

/* Tablet/narrow laptop only: then collapse Results below Hero. */
@container (max-width:929px){
  .slh-hero{grid-template-columns:minmax(0,1.10fr) minmax(0,.90fr)!important}
  .slh-results{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  .slh-results h2{grid-column:1/-1!important}
  .slh-result{border-bottom:0!important;padding:8px!important;border:1px solid #edf4f2!important;background:#fbfefd!important}
  .slh-journey-story{grid-template-columns:minmax(0,1fr)!important}
}

/* Phone shell: two compact header rows only — logo/menu, then a single search input. */
@media (max-width:900px){
  body.wariatric-sleeve-hub-active > .baria-page-frame{
    padding:0 8px 22px!important;
  }
  body.wariatric-sleeve-hub-active .public-nav{
    position:sticky!important;
    top:0!important;
    z-index:500!important;
    margin:0 -8px!important;
    padding:0 8px!important;
    background:rgba(255,255,255,.98)!important;
    backdrop-filter:blur(12px)!important;
  }
  body.wariatric-sleeve-hub-active .public-nav .inner{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    grid-template-rows:44px 42px!important;
    align-items:center!important;
    gap:6px 8px!important;
    padding:7px 4px 8px!important;
  }
  body.wariatric-sleeve-hub-active .public-nav .brand{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    display:flex!important;
    width:min(150px,52vw)!important;
    height:40px!important;
    margin:0!important;
    overflow:visible!important;
  }
  body.wariatric-sleeve-hub-active .wariatric-public-master-logo{
    width:100%!important;
    height:40px!important;
    object-fit:contain!important;
    object-position:right center!important;
  }
  body.wariatric-sleeve-hub-active .public-nav .public-links,
  body.wariatric-sleeve-hub-active .public-nav .top-actions{
    display:none!important;
  }
  body.wariatric-sleeve-hub-active .public-nav .baria-mobile-shell-trigger{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    display:grid!important;
    position:static!important;
    inset:auto!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    margin:0!important;
    border-radius:12px!important;
    box-shadow:0 5px 14px rgba(13,91,75,.14)!important;
    font-size:var(--w-text-h4);
  }
  .slh-top-search{
    grid-column:1/-1!important;
    grid-row:2!important;
    order:initial!important;
    width:100%!important;
    max-width:none!important;
    height:42px!important;
    flex:none!important;
    margin:0!important;
    padding-inline:10px!important;
    border-radius:12px!important;
    z-index:2!important;
  }
  .slh-top-search input{height:40px!important;font-size:var(--w-text-control)}
  .slh-search-panel{top:calc(100% + 5px)!important;max-height:min(46vh,360px)!important}
  body.wariatric-sleeve-hub-active .knowledge-page{
    padding-top:8px!important;
  }
  body.wariatric-sleeve-hub-active .knowledge-page>.container{
    width:100%!important;
    max-width:none!important;
    padding-inline:0!important;
    margin-inline:0!important;
  }
  .slh-shell{gap:10px!important}
  .slh-anatomy{margin-top:0!important}
  .slh-mobile-auth{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:8px 0 10px;
    border-bottom:1px solid #e5eeeb;
  }
  .slh-mobile-auth a{
    display:flex;align-items:center;justify-content:center;
    min-height:40px;padding:7px 9px;border-radius:11px;
    text-decoration:none;font-size:var(--w-text-small);font-weight:var(--w-weight-bold);
    border:1px solid #d8e8e3;color:#24584f;background:#fff;
  }
  .slh-mobile-auth a:last-child{background:#087e69;color:#fff;border-color:#087e69}
}

@media (max-width:620px){
  .slh-hero{grid-template-columns:1fr!important}
  .slh-anatomy{min-height:0!important;padding:6px!important}
  .slh-anatomy img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}
  .slh-hero-copy{padding:18px 16px!important}
  .slh-title{font-size:var(--w-text-h1)}
  .slh-summary{font-size:var(--w-text-small);line-height:1.95!important}
  .slh-actions{display:grid!important;grid-template-columns:1fr!important}
  .slh-btn{width:100%!important;min-height:44px!important}
}

@media (max-width:430px){
  body.wariatric-sleeve-hub-active .public-nav .inner{
    grid-template-columns:minmax(0,1fr) 42px!important;
    grid-template-rows:42px 42px!important;
    padding:6px 2px 7px!important;
  }
  body.wariatric-sleeve-hub-active .public-nav .brand{width:min(142px,56vw)!important;height:38px!important}
  body.wariatric-sleeve-hub-active .wariatric-public-master-logo{height:38px!important}
  body.wariatric-sleeve-hub-active .public-nav .baria-mobile-shell-trigger{width:38px!important;height:38px!important;min-width:38px!important}
  .slh-top-search{height:40px!important}
  .slh-top-search input{height:38px!important;font-size:var(--w-text-control)}
  .slh-anatomy-lock{left:9px!important;bottom:8px!important;padding:5px 8px!important;font-size:var(--w-text-small)}
}


/* V1.4.44.187 — STRUCTURAL PUBLIC HUB SHELL + IMAGE QUALITY ACCEPTANCE
   One shell only on Sleeve public hub. No desktop app sidebar, no nested shell. */
body.slh-public-shell-only,
body.wariatric-sleeve-hub-active.slh-public-shell-only{
  display:block!important;
  direction:rtl!important;
  width:100%!important;
  max-width:100%!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  background:#f4f9f7!important;
}
body.slh-public-shell-only > .baria-global-sidebar,
body.slh-public-shell-only > .baria-mobile-shell-trigger,
body.slh-public-shell-only > .baria-mobile-shell-backdrop,
body.slh-public-shell-only > .baria-mobile-shell-drawer{display:none!important}
body.slh-public-shell-only > .baria-page-frame{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0 0 34px!important;
  overflow:visible!important;
  background:transparent!important;
  container-type:inline-size!important;
  container-name:slh-viewport!important;
}

/* One aligned public header. */
body.slh-public-shell-only .public-nav{
  position:sticky!important;top:0!important;z-index:600!important;
  margin:0!important;padding:0!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #d9e9e5!important;
  box-shadow:0 4px 18px rgba(20,73,66,.045)!important;
  backdrop-filter:blur(12px)!important;
}
body.slh-public-shell-only .public-nav .inner{
  width:min(calc(100% - 28px),1480px)!important;
  max-width:1480px!important;
  min-height:68px!important;
  margin-inline:auto!important;
  padding:8px 0!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:nowrap!important;
}
body.slh-public-shell-only .public-nav .brand{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex:0 0 160px!important;width:160px!important;height:48px!important;margin:0!important;
}
body.slh-public-shell-only .public-nav .wariatric-public-master-logo{
  display:block!important;width:160px!important;height:46px!important;object-fit:contain!important;object-position:right center!important;
  image-rendering:auto!important;filter:none!important;transform:none!important;
}
body.slh-public-shell-only .slh-top-search{
  position:relative!important;display:flex!important;align-items:center!important;
  flex:1 1 360px!important;max-width:520px!important;min-width:240px!important;height:44px!important;
  margin:0!important;padding:0 12px!important;border:1px solid #d4e5e1!important;border-radius:14px!important;background:#fff!important;
}
body.slh-public-shell-only .slh-top-search input{width:100%!important;height:42px!important;border:0!important;outline:0!important;background:transparent!important;font-size:var(--w-text-control);padding-inline:8px 2px!important}
body.slh-public-shell-only .slh-search-icon{width:21px!important;height:21px!important;object-fit:contain!important;flex:0 0 21px!important}
body.slh-public-shell-only .public-links{display:flex!important;align-items:center!important;gap:16px!important;white-space:nowrap!important;flex:0 0 auto!important}
body.slh-public-shell-only .public-links a{font-size:var(--w-text-small);font-weight:var(--w-weight-bold)!important;color:#345b61!important;text-decoration:none!important}
body.slh-public-shell-only .top-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;white-space:nowrap!important}
body.slh-public-shell-only .top-actions .btn{min-height:40px!important;padding:8px 12px!important;font-size:var(--w-text-small);border-radius:12px!important}
body.slh-public-shell-only .slh-public-menu-button{display:none!important}

/* Main grid: full usable width, one centered container, no hidden sidebar tax. */
body.slh-public-shell-only .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 .knowledge-page>.container{
  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 .slh-shell{gap:14px!important}
body.slh-public-shell-only .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;
}
body.slh-public-shell-only .slh-anatomy{min-height:365px!important;padding:10px!important}
body.slh-public-shell-only .slh-anatomy img{width:100%!important;height:100%!important;max-height:355px!important;object-fit:contain!important;image-rendering:auto!important}
body.slh-public-shell-only .slh-hero-copy{padding:24px 24px!important}
body.slh-public-shell-only .slh-title{font-size:var(--w-text-h1)}
body.slh-public-shell-only .slh-summary{font-size:var(--w-text-small);line-height:1.95!important}
body.slh-public-shell-only .slh-results{padding:16px!important}
body.slh-public-shell-only .slh-gateways{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
body.slh-public-shell-only .slh-journey-story{grid-template-columns:minmax(0,1fr) 290px!important;gap:14px!important}
body.slh-public-shell-only .slh-topic-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
body.slh-public-shell-only .slh-related-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}

/* Story image quality: never stretch the tiny source into a full-width banner. */
body.slh-public-shell-only .slh-story{padding:16px!important;gap:10px!important}
body.slh-public-shell-only .slh-story-row{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;align-items:center!important;gap:12px!important}
body.slh-public-shell-only .slh-story-media{width:82px!important;height:82px!important;border-radius:50%!important;overflow:hidden!important;justify-self:center!important;background:#eef8f5!important}
body.slh-public-shell-only .slh-story-media img{width:82px!important;height:82px!important;object-fit:cover!important;object-position:center!important;display:block!important;image-rendering:auto!important}
body.slh-public-shell-only .slh-story p{margin:0!important;font-size:var(--w-text-body);line-height:1.85!important}

/* Public mobile drawer owned by this Hub (not by app-shell). */
.slh-public-menu-backdrop{position:fixed;inset:0;z-index:9700;background:rgba(7,35,44,0);pointer-events:none;transition:background 210ms ease}
.slh-public-menu-drawer{position:fixed;z-index:9710;top:0;right:0;width:min(340px,88vw);height:100dvh;background:#fff;transform:translateX(104%);transition:transform 230ms cubic-bezier(.22,.61,.36,1);box-shadow:-18px 0 50px rgba(10,53,65,.22);padding:12px;overflow:auto}
body.slh-public-menu-open{overflow:hidden!important}
body.slh-public-menu-open .slh-public-menu-backdrop{background:rgba(7,35,44,.38);pointer-events:auto}
body.slh-public-menu-open .slh-public-menu-drawer{transform:none}
.slh-public-menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #e5eeeb}.slh-public-menu-head img{width:155px;height:46px;object-fit:contain}.slh-public-menu-head button{width:38px;height:38px;border:1px solid #d8e8e3;border-radius:11px;background:#fff;font-size:var(--w-text-control);color:#40605c;cursor:pointer}
.slh-public-menu-drawer nav{display:grid;gap:7px;padding:12px 0}.slh-public-menu-drawer nav a,.slh-public-menu-auth a{display:flex;align-items:center;min-height:44px;padding:9px 12px;border:1px solid #deebe7;border-radius:12px;background:#fbfefd;text-decoration:none;color:#244f4a;font-weight:var(--w-weight-bold);font-size:var(--w-text-small)}.slh-public-menu-auth{display:grid;gap:8px;padding-top:10px;border-top:1px solid #e5eeeb}.slh-public-menu-auth a:last-child{background:#087e69;color:#fff;border-color:#087e69}

/* Modal media quality. */
.slh-anatomy-modal-img{image-rendering:auto!important}
.slh-sequence-stage>img,.slh-sequence-thumbs img{image-rendering:auto!important}

/* Laptop: preserve roomy 3-column hero with NO sidebar. */
@container slh-viewport (max-width:1180px){
  body.slh-public-shell-only .public-nav .inner,body.slh-public-shell-only .knowledge-page>.container{width:min(calc(100% - 22px),1480px)!important}
  body.slh-public-shell-only .public-nav .inner{gap:10px!important}
  body.slh-public-shell-only .public-links{gap:11px!important}
  body.slh-public-shell-only .top-actions .btn{padding-inline:10px!important}
  body.slh-public-shell-only .slh-hero{grid-template-columns:minmax(0,1.36fr) minmax(295px,.90fr) minmax(190px,.50fr)!important;gap:11px!important}
  body.slh-public-shell-only .slh-anatomy{min-height:330px!important}
  body.slh-public-shell-only .slh-anatomy img{max-height:320px!important}
  body.slh-public-shell-only .slh-hero-copy{padding:20px!important}
}
@container slh-viewport (max-width:1030px){
  body.slh-public-shell-only .slh-hero{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)!important}
  body.slh-public-shell-only .slh-results{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
  body.slh-public-shell-only .slh-results h2{grid-column:1/-1!important}
  body.slh-public-shell-only .slh-result{border:1px solid #edf4f2!important;background:#fbfefd!important;border-radius:12px!important;padding:8px!important}
  body.slh-public-shell-only .slh-journey-story{grid-template-columns:1fr!important}
}

/* Mobile: compact 2-row header only. No overlap with Anatomy. */
@media(max-width:900px){
  body.slh-public-shell-only .public-nav{position:sticky!important;top:0!important;z-index:600!important}
  body.slh-public-shell-only .public-nav .inner{
    width:100%!important;max-width:none!important;min-height:0!important;padding:7px 10px 9px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;grid-template-rows:44px 42px!important;gap:6px 8px!important;align-items:center!important;
  }
  body.slh-public-shell-only .public-nav .brand{grid-column:1!important;grid-row:1!important;width:min(158px,55vw)!important;height:42px!important;flex:none!important;justify-self:end!important}
  body.slh-public-shell-only .public-nav .wariatric-public-master-logo{width:100%!important;height:42px!important}
  body.slh-public-shell-only .public-links,body.slh-public-shell-only .top-actions{display:none!important}
  body.slh-public-shell-only .slh-public-menu-button{display:grid!important;grid-column:2!important;grid-row:1!important;place-items:center!important;width:40px!important;height:40px!important;border:0!important;border-radius:12px!important;background:#0b8b75!important;color:#fff!important;font-size:var(--w-text-control);cursor:pointer!important;box-shadow:0 5px 14px rgba(13,91,75,.14)!important}
  body.slh-public-shell-only .slh-top-search{grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:none!important;min-width:0!important;height:42px!important;flex:none!important;margin:0!important}
  body.slh-public-shell-only .knowledge-page{padding:10px 0 36px!important}
  body.slh-public-shell-only .knowledge-page>.container{width:calc(100% - 16px)!important;max-width:none!important;margin-inline:auto!important}
  body.slh-public-shell-only .slh-hero{grid-template-columns:1fr!important;gap:10px!important}
  body.slh-public-shell-only .slh-anatomy{min-height:0!important;padding:6px!important}
  body.slh-public-shell-only .slh-anatomy img{height:auto!important;max-height:none!important}
  body.slh-public-shell-only .slh-results{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.slh-public-shell-only .slh-results h2{grid-column:1/-1!important}
  body.slh-public-shell-only .slh-gateways,body.slh-public-shell-only .slh-topic-grid,body.slh-public-shell-only .slh-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.slh-public-shell-only .slh-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.slh-public-shell-only .slh-step:last-child{grid-column:1/-1!important}
  body.slh-public-shell-only .slh-journey-story{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  body.slh-public-shell-only .knowledge-page>.container{width:calc(100% - 12px)!important}
  body.slh-public-shell-only .slh-gateways,body.slh-public-shell-only .slh-results,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:1fr!important}
  body.slh-public-shell-only .slh-step:last-child{grid-column:auto!important}
  body.slh-public-shell-only .slh-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.slh-public-shell-only .slh-hero-copy{padding:18px 15px!important}
  body.slh-public-shell-only .slh-title{font-size:var(--w-text-h1)}
  body.slh-public-shell-only .slh-actions{display:grid!important;grid-template-columns:1fr!important}
  body.slh-public-shell-only .slh-btn{width:100%!important;min-height:44px!important}
  body.slh-public-shell-only .slh-story-row{grid-template-columns:72px minmax(0,1fr)!important}
  body.slh-public-shell-only .slh-story-media,body.slh-public-shell-only .slh-story-media img{width:72px!important;height:72px!important}
}


/* V1.4.44.188 — MEDIA FIT / ICON CONTAINMENT / DISPLAY-SIZE LOCK
   Quality comes from source resolution, never from making the visual box larger.
   This layer intentionally restores approved visual sizes while keeping V187 structural shell. */

/* Brand display size lock: HQ source, baseline-sized presentation. */
body.slh-public-shell-only .public-nav .brand{
  flex:0 0 154px!important;width:154px!important;height:44px!important;max-width:154px!important;overflow:hidden!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
}
body.slh-public-shell-only .public-nav .wariatric-public-master-logo{
  display:block!important;width:154px!important;height:44px!important;max-width:154px!important;max-height:44px!important;
  object-fit:contain!important;object-position:right center!important;transform:none!important;filter:none!important;
}
.slh-public-menu-head img{width:146px!important;height:42px!important;max-width:146px!important;max-height:42px!important;object-fit:contain!important}

/* Universal icon containment: no icon can escape its circular slot. */
body.slh-public-shell-only .slh-icon{
  position:relative!important;overflow:hidden!important;flex:0 0 auto!important;
  display:grid!important;place-items:center!important;padding:0!important;
}
body.slh-public-shell-only .slh-icon img{
  display:block!important;position:static!important;margin:0!important;padding:0!important;
  width:auto!important;height:auto!important;max-width:64%!important;max-height:64%!important;
  object-fit:contain!important;object-position:center!important;transform:none!important;
}
/* Hero benefits: compact baseline size. */
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{max-width:25px!important;max-height:25px!important}
/* Results: smaller icon slot with real inner gutter so icons never touch row edges. */
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:30px!important;height:30px!important;margin:0!important;justify-self:center!important}
body.slh-public-shell-only .slh-result .slh-icon img{max-width:18px!important;max-height:18px!important}
body.slh-public-shell-only .slh-result>div{min-width:0!important;overflow:hidden!important}
body.slh-public-shell-only .slh-result b,body.slh-public-shell-only .slh-result span{max-width:100%!important;overflow-wrap:anywhere!important}
/* Gateway/topic/journey icons stay inside the approved visual rhythm. */
body.slh-public-shell-only .slh-link-card .slh-icon{width:43px!important;height:43px!important;flex-basis:43px!important;margin:0!important}
body.slh-public-shell-only .slh-link-card .slh-icon img{max-width:25px!important;max-height:25px!important}
body.slh-public-shell-only .slh-step .slh-icon{width:38px!important;height:38px!important;margin:0 auto 6px!important}
body.slh-public-shell-only .slh-step .slh-icon img{max-width:22px!important;max-height:22px!important}
body.slh-public-shell-only .slh-topic-grid .slh-link-card .slh-icon{width:39px!important;height:39px!important;flex-basis:39px!important}
body.slh-public-shell-only .slh-topic-grid .slh-link-card .slh-icon img{max-width:23px!important;max-height:23px!important}

/* Anatomy HQ source, baseline-sized viewport. Never overscale the UI box. */
body.slh-public-shell-only .slh-anatomy{
  min-height:350px!important;height:auto!important;padding:10px!important;overflow:hidden!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
body.slh-public-shell-only .slh-anatomy img{
  display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:338px!important;
  object-fit:contain!important;object-position:center!important;margin:auto!important;transform:none!important;
}

/* Patient story: restore the approved framed composition; HQ asset only improves raster quality. */
body.slh-public-shell-only .slh-story{padding:14px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:0!important}
body.slh-public-shell-only .slh-story-row{display:contents!important}
body.slh-public-shell-only .slh-story-media{
  width:100%!important;height:90px!important;max-width:100%!important;border-radius:14px!important;
  overflow:hidden!important;border:1px solid var(--line)!important;background:#eef8f5!important;margin:0!important;
}
body.slh-public-shell-only .slh-story-media 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;transform:none!important;
}
body.slh-public-shell-only .slh-story p{margin:8px 0!important;font-size:var(--w-text-body);line-height:1.75!important}

/* Anatomy modal: the image gets an inner safe area and cannot exceed it. */
.slh-modal-anatomy .slh-modal-body{padding:14px 18px 18px!important;overflow:hidden!important;display:grid!important;place-items:center!important}
.slh-anatomy-modal-img{
  display:block!important;width:auto!important;height:auto!important;
  max-width:calc(100% - 12px)!important;max-height:calc(100% - 12px)!important;
  object-fit:contain!important;object-position:center!important;margin:auto!important;transform:none!important;
}

/* Visual Tour: caption no longer overlays the image; stage always has a protected image area. */
.slh-sequence-viewer{grid-template-rows:minmax(0,1fr) auto!important;gap:9px!important}
.slh-sequence-stage{
  display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;align-items:stretch!important;justify-items:center!important;
  padding:14px 18px 10px!important;overflow:hidden!important;
}
.slh-sequence-stage>img{
  align-self:center!important;justify-self:center!important;width:auto!important;height:auto!important;
  max-width:88%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;
}
.slh-sequence-meta{
  position:static!important;right:auto!important;left:auto!important;bottom:auto!important;width:100%!important;
  margin-top:8px!important;padding:6px 9px!important;box-shadow:none!important;
}
.slh-sequence-thumbs{gap:5px!important;overflow:hidden!important}
.slh-sequence-thumbs button{height:52px!important;overflow:hidden!important;padding:4px!important}
.slh-sequence-thumbs img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}

/* Laptop balance: use full content width without inflating media. */
@container slh-viewport (max-width:1180px){
  body.slh-public-shell-only .slh-hero{grid-template-columns:minmax(0,1.34fr) minmax(285px,.90fr) minmax(184px,.48fr)!important;gap:11px!important}
  body.slh-public-shell-only .slh-anatomy{min-height:320px!important}
  body.slh-public-shell-only .slh-anatomy img{max-height:306px!important}
  body.slh-public-shell-only .slh-results{padding:12px!important}
}
@container slh-viewport (max-width:1030px){
  body.slh-public-shell-only .slh-results{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.slh-public-shell-only .slh-result{grid-template-columns:30px minmax(0,1fr)!important;gap:7px!important;padding:7px!important}
  body.slh-public-shell-only .slh-result .slh-icon{width:27px!important;height:27px!important}
  body.slh-public-shell-only .slh-result .slh-icon img{max-width:16px!important;max-height:16px!important}
}

/* Mobile keeps the same source quality but smaller visual boxes. */
@media(max-width:900px){
  body.slh-public-shell-only .public-nav .brand{width:142px!important;height:38px!important;max-width:142px!important;flex-basis:142px!important}
  body.slh-public-shell-only .public-nav .wariatric-public-master-logo{width:142px!important;height:38px!important;max-width:142px!important;max-height:38px!important}
  body.slh-public-shell-only .slh-anatomy{min-height:0!important;padding:6px!important}
  body.slh-public-shell-only .slh-anatomy img{width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important}
  body.slh-public-shell-only .slh-story-media{height:84px!important}
}
@media(max-width:560px){
  body.slh-public-shell-only .public-nav .brand{width:132px!important;height:36px!important;max-width:132px!important;flex-basis:132px!important}
  body.slh-public-shell-only .public-nav .wariatric-public-master-logo{width:132px!important;height:36px!important;max-width:132px!important;max-height:36px!important}
  body.slh-public-shell-only .slh-benefit .slh-icon{width:40px!important;height:40px!important}
  body.slh-public-shell-only .slh-benefit .slh-icon img{max-width:23px!important;max-height:23px!important}
  .slh-sequence-stage{padding:10px 10px 8px!important}
  .slh-sequence-stage>img{max-width:94%!important}
  .slh-sequence-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .slh-sequence-thumbs button{height:44px!important}
}