/* Wariatric V264 — layout governance delta. V263 remains rollback baseline. */
:root{
 --w-ui-surface:#fff; --w-ui-canvas:#f5faf8; --w-ui-ink:#173b45;
 --w-ui-secondary:#48636a; --w-ui-line:#dbe8e4; --w-ui-primary:#087d70;
 --w-ui-radius-sm:10px;--w-ui-radius-md:16px;--w-ui-radius-lg:20px;
 --w-ui-content:1320px;--w-ui-focus:#087d8b;
 --w-ui-space-1:4px;--w-ui-space-2:8px;--w-ui-space-3:12px;
 --w-ui-space-4:16px;--w-ui-space-6:24px;--w-ui-space-8:32px;
}
/* All variants inherit the existing approved Vazirmatn family; no additional font faces or logo override. */
body[data-w-shell]{min-width:0;overflow-wrap:break-word}
body[data-w-shell] :where(.baria-page-frame,main,.app-shell){min-width:0}
body[data-w-shell] :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--w-ui-focus)!important;outline-offset:3px}
/* Header surface and density: one reusable spec, distinct authenticated navigation. */
body[data-w-shell="public"] :is(.public-nav,.wh-header),
body[data-w-shell="nutrition"] .topbar{background:var(--w-ui-surface)!important;border-bottom:1px solid var(--w-ui-line)!important}
body[data-w-shell="public"] .public-nav .container.inner,
body[data-w-shell="public"].wariatric-public-home .wh-header-inner,
body[data-w-shell="nutrition"] .topbar>.container{box-sizing:border-box!important;min-width:0;max-width:100%;align-items:center;}
body[data-w-shell="public"] .public-nav .public-links,
body[data-w-shell="public"].wariatric-public-home .wh-nav,
body[data-w-shell="nutrition"] .topbar .topnav{min-width:0;overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap!important;white-space:nowrap!important}
body[data-w-shell="public"] .public-nav :is(.public-links,.top-actions)>a,
body[data-w-shell="public"].wariatric-public-home :is(.wh-nav,.wh-header-actions)>a,
body[data-w-shell="nutrition"] .topbar .topnav>a{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;flex-shrink:0}
body[data-w-shell="public"] .public-nav .top-actions>a,
body[data-w-shell="public"].wariatric-public-home .wh-header-actions>.wh-btn{min-height:42px;line-height:1.45;max-width:100%;box-sizing:border-box}
/* Major V263 collision fix: when sidebar remains visible at desktop, the secondary logo
   is hidden, so grid MUST NOT reserve a brand row at 620-980px container widths. */
@media(min-width:901px){
 @container w-public-head (max-width:979px){
  body[data-w-shell="public"].baria-app-shell .public-nav .container.inner{
   grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"nav" "actions"!important;
   row-gap:4px!important;padding:9px 14px!important;
  }
  body[data-w-shell="public"].baria-app-shell .public-nav .inner>.brand{display:none!important}
  body[data-w-shell="public"].baria-app-shell .public-nav .inner>.public-links{min-height:42px}
  body[data-w-shell="public"].baria-app-shell .public-nav .inner>.top-actions{
   grid-area:actions;display:flex!important;flex-flow:row nowrap!important;
   justify-content:flex-start!important;justify-self:stretch!important;width:100%;gap:8px!important;
  }
  body[data-w-shell="public"].baria-app-shell .public-nav .top-actions>a{width:auto!important;max-width:50%;min-width:0!important}
 }
 @container w-public-head (max-width:620px){
  body[data-w-shell="public"].baria-app-shell .public-nav .inner>.top-actions{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch!important;
  }
  body[data-w-shell="public"].baria-app-shell .public-nav .top-actions>a{width:100%!important;max-width:100%!important}
 }
}
/* Public pages with or without a sidebar: keep the hero centered in the available frame. */
body[data-w-shell="public"] .baria-page-frame > main,
body[data-w-shell="public"] .baria-page-frame > .landing-section{min-width:0;max-width:100%;box-sizing:border-box}
body[data-w-shell="public"] :is(#edfaq,#food-guide,.faq-main,.roadmap-main) :where(h1,h2,p){overflow-wrap:break-word}
body[data-w-shell="public"] #edfaq .ed-safety{color:var(--w-ui-secondary);line-height:1.85;display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:4px!important}
body[data-w-shell="public"] #edfaq .ed-safety strong{display:block;white-space:normal!important}
body[data-w-shell="public"] #edfaq .ed-safety span{display:block;min-width:0;width:100%;line-height:1.9}
body[data-w-shell="public"] #edfaq .ed-head{min-width:0}
/* Retain approved medical UI widths. Only constrain layout wrappers, not form tables.
   Wide clinical tables may scroll inside their own container rather than clipping fields. */
body[data-w-shell="workspace"] .baria-page-frame{min-width:0;max-width:100%;box-sizing:border-box}
body[data-w-shell="workspace"] :where(main,.app-shell){min-width:0;max-width:100%;box-sizing:border-box}
/* Small-screen navigation remains operable; never suppress login actions or warning banners. */
@media(max-width:620px){
 body[data-w-shell="public"] .public-nav .inner>.top-actions,
 body[data-w-shell="public"].wariatric-public-home .wh-header-inner>.wh-header-actions{gap:8px!important}
 body[data-w-shell="public"] .public-nav .top-actions>a,
 body[data-w-shell="public"].wariatric-public-home .wh-header-actions>.wh-btn{white-space:normal!important;word-break:keep-all!important;text-align:center!important;overflow-wrap:normal!important}
}
@media(prefers-reduced-motion:reduce){body[data-w-shell] :is(.public-links,.wh-nav,.topnav){scroll-behavior:auto!important}}


/* V381 — Unified Wariatric design contract.
   Central tokens apply everywhere; geometry applies only to compatible public
   articles. Clinical workspaces, forms, charts and approved assets are untouched. */
body[data-w-shell]{
  --w-layout-gap:clamp(12px,1.25vw,20px);
  --w-layout-pad:clamp(14px,1.6vw,24px);
  --w-card-radius:18px;
  --w-card-border:#dbe9e5;
  --w-card-surface:#fff;
  --w-reading-leading:1.9;
}
body[data-w-shell="public"] :where(bdi[dir="ltr"]){
  direction:ltr;
  unicode-bidi:isolate;
}
body.wariatric-guide-page[data-w-shell="public"] > .baria-page-frame{
  min-width:0;
  max-width:100%;
}
body.wariatric-guide-page[data-w-shell="public"] > .baria-page-frame > :is(.wp-site-header,.eras-site-header),
body.wariatric-guide-page[data-w-shell="public"] > .baria-page-frame > .eras-shell{
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
body.wariatric-guide-page[data-w-shell="public"] > .baria-page-frame > :is(.wp-site-header,.eras-site-header) .wh-header-inner.wh-shell{
  padding-inline:var(--w-layout-pad);
}
body.wariatric-guide-page[data-w-shell="public"] > .baria-page-frame > .eras-shell{
  padding-inline:var(--w-layout-pad);
}
body.wariatric-guide-page[data-w-shell="public"] .eras-shell :where(.eras-section,.eras-card){
  min-width:0;
  overflow-wrap:break-word;
}
body.wariatric-guide-page[data-w-shell="public"] .eras-shell :where(p,li){
  text-align:right;
}
@media(max-width:650px){
  body.wariatric-guide-page[data-w-shell="public"]{
    --w-layout-pad:14px;
    --w-layout-gap:12px;
  }
}


/* V383 — Public FAQ reading frame. Scope intentionally excludes clinical
   workspaces, the approved home hero and specialty guide layouts. */
body[data-w-ui="faq-frame"][data-w-shell="public"]{
 --w-public-frame-gutter:14px;
 --w-public-frame-max:1180px;
}
body[data-w-ui="faq-frame"][data-w-shell="public"] > .baria-page-frame > .public-nav .container.inner,
body[data-w-ui="faq-frame"][data-w-shell="public"] > .baria-page-frame > main.landing-section > .container{
 width:min(var(--w-public-frame-max),calc(100% - var(--w-public-frame-gutter) - var(--w-public-frame-gutter)));
 max-width:100%;
 min-width:0;
 margin-inline:auto;
 box-sizing:border-box;
}
body[data-w-ui="faq-frame"][data-w-shell="public"] > .baria-page-frame > main.landing-section{
 min-width:0;
 max-width:100%;
}
body[data-w-ui="faq-frame"][data-w-shell="public"] #edfaq :is(.ed-head,.ed-search-panel,.ed-results,.ed-topic-panel),
body[data-w-ui="faq-frame"][data-w-shell="public"] .faq-refresh-hero{
 min-width:0;
 max-width:100%;
}
body[data-w-ui="faq-frame"][data-w-shell="public"] #edfaq .ed-head > div{
 min-width:0;flex:1 1 auto;
}
body[data-w-ui="faq-frame"][data-w-shell="public"] #edfaq .ed-head p,
body[data-w-ui="faq-frame"][data-w-shell="public"] .faq-refresh-hero .faq-refresh-copy > p{
 max-width:100%;
 text-align:right;
 overflow-wrap:break-word;
}
body[data-w-ui="faq-frame"][data-w-shell="public"] :is(.ed-card summary,.faq-refresh-hero h1,.faq-refresh-hero p){
 direction:rtl;text-align:right;
}
@media(max-width:650px){
 body[data-w-ui="faq-frame"][data-w-shell="public"]{--w-public-frame-gutter:10px}
}


/* V384 — Compact two-row mobile header for approved public home, ERAS,
   weight-plateau, and FAQ pages only. No clinical or image/layout mutations.
   Keep both login actions visible and retain horizontally scrollable RTL nav. */
@media(max-width:650px){
 body[data-w-shell="public"].wariatric-public-home .wh-header-inner,
 body[data-w-shell="public"].wariatric-guide-page .wh-header-inner{
  display:grid!important;
  grid-template-columns:minmax(0,auto) minmax(0,1fr)!important;
  grid-template-areas:"brand actions" "nav nav"!important;
  gap:4px 8px!important;
  align-items:center!important;
  min-width:0!important;
 }
 body[data-w-shell="public"].wariatric-guide-page .wh-header-inner{
  padding:8px 10px!important;
 }
 body[data-w-shell="public"] :is(.wh-header,.wp-site-header,.eras-site-header) .wh-header-inner>.wh-brand{
  grid-area:brand!important;
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0!important;
 }
 body[data-w-shell="public"] :is(.wh-header,.wp-site-header,.eras-site-header) .wh-header-inner>.wh-brand img{
  display:block!important;
  width:clamp(94px,26vw,120px)!important;
  height:36px!important;
  max-width:100%;
  object-fit:contain;
 }
 body[data-w-shell="public"] :is(.wh-header,.wp-site-header,.eras-site-header) .wh-header-inner>.wh-header-actions{
  grid-area:actions!important;
  grid-column:auto!important;
  grid-row:auto!important;
  order:initial!important;
  margin:0!important;
  justify-self:end!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  gap:5px!important;
  min-width:0!important;
  max-width:100%;
  width:auto!important;
 }
 body[data-w-shell="public"] :is(.wh-header,.wp-site-header,.eras-site-header) .wh-header-inner>.wh-header-actions>.wh-btn{
  min-height:40px!important;
  min-width:0!important;
  width:auto!important;
  flex:0 0 auto!important;
  padding:5px 7px!important;
  gap:0!important;
  white-space:nowrap!important;
  font-size:var(--w-text-small)!important;
 }
 body[data-w-shell="public"] :is(.wh-header,.wp-site-header,.eras-site-header) .wh-header-inner>.wh-header-actions>.wh-btn img{
  display:none!important;
 }
 body[data-w-shell="public"] :is(.wh-header,.wp-site-header,.eras-site-header) .wh-header-inner>.wh-nav{
  grid-area:nav!important;
  grid-column:1/-1!important;
  grid-row:2!important;
  order:initial!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  flex-flow:row nowrap!important;
  padding:3px 0 6px!important;
  scrollbar-width:thin;
 }
 body[data-w-ui="faq-frame"][data-w-shell="public"] .public-nav .container.inner{
  display:grid!important;
  grid-template-columns:minmax(0,auto) minmax(0,1fr)!important;
  grid-template-areas:"brand actions" "nav nav"!important;
  gap:4px 8px!important;
  padding:8px 10px!important;
 }
 body[data-w-ui="faq-frame"][data-w-shell="public"] .public-nav .inner>.brand{
  grid-area:brand!important;
  grid-row:auto!important;
  grid-column:auto!important;
  max-width:120px!important;
 }
 body[data-w-ui="faq-frame"][data-w-shell="public"] .public-nav .inner>.brand img{
  width:clamp(94px,26vw,120px)!important;
  height:36px!important;
 }
 body[data-w-ui="faq-frame"][data-w-shell="public"] .public-nav .inner>.top-actions{
  grid-area:actions!important;
  grid-column:auto!important;
  grid-row:auto!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  gap:5px!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  justify-self:end!important;
 }
 body[data-w-ui="faq-frame"][data-w-shell="public"] .public-nav .top-actions>a{
  min-height:40px!important;
  min-width:0!important;
  max-width:none!important;
  width:auto!important;
  padding:5px 7px!important;
  gap:0!important;
  white-space:nowrap!important;
 }
 body[data-w-ui="faq-frame"][data-w-shell="public"] .public-nav .top-actions>a img{
  display:none!important;
 }
 body[data-w-ui="faq-frame"][data-w-shell="public"] .public-nav .inner>.public-links{
  grid-area:nav!important;
  grid-column:1/-1!important;
  grid-row:2!important;
  overflow-x:auto!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
 }
}
@media(max-width:360px){
 body[data-w-shell="public"] :is(.wh-header,.wp-site-header,.eras-site-header) .wh-header-inner>.wh-header-actions>.wh-btn,
 body[data-w-ui="faq-frame"][data-w-shell="public"] .public-nav .top-actions>a{
  font-size:var(--w-text-caption)!important;
 }
}


/* V385 — Fix verified iOS Safari mobile navigation collision.
   The guides inherit .wh-nav from the home page, but only the home selector
   previously prevented flex-item shrinking. Long RTL Persian labels were
   squeezed narrower than their unbreakable text, painting over neighbors.
   Keep intrinsic link widths and scroll INSIDE navigation instead of body. */
body[data-w-shell="public"].wariatric-guide-page .wh-header-inner > .wh-nav,
body[data-w-shell="public"].wariatric-public-home .wh-header-inner > .wh-nav{
 display:flex!important;
 flex-direction:row!important;
 flex-wrap:nowrap!important;
 align-items:center!important;
 justify-content:flex-start!important;
 gap:6px!important;
 direction:rtl;
 min-width:0!important;
 max-width:100%!important;
 overflow-x:auto!important;
 overflow-y:hidden!important;
 overscroll-behavior-inline:contain;
 -webkit-overflow-scrolling:touch;
}
body[data-w-shell="public"].wariatric-guide-page .wh-header-inner > .wh-nav > a,
body[data-w-shell="public"].wariatric-public-home .wh-header-inner > .wh-nav > a{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 flex:0 0 auto!important;
 flex-shrink:0!important;
 width:max-content;
 min-width:max-content;
 max-width:none;
 white-space:nowrap!important;
 overflow-wrap:normal!important;
 word-break:keep-all!important;
 line-height:1.7;
 box-sizing:border-box;
}
/* On the narrowest phones, protect the logo AND both login buttons rather
   than forcing three intrinsic-width items into a 320px two-column row. */
@media(max-width:360px){
 body[data-w-shell="public"].wariatric-guide-page .wh-header-inner,
 body[data-w-shell="public"].wariatric-public-home .wh-header-inner,
 body[data-w-ui="faq-frame"][data-w-shell="public"] .public-nav .container.inner{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"brand" "actions" "nav"!important;
  row-gap:5px!important;
 }
 body[data-w-shell="public"].wariatric-guide-page .wh-header-inner > .wh-header-actions,
 body[data-w-shell="public"].wariatric-public-home .wh-header-inner > .wh-header-actions,
 body[data-w-ui="faq-frame"][data-w-shell="public"] .public-nav .inner > .top-actions{
  grid-area:actions!important;
  justify-self:stretch!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  max-width:100%!important;
 }
 body[data-w-shell="public"].wariatric-guide-page .wh-header-inner > .wh-header-actions > .wh-btn,
 body[data-w-shell="public"].wariatric-public-home .wh-header-inner > .wh-header-actions > .wh-btn,
 body[data-w-ui="faq-frame"][data-w-shell="public"] .public-nav .top-actions > a{
  width:100%!important;
  max-width:100%!important;
  flex:1 1 0!important;
  justify-content:center!important;
 }
 body[data-w-shell="public"].wariatric-guide-page .wh-header-inner > .wh-nav,
 body[data-w-shell="public"].wariatric-public-home .wh-header-inner > .wh-nav{
  grid-row:3!important;
 }
 body[data-w-ui="faq-frame"][data-w-shell="public"] .public-nav .inner > .public-links{
  grid-row:3!important;
 }
}


/* V386 — Shared public knowledge directory + food atlas reading frame.
   Only these two educational pages opt in using data-w-ui="library-frame".
   Clinical surgery hubs, approved images and patient forms are unchanged. */
body[data-w-shell="public"][data-w-ui="library-frame"]{
 --w-library-gutter:14px;
 --w-library-max-width:1180px;
}
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .container.inner,
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > main.landing-section > .container{
 width:min(var(--w-library-max-width),calc(100% - var(--w-library-gutter) - var(--w-library-gutter)))!important;
 max-width:100%!important;
 min-width:0!important;
 margin-inline:auto!important;
 box-sizing:border-box!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > main.landing-section{
 width:100%;
 min-width:0;
 max-width:100%;
}
body[data-w-shell="public"][data-w-ui="library-frame"] :is(.knowledge-hero,.fg-hero,.fg-controls,.fg-section,.fg-nav){
 min-width:0;
 max-width:100%;
 box-sizing:border-box;
}
body[data-w-shell="public"][data-w-ui="library-frame"] .public-nav .public-links{
 display:flex!important;
 flex-flow:row nowrap!important;
 min-width:0!important;
 max-width:100%!important;
 overflow-x:auto!important;
 overflow-y:hidden!important;
 overscroll-behavior-inline:contain;
 -webkit-overflow-scrolling:touch;
}
body[data-w-shell="public"][data-w-ui="library-frame"] .public-nav .public-links > a{
 flex:0 0 auto!important;
 min-width:max-content!important;
 white-space:nowrap!important;
 word-break:keep-all!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"] :is(.knowledge-hero,.fg-hero) :is(h1,p){
 text-align:right;
 overflow-wrap:break-word;
}
@media(max-width:650px){
 body[data-w-shell="public"][data-w-ui="library-frame"]{--w-library-gutter:10px}
 body[data-w-shell="public"][data-w-ui="library-frame"] .public-nav .container.inner{
  display:grid!important;
  grid-template-columns:minmax(0,auto) minmax(0,1fr)!important;
  grid-template-areas:"brand actions" "nav nav"!important;
  gap:4px 8px!important;
  padding:8px 10px!important;
  min-width:0!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] .public-nav .inner > .brand{
  grid-area:brand!important;
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0!important;
  max-width:120px!important;
  justify-self:start!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] .public-nav .inner > .brand img{
  width:clamp(94px,26vw,120px)!important;
  height:36px!important;
  max-width:100%!important;
  object-fit:contain!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] .public-nav .inner > .top-actions{
  grid-area:actions!important;
  grid-column:auto!important;
  grid-row:auto!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  justify-content:flex-end!important;
  justify-self:end!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  max-width:100%!important;
  width:auto!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] .public-nav .top-actions > a{
  min-width:0!important;
  max-width:none!important;
  width:auto!important;
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:5px 7px!important;
  font-size:var(--w-text-small)!important;
  white-space:nowrap!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] .public-nav .inner > .public-links{
  grid-area:nav!important;
  grid-column:1/-1!important;
  grid-row:2!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
 }
}
@media(max-width:360px){
 body[data-w-shell="public"][data-w-ui="library-frame"] .public-nav .container.inner{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"brand" "actions" "nav"!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] .public-nav .inner > .top-actions{
  grid-area:actions!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  max-width:100%!important;
  justify-self:stretch!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] .public-nav .top-actions > a{
  width:100%!important;
  max-width:100%!important;
  justify-content:center!important;
  font-size:var(--w-text-caption)!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] .public-nav .inner > .public-links{
  grid-row:3!important;
 }
}


/* V387 — Knowledge and food atlas: true usable width, editorial type hierarchy.
   The earlier 1180px cap unnecessarily left a wide gutter next to the sidebar.
   Match the header and content edges; do not alter clinical surgery hubs. */
body[data-w-shell="public"][data-w-ui="library-frame"]{
 --w-library-gutter:clamp(10px,1.2vw,20px);
}
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .container.inner,
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > main.landing-section > .container{
 width:calc(100% - var(--w-library-gutter) - var(--w-library-gutter))!important;
 max-width:none!important;
 min-width:0!important;
 margin-inline:var(--w-library-gutter)!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"] .knowledge-page .container,
body[data-w-shell="public"][data-w-ui="library-frame"] #foodguide .fg-container{
 max-width:none!important;
 min-width:0!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"] :is(.knowledge-hero,.fg-hero,.fg-section,.wkd-card,.fg-tile){
 box-sizing:border-box;
 min-width:0;
 max-width:100%;
}
body[data-w-shell="public"][data-w-ui="library-frame"] :is(.knowledge-hero,.fg-hero){
 padding:clamp(18px,2vw,30px);
 border-radius:20px;
}
body[data-w-shell="public"][data-w-ui="library-frame"] :is(.knowledge-hero,.fg-hero) h1{
 font-size:var(--w-text-h1);
 font-weight:800;
 line-height:1.55;
 margin-block:12px;
 text-align:right;
}
body[data-w-shell="public"][data-w-ui="library-frame"] :is(.knowledge-hero,.fg-hero) p{
 font-size:var(--w-text-body);
 font-weight:400;
 line-height:1.95;
 max-width:100%;
 text-align:right;
}
body[data-w-shell="public"][data-w-ui="library-frame"] .wkd-heading h2,
body[data-w-shell="public"][data-w-ui="library-frame"] #foodguide .fg-section h2{
 font-size:var(--w-text-h2);
 font-weight:800;
 line-height:1.55;
 text-align:right;
}
body[data-w-shell="public"][data-w-ui="library-frame"] .wkd-copy strong,
body[data-w-shell="public"][data-w-ui="library-frame"] #foodguide :is(.fg-tile summary,.fg-tile>strong){
 font-size:var(--w-text-h4);
 font-weight:700;
 line-height:1.75;
 text-align:right;
}
body[data-w-shell="public"][data-w-ui="library-frame"] :is(.wkd-desc,.wkd-heading p,.wkd-note,.fg-section p,.fg-tile p){
 font-size:var(--w-text-body);
 line-height:1.9;
 text-align:right;
 overflow-wrap:break-word;
}
body[data-w-shell="public"][data-w-ui="library-frame"] #foodguide .fg-safety{
 font-size:var(--w-text-body);
 line-height:1.9;
}
body[data-w-shell="public"][data-w-ui="library-frame"] #foodguide .fg-nav{
 flex-wrap:nowrap;
 overflow-x:auto;
 max-width:100%;
 overscroll-behavior-inline:contain;
}
body[data-w-shell="public"][data-w-ui="library-frame"] #foodguide .fg-nav>a{
 flex:0 0 auto;
 white-space:nowrap;
}
@media(max-width:650px){
 body[data-w-shell="public"][data-w-ui="library-frame"]{--w-library-gutter:10px}
 body[data-w-shell="public"][data-w-ui="library-frame"] :is(.knowledge-hero,.fg-hero){padding:18px 14px}
 body[data-w-shell="public"][data-w-ui="library-frame"] .wkd-card{min-width:0}
 body[data-w-shell="public"][data-w-ui="library-frame"] #foodguide .fg-section{padding:14px}
}


/* V388 — Match the approved weight-plateau top frame on the knowledge
   directory and nutrition atlas. This is a visual skin for the two public
   library entries, not a change to the legacy public-nav DOM, login routes,
   sidebar behavior, surgery diagrams, nutrition data or clinical UI. */
body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame{
 padding:10px clamp(12px,1.2vw,20px) 24px!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav{
 position:relative!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 height:auto!important;
 margin:0!important;
 padding:0!important;
 box-sizing:border-box!important;
 background:rgba(255,255,255,.96)!important;
 border:1px solid #dbe9e5!important;
 border-radius:18px!important;
 box-shadow:0 6px 22px rgba(20,67,62,.045)!important;
 overflow:visible;
}
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .container.inner{
 width:100%!important;
 max-width:none!important;
 min-width:0!important;
 height:auto!important;
 min-height:74px!important;
 margin:0!important;
 padding:10px clamp(14px,1.6vw,24px)!important;
 box-sizing:border-box!important;
 gap:10px 16px!important;
 direction:rtl!important;
 align-items:center!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > main.landing-section{
 display:block;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 margin:0!important;
 padding:0!important;
 box-sizing:border-box!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > main.landing-section > .container{
 width:100%!important;
 max-width:none!important;
 min-width:0!important;
 margin:0!important;
 padding:0!important;
 box-sizing:border-box!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .public-links{
 display:flex!important;
 flex-flow:row nowrap!important;
 justify-content:flex-start!important;
 align-items:center!important;
 gap:6px!important;
 min-width:0!important;
 max-width:100%!important;
 overflow-x:auto!important;
 overflow-y:hidden!important;
 direction:rtl!important;
 white-space:nowrap!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .public-links > a{
 display:inline-flex!important;
 flex:0 0 auto!important;
 width:max-content;
 min-width:max-content;
 min-height:40px;
 align-items:center!important;
 padding:9px 11px!important;
 border-radius:10px!important;
 font-size:var(--w-text-small)!important;
 font-weight:700!important;
 line-height:1.7!important;
 white-space:nowrap!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .inner > .top-actions{
 gap:8px!important;
 align-items:center!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .top-actions > a{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 flex:0 0 auto!important;
 min-width:0!important;
 min-height:44px!important;
 padding:8px 14px!important;
 border-radius:12px!important;
 font-size:var(--w-text-small)!important;
 font-weight:700!important;
 line-height:1.45!important;
 white-space:nowrap!important;
}
@media(max-width:900px){
 body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame{
  padding:10px!important;
 }
}
@media(max-width:650px){
 body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav{
  border-radius:14px!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .container.inner{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,auto) minmax(0,1fr)!important;
  grid-template-areas:"brand actions" "nav nav"!important;
  gap:5px 8px!important;
  padding:8px 10px!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .inner > .brand{
  grid-area:brand!important;
  max-width:120px!important;
  min-width:0!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .inner > .top-actions{
  grid-area:actions!important;
  justify-self:end!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  gap:5px!important;
  width:auto!important;
  max-width:100%!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .top-actions > a{
  min-height:40px!important;
  width:auto!important;
  max-width:none!important;
  padding:5px 7px!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .inner > .public-links{
  grid-area:nav!important;
  grid-column:1/-1!important;
  grid-row:2!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
 }
}
@media(max-width:360px){
 body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .container.inner{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"brand" "actions" "nav"!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .inner > .top-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  max-width:100%!important;
  justify-self:stretch!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .top-actions > a{
  width:100%!important;
  max-width:100%!important;
  font-size:var(--w-text-caption)!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .inner > .public-links{
  grid-row:3!important;
 }
}


/* V389 — Full, seven-link plateau navigation parity for only the two library pages.
   Source links and icon assets match /weight-plateau/ exactly. The original
   public-nav classes stay in place to preserve all existing shell behavior. */
body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav .container.inner{
 display:grid!important;
 grid-template-columns:154px minmax(0,1fr) max-content!important;
 grid-template-areas:"brand nav actions"!important;
 align-items:center!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav .inner > .brand{
 display:flex!important;
 visibility:visible!important;
 grid-area:brand!important;
 grid-column:auto!important;
 grid-row:auto!important;
 align-items:center!important;
 justify-self:start!important;
 width:154px!important;
 max-width:100%!important;
 min-width:0!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav .inner > .brand img{
 display:block!important;
 width:154px!important;
 max-width:100%!important;
 height:44px!important;
 object-fit:contain!important;
 object-position:right center!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav .inner > .public-links{
 display:flex!important;
 grid-area:nav!important;
 grid-column:auto!important;
 grid-row:auto!important;
 width:100%!important;
 min-width:0!important;
 max-width:100%!important;
 flex-flow:row nowrap!important;
 justify-content:flex-start!important;
 gap:6px!important;
 overflow-x:auto!important;
 overflow-y:hidden!important;
 overscroll-behavior-x:contain;
 -webkit-overflow-scrolling:touch;
}
body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav .inner > .public-links > a{
 flex:0 0 auto!important;
 flex-shrink:0!important;
 min-width:max-content!important;
 white-space:nowrap!important;
 word-break:keep-all!important;
 overflow-wrap:normal!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav .inner > .top-actions{
 display:flex!important;
 grid-area:actions!important;
 grid-column:auto!important;
 grid-row:auto!important;
 justify-self:end!important;
 justify-content:flex-end!important;
 flex-flow:row nowrap!important;
 gap:8px!important;
 width:auto!important;
 min-width:0!important;
 max-width:100%!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .top-actions > a{
 gap:8px!important;
 text-decoration:none!important;
 border:1px solid transparent!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .top-actions > a.btn-light{
 background:#fff!important;
 color:#173d48!important;
 border-color:#cfe1dd!important;
 box-shadow:0 4px 13px rgba(20,67,62,.04)!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .top-actions > a.btn-primary{
 background:linear-gradient(135deg,#149787,#07836e)!important;
 color:#fff!important;
 box-shadow:0 6px 16px rgba(7,131,110,.18)!important;
}
body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .top-actions > a > img{
 display:block!important;
 flex:0 0 20px!important;
 width:20px!important;
 height:20px!important;
 object-fit:contain!important;
}
@container w-public-head (max-width:1060px){
 body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav .container.inner{
  grid-template-columns:minmax(0,154px) minmax(0,1fr)!important;
  grid-template-areas:"brand actions" "nav nav"!important;
  row-gap:5px!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav .inner > .public-links{
  grid-column:1/-1!important;
  grid-row:2!important;
 }
}
@media(max-width:650px){
 body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav .container.inner{
  grid-template-columns:minmax(0,auto) minmax(0,1fr)!important;
  grid-template-areas:"brand actions" "nav nav"!important;
  gap:5px 8px!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav .inner > .brand{
  width:clamp(94px,26vw,120px)!important;
  grid-column:auto!important;
  grid-row:auto!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav .inner > .brand img{
  width:clamp(94px,26vw,120px)!important;
  height:36px!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav .inner > .top-actions{
  display:flex!important;
  grid-area:actions!important;
  grid-column:auto!important;
  grid-row:auto!important;
  gap:5px!important;
  width:auto!important;
  justify-self:end!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .top-actions > a > img{
  display:none!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .top-actions > a{
  padding:5px 7px!important;
  min-height:40px!important;
  gap:0!important;
 }
}
@media(max-width:360px){
 body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav .container.inner{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"brand" "actions" "nav"!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav .inner > .top-actions{
  grid-area:actions!important;
  grid-column:1/-1!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  justify-self:stretch!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"] > .baria-page-frame > .public-nav .top-actions > a{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
 }
 body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav .inner > .public-links{
  grid-column:1/-1!important;
  grid-row:3!important;
 }
}


/* V390 — Site-wide approved public header geometry (plateau parity).
   An identical boxed, 74px minimum header for public, nutrition and educational
   pages. Existing DOM families remain intact, with their own dedicated content
   and treatment navigation outside the global header. */
body[data-w-shell="public"].baria-app-shell > .baria-page-frame{
 padding:10px clamp(12px,1.2vw,20px) 24px!important;
}
body[data-w-shell="public"]:not(.baria-app-shell) > :is(.public-nav,.wh-header),
body[data-w-shell="nutrition"] > .topbar,
body[data-w-shell="standalone"] > .w-public-education-header{
 width:auto!important;
 margin:10px clamp(12px,1.2vw,20px) 0!important;
}
:is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header){
 width:auto!important;max-width:100%!important;min-width:0!important;
 height:auto!important;min-height:0!important;box-sizing:border-box!important;
 padding:0!important;position:relative!important;
 border:1px solid #dbe9e5!important;border-radius:18px!important;
 background:rgba(255,255,255,.96)!important;
 box-shadow:0 6px 22px rgba(20,67,62,.045)!important;
 container-type:inline-size!important;
 container-name:w-public-head w-home-head w-nutrition-head w-unified-site-head!important;
 z-index:45;
}
:is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.container.inner,.wh-header-inner,.container){
 display:grid!important;
 grid-template-columns:154px minmax(0,1fr) max-content!important;
 grid-template-areas:"brand nav actions"!important;
 align-items:center!important;justify-content:initial!important;
 gap:10px 16px!important;
 width:100%!important;max-width:none!important;min-width:0!important;
 min-height:74px!important;height:auto!important;
 padding:10px clamp(14px,1.6vw,24px)!important;margin:0!important;
 direction:rtl!important;box-sizing:border-box!important;
}
:is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.brand,.wh-brand){
 display:flex!important;visibility:visible!important;
 grid-area:brand!important;grid-column:auto!important;grid-row:auto!important;
 flex:0 0 auto!important;align-items:center!important;justify-self:start!important;
 width:154px!important;max-width:100%!important;min-width:0!important;
}
:is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.brand,.wh-brand) > img{
 display:block!important;width:154px!important;height:44px!important;
 max-width:100%!important;object-fit:contain!important;
 object-position:right center!important;
}
:is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.public-links,.wh-nav){
 grid-area:nav!important;grid-column:auto!important;grid-row:auto!important;
 display:flex!important;flex-flow:row nowrap!important;flex-wrap:nowrap!important;
 align-items:center!important;justify-content:flex-start!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 gap:6px!important;padding:3px 0 6px!important;margin:0!important;
 overflow-x:auto!important;overflow-y:hidden!important;direction:rtl!important;
 overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;
 white-space:nowrap!important;
}
:is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.public-links,.wh-nav) > a{
 display:inline-flex!important;align-items:center!important;
 justify-content:center!important;flex:0 0 auto!important;flex-shrink:0!important;
 min-width:max-content!important;width:max-content!important;max-width:none!important;
 min-height:40px!important;padding:9px 11px!important;
 background:transparent;border-radius:10px!important;
 color:#173d48!important;font-size:var(--w-text-small)!important;
 font-weight:700!important;line-height:1.7!important;
 white-space:nowrap!important;word-break:keep-all!important;text-decoration:none!important;
}
:is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.public-links,.wh-nav) > a:hover,:is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.public-links,.wh-nav) > a[aria-current="page"],:is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.public-links,.wh-nav) > a.is-active{
 background:#edf8f4!important;color:#087d70!important;
}
:is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.top-actions,.wh-header-actions){
 grid-area:actions!important;grid-column:auto!important;grid-row:auto!important;
 display:flex!important;flex-flow:row nowrap!important;
 justify-content:flex-end!important;justify-self:end!important;align-items:center!important;
 min-width:0!important;max-width:100%!important;width:auto!important;
 gap:8px!important;padding:0!important;margin:0!important;
}
:is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.top-actions,.wh-header-actions) > a{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-width:0!important;min-height:44px!important;width:auto!important;max-width:100%!important;
 padding:8px 14px!important;gap:8px!important;flex:0 0 auto!important;
 border-radius:12px!important;border:1px solid transparent!important;
 white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;
 font-size:var(--w-text-small)!important;font-weight:700!important;line-height:1.45!important;
 text-decoration:none!important;
}
:is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.top-actions,.wh-header-actions) > a:is(.btn-light,.wh-btn-ghost){
 background:#fff!important;color:#173d48!important;
 border-color:#cfe1dd!important;box-shadow:0 4px 13px rgba(20,67,62,.04)!important;
}
:is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.top-actions,.wh-header-actions) > a:is(.btn-primary,.wh-btn-primary){
 background:linear-gradient(135deg,#149787,#07836e)!important;color:#fff!important;
 box-shadow:0 6px 16px rgba(7,131,110,.18)!important;
}
:is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.top-actions,.wh-header-actions) > a > img{
 display:block!important;width:20px!important;height:20px!important;
 flex:0 0 20px!important;object-fit:contain!important;
}
@container w-unified-site-head (max-width:1060px){
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.container.inner,.wh-header-inner,.container){
  grid-template-columns:154px minmax(0,1fr)!important;
  grid-template-areas:"brand actions" "nav nav"!important;
  row-gap:5px!important;
 }
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.public-links,.wh-nav){grid-column:1/-1!important;grid-row:2!important;}
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.top-actions,.wh-header-actions){grid-column:auto!important;grid-row:1!important;}
}
@container w-unified-site-head (max-width:650px){
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header){border-radius:14px!important;}
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.container.inner,.wh-header-inner,.container){
  grid-template-columns:minmax(0,auto) minmax(0,1fr)!important;
  grid-template-areas:"brand actions" "nav nav"!important;
  min-height:0!important;gap:5px 8px!important;padding:8px 10px!important;
 }
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.brand,.wh-brand){width:clamp(94px,26vw,120px)!important;}
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.brand,.wh-brand) > img{width:clamp(94px,26vw,120px)!important;height:36px!important;}
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.top-actions,.wh-header-actions){justify-self:end!important;display:flex!important;width:auto!important;gap:5px!important;}
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.top-actions,.wh-header-actions) > a{min-height:40px!important;padding:5px 7px!important;gap:0!important;}
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.top-actions,.wh-header-actions) > a > img{display:none!important;}
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.public-links,.wh-nav){grid-area:nav!important;grid-column:1/-1!important;grid-row:2!important;}
}
@container w-unified-site-head (max-width:360px){
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.container.inner,.wh-header-inner,.container){
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"brand" "actions" "nav"!important;
 }
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.top-actions,.wh-header-actions){
  grid-area:actions!important;grid-column:1/-1!important;grid-row:2!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;max-width:100%!important;justify-self:stretch!important;
 }
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.top-actions,.wh-header-actions) > a{width:100%!important;max-width:100%!important;min-width:0!important;
  font-size:var(--w-text-caption)!important;}
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.public-links,.wh-nav){grid-column:1/-1!important;grid-row:3!important;}
}
/* The existing per-procedure .topnav must remain inside .topbar:
   its protected JS uses .topbar .topnav a for section highlights and icons.
   Display it as in-page shortcuts below the single global header card. */
body[data-w-shell="nutrition"] > .topbar{margin-bottom:64px!important;}
body[data-w-shell="nutrition"] > .topbar > .topnav{
 position:absolute!important;inset-block-start:calc(100% + 10px)!important;
 inset-inline:clamp(12px,1.2vw,20px)!important;
 width:calc(100% - clamp(12px,1.2vw,20px) - clamp(12px,1.2vw,20px))!important;
 max-width:100%!important;min-width:0!important;height:auto!important;
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 flex-flow:row nowrap!important;flex-wrap:nowrap!important;
 gap:8px!important;margin:0!important;padding:2px 0 6px!important;
 background:transparent!important;overflow-x:auto!important;overflow-y:hidden!important;
 direction:rtl;white-space:nowrap!important;scrollbar-width:thin;
}
body[data-w-shell="nutrition"] > .topbar > .topnav > a{
 min-height:38px;flex:0 0 auto!important;white-space:nowrap!important;
 padding:6px 11px!important;border:1px solid #dbe9e5!important;
 border-radius:10px!important;background:#fff!important;color:#173d48!important;
 text-decoration:none!important;font-size:var(--w-text-small)!important;
}
body[data-w-shell="nutrition"] > .topbar > .topnav > a:is(.is-current-section,.is-active){
 background:#edf8f4!important;color:#087d70!important;border-color:#b8d8cf!important;
}
body[data-w-shell="nutrition"] > .topbar > .topnav > .top-meta{
 margin-inline-start:auto;flex:0 0 auto;
}
@media(max-width:650px){
 body[data-w-shell="public"].baria-app-shell > .baria-page-frame{padding:10px!important;}
 body[data-w-shell="nutrition"] > .topbar > .topnav > .top-meta{display:none;}
}


/* V391 — Sidebar-to-card alignment, laptop and narrow desktop.
   Matches the approved plateau's outer edge; all public page-frame content
   starts at the same safe inset next to the genuine grid-column sidebar.
   This changes no sidebar widths, states, forms, or medical page content. */
@media(min-width:901px){
 body[data-w-shell="public"].baria-app-shell > .baria-page-frame{
  --w-public-sidebar-clearance:clamp(16px,1.2vw,20px);
  padding-inline:var(--w-public-sidebar-clearance)!important;
 }
}
body[data-w-shell="public"].baria-app-shell > .baria-page-frame > :is(.public-nav,.wh-header,main){
 width:100%!important;max-width:none!important;min-width:0!important;
 margin-inline:0!important;box-sizing:border-box!important;
}
body[data-w-shell="public"].baria-app-shell > .baria-page-frame > main > .container{
 width:100%!important;max-width:none!important;min-width:0!important;
 margin-inline:0!important;padding-inline:0!important;
 box-sizing:border-box!important;
}
/* The V383 FAQ inner 14px inset previously applied on top of the page-frame
   gap, so the question cards did not align with the header at laptop widths. */
body[data-w-ui="faq-frame"][data-w-shell="public"] > .baria-page-frame > main.landing-section > .container{
 width:100%!important;max-width:none!important;min-width:0!important;
 margin-inline:0!important;padding-inline:0!important;
 box-sizing:border-box!important;
}
/* When a 236px sidebar is expanded on 1024–1440px laptops, use a two-row
   header early enough to avoid clipping any of the seven Persian nav items.
   The original 650px/360px compact layouts remain the final mobile rules. */
@container w-unified-site-head (min-width:651px) and (max-width:1180px){
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.container.inner,.wh-header-inner,.container){
  grid-template-columns:154px minmax(0,1fr)!important;
  grid-template-areas:"brand actions" "nav nav"!important;
  row-gap:5px!important;
 }
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.public-links,.wh-nav){
  grid-area:nav!important;grid-column:1/-1!important;grid-row:2!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
 }
 :is(body[data-w-shell="public"][data-w-ui="library-frame"].baria-app-shell > .baria-page-frame > .public-nav,body[data-w-shell="public"] :is(.public-nav,.wh-header),body[data-w-shell="nutrition"] > .topbar,body[data-w-shell="standalone"] > .w-public-education-header) :is(.top-actions,.wh-header-actions){
  grid-area:actions!important;grid-column:auto!important;grid-row:1!important;
  justify-self:end!important;
 }
}


/* V392 — Homepage header outer frame must match the approved wh-shell cards.
   Home previously used nearly full viewport width for the header while
   its main cards were capped at 1480/1200/680px. Restore edge-to-edge
   parity without changing nav, hero, art, content, mobile cards or sidebars. */
body[data-w-shell="public"].wariatric-public-home > header.wh-header{
 width:min(1480px,calc(100% - 32px))!important;
 max-width:1480px!important;
 margin:10px auto 0!important;
 box-sizing:border-box!important;
}
@media(max-width:1280px){
 body[data-w-shell="public"].wariatric-public-home > header.wh-header{
  width:min(1200px,calc(100% - 28px))!important;
  max-width:1200px!important;
 }
}
@media(max-width:720px){
 body[data-w-shell="public"].wariatric-public-home > header.wh-header{
  width:min(680px,calc(100% - 20px))!important;
  max-width:680px!important;
 }
}