/* Wariatric V369 — patient-first weight plateau guide; inherits approved ERAS shell and typography. */
.wp-highlights{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:16px}
.wp-highlights span{display:inline-block;padding:7px 13px;border:1px solid #a4cfc3;border-radius:999px;background:#fff;color:#185d52;font-weight:700;font-size:var(--w-text-small)}
.wp-figure{margin:20px 0;max-width:100%;padding:16px 18px;border:1px solid #c8e0d9;border-radius:18px;background:#f9fdfa}
.wp-chart{display:block;max-width:100%;height:auto;min-width:0;direction:ltr;overflow:visible}
.wp-figure figcaption{color:#43665c;line-height:1.9;font-size:var(--w-text-small);border-top:1px solid #dceae5;padding-top:13px;margin-top:10px}
.wp-bars{display:grid;gap:15px;margin:18px 0;padding:20px;border:1px solid #c8e0d9;border-radius:16px;background:#f9fdfa}
.wp-bar-row{display:grid;grid-template-columns:minmax(125px,1fr) minmax(120px,2fr) 65px;align-items:center;gap:13px;min-width:0}
.wp-bar-row strong{font-size:var(--w-text-body);line-height:1.65;overflow-wrap:anywhere}
.wp-bar-row b{text-align:left;direction:rtl;color:#175e53;font-size:var(--w-text-body)}
.wp-bar-track{height:19px;border:1px solid #bddad1;background:#e8f2ee;border-radius:100px;overflow:hidden;direction:rtl}
.wp-bar-track span{display:block;height:100%;border-radius:100px;background:linear-gradient(90deg,#3baf97,#108474)}
.wp-steps{counter-reset:weightsteps;margin:18px 0;padding:0;display:grid;gap:11px;list-style:none}
.wp-steps li{position:relative;padding:17px 56px 17px 17px;border:1px solid #c8e3d9;border-radius:14px;background:#f8fcfa;line-height:1.9}
.wp-steps li::before{counter-increment:weightsteps;content:counter(weightsteps);display:grid;place-items:center;position:absolute;right:15px;top:18px;width:27px;height:27px;border-radius:50%;background:#168879;color:#fff;font-weight:800}
.wp-myths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.wp-myths .eras-card h3{font-size:var(--w-text-h4);line-height:1.7}
.wp-myths .eras-card p{margin:6px 0 0}
.wp-related{margin-top:20px!important}
.wp-related a{display:inline-block;margin:0 3px}
@media(max-width:700px){
.wp-myths{grid-template-columns:minmax(0,1fr)}
.wp-bar-row{grid-template-columns:minmax(0,1fr) 62px;gap:7px}
.wp-bar-row strong{grid-column:1/-1}
.wp-bars{padding:12px;gap:18px}
.wp-figure{padding:10px 6px}
.wp-highlights span{padding:5px 10px}
.wp-steps li{padding:14px 48px 14px 12px}
.wp-steps li::before{right:11px;top:16px}
}
@media(prefers-reduced-motion:reduce){.wp-chart{transition:none}}

/* V370 — Iranian cohort, legible units, typography and responsive study visualization. */
/* V378: Shared .eras-shell has a fluid full-column width in /eras/eras-v356.css. */
.wp-definition{margin:16px 0;padding:19px 22px;background:#edf8f3;border:1px solid #a9d5c8;border-right:5px solid #12877a;border-radius:16px;line-height:1.95;color:#17483f}
.wp-definition strong{color:#08675c}
.wp-cohort-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 16px}
.wp-cohort-summary>div{display:flex;flex-direction:column;gap:5px;padding:17px 16px;border-radius:16px;border:1px solid #bddcd2;background:#f5fbf8;min-width:0}
.wp-cohort-summary strong{color:#145c54;font-size:var(--w-text-h4);font-variant-numeric:tabular-nums;line-height:1.75}
.wp-cohort-summary small{color:#526a64;font-size:var(--w-text-small);line-height:1.8}
.wp-chart-panel{margin:20px 0;padding:24px 22px;border:1px solid #b5d6cd;border-radius:22px;background:linear-gradient(155deg,#fff,#f3faf6);box-shadow:0 9px 28px rgba(14,79,70,.06);max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.wp-chart-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 12px}
.wp-chart-head>div{min-width:0}
.wp-chart-head h3{margin:0 0 5px;color:#154d45;font-size:var(--w-text-h3);line-height:1.7}
.wp-chart-head p{margin:0;color:#4b6661;font-size:var(--w-text-body)}
.wp-chart-head p strong{color:#075f56}
.wp-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px}
.wp-legend span{display:inline-flex;align-items:center;gap:7px;font-size:var(--w-text-small);font-weight:700;color:#245e54;white-space:nowrap}
.wp-dot{width:12px;height:12px;display:inline-block;border-radius:50%;background:#078778;flex:none}
.wp-dot--bypass{background:#bd6942}
.wp-study-chart{display:block;width:100%;height:auto;max-width:100%;min-width:0;direction:ltr}
.wp-chart-panel figcaption{border-top:1px solid #d8e8e1;color:#41645d;padding-top:13px;margin-top:8px;line-height:1.9;font-size:var(--w-text-small)}
.wp-iran-table{min-width:800px}
.wp-iran-table td{font-weight:650;white-space:nowrap;direction:rtl;font-variant-numeric:tabular-nums}
.wp-iran-table thead th{background:#eaf6ef;white-space:normal}
.wp-data-disclaimer{padding:16px 20px;border-radius:14px;background:#f0f8f4;border:1px solid #b8dacc;color:#21574f;line-height:1.9}
.wp-food-example{padding:17px 20px;margin:18px 0;border:1px solid #c6e1d6;border-radius:14px;background:#f8fcf9}
.wp-food-example strong{color:#17675d}
.wp-food-example p{margin:8px 0 0}
.wp-mobile-scroll{display:none;color:#43665f;font-size:var(--w-text-small);margin:0 0 9px}
@media(max-width:1000px){.wp-cohort-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.wp-definition{padding:14px 15px}.wp-chart-panel{padding:14px 10px}.wp-study-chart{min-width:690px;max-width:none;width:690px}.wp-mobile-scroll{display:block}.wp-cohort-summary{gap:8px}.wp-cohort-summary>div{padding:12px}.wp-cohort-summary strong{font-size:var(--w-text-body)}.wp-cohort-summary small{font-size:var(--w-text-small)}.wp-chart-head{gap:7px}.wp-chart-head h3{line-height:1.8}.wp-chart-panel figcaption{min-width:0}.wp-food-example{padding:13px}}

/* V371: maintain medical hierarchy without visually overwhelming patients. */
.wp-factor-summary{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 21px}
.wp-factor-summary span{border-radius:99px;border:1px solid #c0dcd3;background:#f7fcf9;padding:5px 12px;color:#2e6158;font-size:var(--w-text-small);font-weight:650}
.wp-factor-list{display:grid;gap:10px;margin:18px 0}
.wp-factor-list details,.wp-myths details{min-width:0;border:1px solid #c6ded5;border-radius:15px;background:#fbfefd;overflow:hidden;transition:border-color .2s,background-color .2s}
.wp-factor-list details:hover,.wp-myths details:hover{border-color:#80b5a6;background:#f3faf6}
.wp-factor-list details[open],.wp-myths details[open]{border-color:#82bcab;background:#f4faf7}
.wp-factor-list summary,.wp-myths summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;color:#22554b;font-weight:800;font-size:var(--w-text-h4);line-height:1.8;padding:15px 18px;overflow-wrap:anywhere}
.wp-factor-list summary::-webkit-details-marker,.wp-myths summary::-webkit-details-marker{display:none}
.wp-factor-list summary::after,.wp-myths summary::after{content:"+";display:grid;place-items:center;flex:none;border:1px solid #b6d9cd;border-radius:50%;background:#ebf6f0;color:#187668;width:27px;height:27px;font-size:var(--w-text-h4);line-height:1}
.wp-factor-list details[open]>summary::after,.wp-myths details[open]>summary::after{content:"−"}
.wp-disclosure-body{padding:13px 19px 19px;background:#fff;border-top:1px solid #dbeae3}
.wp-disclosure-body p{margin:0 0 12px!important;line-height:1.95}
.wp-disclosure-body p:last-child{margin-bottom:0!important}
.wp-myths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wp-myths summary{height:100%;align-items:flex-start}
.wp-myths details[open] summary{height:auto}
.wp-references{margin-top:17px}
.wp-references>summary{font-size:var(--w-text-h4)}
.wp-references .eras-references__body{min-width:0}
.wp-references .eras-sources li{line-height:1.85}
.wp-factor-list summary:focus-visible,.wp-myths summary:focus-visible,.wp-references>summary:focus-visible{outline:3px solid #188b7c;outline-offset:-3px}
@media(max-width:650px){.wp-myths{grid-template-columns:minmax(0,1fr)}.wp-factor-list summary,.wp-myths summary{padding:12px 13px;gap:10px}.wp-disclosure-body{padding:12px 14px 15px}.wp-factor-summary{gap:6px}.wp-factor-summary span{padding:5px 9px}.wp-steps li{line-height:1.95}}
@media(prefers-reduced-motion:reduce){.wp-factor-list details,.wp-myths details{transition:none}}


/* V372: match the public home hero hierarchy while preserving approved readable tokens. */
body[data-w-shell="public"] .wp-home-style-hero{
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid #c6e2d9;border-radius:24px;
  background:linear-gradient(108deg,#e7f6f1 0%,#f6fcfa 45%,#fff 100%);
  padding:clamp(22px,3vw,42px);
  box-shadow:0 8px 26px rgba(20,67,62,.055);
}
body[data-w-shell="public"] .wp-home-style-hero .eras-tag{
  border:1px solid #b8ded2;background:#e9f7f0;color:#0b7770;
  font-size:var(--w-text-small);line-height:1.8;
}
body[data-w-shell="public"] .wp-home-style-hero h1{
  font-size:var(--w-text-h1);font-weight:var(--w-weight-bold);
  line-height:1.55;letter-spacing:normal;color:#102f3c;
  max-width:900px;margin:16px 0 14px;
}
body[data-w-shell="public"] .wp-home-style-hero p{
  color:#516b73;font-size:var(--w-text-body);
  line-height:2;max-width:900px;
}
body[data-w-shell="public"] #wp-definition,
body[data-w-shell="public"] #wp-trend,
body[data-w-shell="public"] #wp-causes{
  border-color:#d2e7de;border-radius:22px;
}
body[data-w-shell="public"] .eras-nav a:focus-visible{
  outline:3px solid #128778;outline-offset:3px;
}
@media(max-width:650px){
  body[data-w-shell="public"] .wp-home-style-hero{border-radius:18px;padding:20px 15px}
  body[data-w-shell="public"] .wp-home-style-hero h1{line-height:1.65}
}


/* V373: same public home header and semantic section-card hierarchy; no changes to global clinical UI. */
body[data-w-shell="public"] .wp-site-header{width:100%;max-width:100%;margin:0;background:rgba(255,255,255,.96)}
body[data-w-shell="public"] .wp-site-header .wh-header-inner{min-width:0}
body[data-w-shell="public"] .wp-site-header .wh-brand img{display:block;width:154px;max-width:100%;height:44px;object-fit:contain}
body[data-w-shell="public"] .wp-site-header .wh-nav{min-width:0}
body[data-w-shell="public"] .wp-site-header .wh-nav a:focus-visible,
body[data-w-shell="public"] .wp-site-header .wh-btn:focus-visible{outline:3px solid #07836e;outline-offset:3px}
body[data-w-shell="public"] .wp-home-style-hero{background:linear-gradient(115deg,#e8f7f2,#f7fcfa 52%,#fff)}
body[data-w-shell="public"] .wp-home-style-hero h1{font-weight:var(--w-weight-bold)!important;color:#102f3c}
body[data-w-shell="public"] .eras-section{border-color:#dbe9e5;box-shadow:0 8px 28px rgba(20,67,62,.045)}
body[data-w-shell="public"] .eras-section>h2{font-size:var(--w-text-h2);font-weight:var(--w-weight-bold)!important;color:#133641;line-height:1.75}
body[data-w-shell="public"] .eras-section>h3{font-size:var(--w-text-h3);font-weight:var(--w-weight-bold)!important;color:#173a46}
body[data-w-shell="public"] .eras-section .eras-card{border-color:#dfeae7;background:linear-gradient(180deg,#fff,#fbfdfd);border-radius:17px}
body[data-w-shell="public"] .eras-section .eras-card h3{color:#173a46}
@media(max-width:720px){
 body[data-w-shell="public"] .wp-site-header .wh-nav{width:100%;max-width:100%;overflow-x:auto}
 body[data-w-shell="public"] .wp-site-header .wh-header-actions{min-width:0}
}
@media(max-width:430px){
 body[data-w-shell="public"] .wp-site-header .wh-brand img{width:120px;height:auto}
 body[data-w-shell="public"] .wp-site-header .wh-header-actions{width:100%}
}


/* V373: responsive to the remaining content width after the fixed sidebar, not only viewport width. */
body[data-w-shell="public"] .wp-site-header{container:wp-public-head / inline-size}
@container wp-public-head (max-width:1220px){
 body[data-w-shell="public"] .wp-site-header .wh-header-inner{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 16px}
 body[data-w-shell="public"] .wp-site-header .wh-header-actions{grid-column:2;grid-row:1;justify-self:end}
 body[data-w-shell="public"] .wp-site-header .wh-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;max-width:100%;padding-bottom:8px}
}
@container wp-public-head (max-width:650px){
 body[data-w-shell="public"] .wp-site-header .wh-header-inner{display:flex;flex-wrap:wrap;align-items:center}
 body[data-w-shell="public"] .wp-site-header .wh-nav{order:3;flex:1 0 100%;min-width:0}
 body[data-w-shell="public"] .wp-site-header .wh-brand{order:1}
 body[data-w-shell="public"] .wp-site-header .wh-header-actions{order:2;margin-inline-start:auto}
}


/* V375: icons and decorative labels leave the enclosing native sidebar link clickable. */
body[data-w-shell="public"] .baria-global-sidebar__item :is(.baria-global-sidebar__icon,.baria-global-sidebar__label,.baria-global-sidebar__chevron),
body[data-w-shell="public"] .baria-global-sidebar__support :is(.baria-global-sidebar__support-icon,.baria-global-sidebar__support-copy,.baria-global-sidebar__chevron),
body[data-w-shell="public"] .baria-mobile-shell-drawer .baria-global-sidebar__item :is(.baria-global-sidebar__icon,.baria-global-sidebar__label,.baria-global-sidebar__chevron){pointer-events:none!important}

/* V393: patient-first, clearly labelled comparison charts; scoped to plateau only.
   Two independent y-scales for TWL and EWL avoid misleading dual-axis overlays.
   Every graph has named x and y axes, labels, a numeric source table and provenance. */
body.wp-article[data-w-shell="public"] .wp-metric-guide{
 margin:20px 0;padding:22px 24px;border:1px solid #b9d8cf;border-radius:20px;
 background:linear-gradient(135deg,#f3faf7,#fff);color:#244f49;
 box-shadow:0 6px 22px rgba(20,67,62,.04);
}
body.wp-article[data-w-shell="public"] .wp-metric-guide h2{
 font-size:var(--w-text-h2);line-height:1.65;color:#105c52;margin:0 0 12px;font-weight:800;
}
body.wp-article[data-w-shell="public"] .wp-metric-guide > p{
 font-size:var(--w-text-body);line-height:1.9;margin:10px 0;
}
body.wp-article[data-w-shell="public"] .wp-metric-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:17px 0;
}
body.wp-article[data-w-shell="public"] .wp-metric-card{
 min-width:0;border-radius:16px;border:1px solid #c7dfd7;background:#fff;
 padding:17px 19px;box-sizing:border-box;
}
body.wp-article[data-w-shell="public"] .wp-metric-card h3{
 font-size:var(--w-text-h4);font-weight:800;line-height:1.75;color:#0d665a;margin:0 0 9px;
}
body.wp-article[data-w-shell="public"] .wp-metric-card p{
 font-size:var(--w-text-body);line-height:1.9;margin:6px 0;overflow-wrap:break-word;
}
body.wp-article[data-w-shell="public"] .wp-metric-card .wp-metric-equation{
 color:#216e60;border-radius:10px;background:#eaf6f1;
 padding:9px 12px;margin-top:12px;font-weight:700;
}
body.wp-article[data-w-shell="public"] .wp-metric-example{
 padding:13px 15px;border:1px solid #c5e1d6;border-radius:12px;
 background:#eaf6f1;
}
body.wp-article[data-w-shell="public"] .wp-metric-note{
 color:#466960;
}
body.wp-article[data-w-shell="public"] .wp-axis-note{
 display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;
 margin:9px 0 13px;padding:10px 13px;background:#e9f6f1;
 border:1px solid #d1e7dd;border-radius:12px;
 color:#2f5d56;font-size:var(--w-text-small);line-height:1.8;
}
body.wp-article[data-w-shell="public"] .wp-axis-note strong{color:#0e685e}
body.wp-article[data-w-shell="public"] .wp-study-chart,
body.wp-article[data-w-shell="public"] .wp-comparison-chart{
 display:block;width:100%;max-width:100%;height:auto;min-width:0;
 direction:ltr;overflow:visible;
}
body.wp-article[data-w-shell="public"] .wp-chart-panel--ewl{
 background:linear-gradient(155deg,#fff,#f7fbf9);
}
body.wp-article[data-w-shell="public"] .wp-compare-legend{
 display:flex;flex-wrap:wrap;align-items:center;gap:9px 18px;
}
body.wp-article[data-w-shell="public"] .wp-compare-legend span{
 display:inline-flex;align-items:center;gap:7px;
 font-size:var(--w-text-small);font-weight:700;color:#245e54;
 white-space:nowrap;
}
body.wp-article[data-w-shell="public"] .wp-dot--12m{background:#0e917e}
body.wp-article[data-w-shell="public"] .wp-dot--24m{background:#497e9c}
@media(max-width:650px){
 body.wp-article[data-w-shell="public"] .wp-chart-panel .wp-study-chart{
  min-width:690px;width:690px;max-width:none;
 }
}
@media(max-width:700px){
 body.wp-article[data-w-shell="public"] .wp-metric-guide{padding:15px 13px}
 body.wp-article[data-w-shell="public"] .wp-metric-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 body.wp-article[data-w-shell="public"] .wp-metric-card{padding:13px}
 body.wp-article[data-w-shell="public"] .wp-axis-note{padding:9px 10px;gap:4px}
 body.wp-article[data-w-shell="public"] .wp-chart-panel--comparison .wp-comparison-chart{
  min-width:690px;width:690px;max-width:none;
 }
}

/* V379: plateau-only reading typography. Keep card, chart, header, sidebar and brand styles unchanged. */
body.wp-article[data-w-shell="public"] .eras-shell{
  --wp-reading-width:100%;
  --w-text-body:1.125rem;
}
body.wp-article[data-w-shell="public"] .eras-shell :is(.wp-home-style-hero,.eras-section){
  direction:rtl;
  text-align:right;
}
body.wp-article[data-w-shell="public"] .eras-shell .wp-home-style-hero > h1{
  line-height:1.4;
  margin-block:1.1em .55em;
}
body.wp-article[data-w-shell="public"] .eras-shell .eras-section > h2{
  line-height:1.4;
  margin-block:1.2em .55em;
}
body.wp-article[data-w-shell="public"] .eras-shell .eras-section > h2:first-child{
  margin-block-start:0;
}
body.wp-article[data-w-shell="public"] .eras-shell .eras-section > h3{
  line-height:1.4;
  margin-block:1.3em .5em;
}
/* Restrict line length of plain reading copy, not colored notices, charts, tables or cards. */
body.wp-article[data-w-shell="public"] .eras-shell .wp-home-style-hero > p,
body.wp-article[data-w-shell="public"] .eras-shell .eras-section > p:not([class]),
body.wp-article[data-w-shell="public"] .eras-shell .wp-disclosure-body > p,
body.wp-article[data-w-shell="public"] .eras-shell .eras-references__body > p{
  max-width:var(--wp-reading-width);
  font-size:var(--w-text-body);
  font-weight:400;
  line-height:1.8;
  text-align:right;
  overflow-wrap:break-word;
}
body.wp-article[data-w-shell="public"] .eras-shell .wp-home-style-hero > p + p,
body.wp-article[data-w-shell="public"] .eras-shell .eras-section > p:not([class]) + p:not([class]){
  margin-block-start:1.5em;
}
/* Preserve disclosure and step geometry while making the copy comfortable to read. */
body.wp-article[data-w-shell="public"] .eras-shell .eras-card > p,
body.wp-article[data-w-shell="public"] .eras-shell .wp-steps > li,
body.wp-article[data-w-shell="public"] .eras-shell .eras-faq details > p{
  font-size:var(--w-text-body);
  line-height:1.8;
  text-align:right;
  overflow-wrap:break-word;
}

/* V380: widen plateau reading copy to the usable article card and improve Persian prose legibility. */
body.wp-article[data-w-shell="public"] .eras-shell .wp-home-style-hero > p,
body.wp-article[data-w-shell="public"] .eras-shell .eras-section > p:not([class]),
body.wp-article[data-w-shell="public"] .eras-shell .wp-disclosure-body > p,
body.wp-article[data-w-shell="public"] .eras-shell .eras-references__body > p,
body.wp-article[data-w-shell="public"] .eras-shell .eras-card > p,
body.wp-article[data-w-shell="public"] .eras-shell .wp-steps > li,
body.wp-article[data-w-shell="public"] .eras-shell .eras-faq details > p {
  width:100%;
  max-width:100%;
  font-size:var(--w-text-body);
  line-height:1.95;
  text-align:right;
  overflow-wrap:break-word;
}
body.wp-article[data-w-shell="public"] .eras-shell .wp-definition,
body.wp-article[data-w-shell="public"] .eras-shell .eras-note,
body.wp-article[data-w-shell="public"] .eras-shell .wp-data-disclaimer {
  font-size:var(--w-text-body);
  line-height:1.95;
}
body.wp-article[data-w-shell="public"] .eras-shell bdi[dir="ltr"] {
  direction:ltr;
  unicode-bidi:isolate;
  white-space:normal;
}
@media(max-width:650px){
 body.wp-article[data-w-shell="public"] .eras-shell{--w-text-body:1rem}
}


/* V382: make horizontal section navigation and patient questions visibly legible. */
body.wp-article[data-w-shell="public"] .eras-shell .eras-nav a{
  font-size:var(--w-text-h4);font-weight:700;line-height:1.7;
}
body.wp-article[data-w-shell="public"] .eras-shell :is(.eras-faq,.wp-factor-list,.wp-myths) summary{
  font-size:var(--w-text-h3);font-weight:800;line-height:1.75;
}
@media(max-width:650px){
 body.wp-article[data-w-shell="public"] .eras-shell .eras-nav a{font-size:var(--w-text-body)}
 body.wp-article[data-w-shell="public"] .eras-shell :is(.eras-faq,.wp-factor-list,.wp-myths) summary{font-size:var(--w-text-h4)}
}