@import url("../../shared/design-system/v0.4/tokens.css");
@import url("../../shared/design-system/v0.4/utilities.css");
@import url("../../shared/design-system/v0.4/section-header.css");
@import url("../../shared/design-system/v0.4/action-pill.css");
@import url("../../shared/design-system/v0.4/status-chip.css");

html,body{margin:0;background:var(--pw-bg);color:var(--pw-ink)}
#pw-help-body{--r:24px;--rx:34px;--shadow:0 22px 64px -56px rgba(0,0,0,.55);--pw-section-index-col:72px;--pw-section-index-col-tablet:44px;--pw-section-gap:28px;--pw-section-desc-max:560px;overflow:hidden;background:var(--pw-bg);color:var(--pw-ink);font-family:var(--pw-font-sans);font-kerning:normal;text-rendering:optimizeLegibility}
#pw-help-body *{box-sizing:border-box}
#pw-help-body a{color:inherit}
#pw-help-body .pw-wrap{width:min(calc(100% - (var(--pw-gutter)*2)),var(--pw-content-max));margin:0 auto}
#pw-help-body h2,#pw-help-body h3,#pw-help-body p{margin-top:0}
#pw-help-body .pw-section{padding:82px 0}
#pw-help-body .pw-section-head{margin-bottom:40px}
#pw-help-body .pw-no{font-size:12px;color:var(--pw-muted);font-weight:700;padding-top:10px}
#pw-help-body .pw-section-head h2,#pw-help-body .pw-partner-panel h2{font-size:clamp(36px,4vw,52px);line-height:1.02;letter-spacing:var(--pw-track-heading);margin-bottom:0}
#pw-help-body .pw-section-desc{font-size:17px;line-height:1.6;color:var(--pw-muted);margin-bottom:0;max-width:560px}


/* Russian script-aware typography and proportion */
html[lang="ru"] #pw-help-body .pw-section-head h2{
  font-size:clamp(34px,3.35vw,46px);
  line-height:1.07;
  letter-spacing:0;
  max-width:520px;
}
html[lang="ru"] #pw-help-body .pw-section-desc{
  font-size:16px;
  line-height:1.58;
  max-width:590px;
}
html[lang="ru"] #pw-help-body .pw-need-meta,
html[lang="ru"] #pw-help-body .pw-horizon-meta,
html[lang="ru"] #pw-help-body .pw-dark-kicker{
  letter-spacing:.02em;
}
html[lang="ru"] #pw-help-body .pw-need-card h3{
  font-size:21px;
  line-height:1.18;
  letter-spacing:0;
}
html[lang="ru"] #pw-help-body .pw-sustain-grid h3{
  font-size:19px;
  line-height:1.2;
  letter-spacing:0;
}
html[lang="ru"] #pw-help-body .pw-horizon-grid h3{
  font-size:20px;
  line-height:1.18;
  letter-spacing:0;
}
html[lang="ru"] #pw-help-body .pw-partner-panel h2{
  font-size:clamp(36px,3.5vw,46px);
  line-height:1.06;
  letter-spacing:0;
}
html[lang="ru"] #pw-help-body .pw-partner-panel>div>p{
  font-size:16px;
  line-height:1.6;
}

#pw-help-body .pw-current-needs{padding-top:24px;border-bottom:1px solid var(--pw-line)}
#pw-help-body .pw-needs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#pw-help-body .pw-need-card{background:var(--pw-surface);border:1px solid var(--pw-line);border-radius:var(--r);padding:26px;min-height:360px;display:flex;flex-direction:column;box-shadow:var(--shadow)}
#pw-help-body .pw-need-priority{background:#fbf7eb}
#pw-help-body .pw-need-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--pw-subtle);font-size:var(--pw-type-label);font-weight:var(--pw-weight-label);letter-spacing:var(--pw-track-label);line-height:1.2;margin-bottom:34px}
#pw-help-body .pw-need-meta>.pw-status-chip{flex:0 0 auto;letter-spacing:var(--pw-track-chip)}
#pw-help-body .pw-need-value{font-size:clamp(30px,3vw,42px);line-height:1;font-weight:700;letter-spacing:var(--pw-track-title);margin-bottom:20px}
#pw-help-body .pw-need-card h3{font-size:23px;line-height:1.15;letter-spacing:var(--pw-track-title);margin-bottom:13px}
#pw-help-body .pw-need-card p{font-size:14px;line-height:1.64;color:var(--pw-muted);margin-bottom:0}
#pw-help-body .pw-resource-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}
#pw-help-body .pw-resource-pills span{font-size:12px;line-height:1.2;font-weight:var(--pw-weight-chip);letter-spacing:var(--pw-track-chip);color:var(--pw-muted);border:1px solid var(--pw-line);border-radius:999px;background:var(--pw-bg);padding:7px 10px}
#pw-help-body .pw-needs-foot{display:flex;justify-content:flex-end;align-items:center;border-top:1px solid var(--pw-line);margin-top:22px;padding-top:18px}
#pw-help-body .pw-all-needs{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:13px;font-weight:700}
#pw-help-body.details-off .pw-needs-foot{display:none}

#pw-help-body .pw-sustain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#pw-help-body .pw-sustain-grid article{border-top:1px solid var(--pw-line);padding:16px 4px 0}
#pw-help-body .pw-sustain-grid span{display:block;font-size:11px;color:var(--pw-subtle);font-weight:700;margin-bottom:24px}
#pw-help-body .pw-sustain-grid h3{font-size:20px;line-height:1.15;letter-spacing:var(--pw-track-title);margin-bottom:12px}
#pw-help-body .pw-sustain-grid p{font-size:14px;line-height:1.62;color:var(--pw-muted);margin-bottom:0}

#pw-help-body .pw-horizon{border-top:1px solid var(--pw-line);border-bottom:1px solid var(--pw-line)}
#pw-help-body .pw-horizon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#pw-help-body .pw-horizon-grid article{background:var(--pw-surface);border:1px solid var(--pw-line);border-radius:var(--r);padding:26px;box-shadow:var(--shadow)}
#pw-help-body .pw-horizon-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--pw-subtle);font-size:var(--pw-type-label);font-weight:var(--pw-weight-label);letter-spacing:var(--pw-track-label);line-height:1.2;margin-bottom:36px}
#pw-help-body .pw-need-meta>span:not(.pw-status-chip),
#pw-help-body .pw-horizon-meta>span{text-transform:uppercase}
#pw-help-body .pw-horizon-value{font-size:34px;line-height:1;font-weight:700;letter-spacing:var(--pw-track-title);margin-bottom:20px}
#pw-help-body .pw-horizon-grid h3{font-size:22px;line-height:1.15;letter-spacing:var(--pw-track-title);margin-bottom:12px}
#pw-help-body .pw-horizon-grid p{font-size:14px;line-height:1.62;color:var(--pw-muted);margin-bottom:0}



/* What has already gone into building Peaceful World */
#pw-help-body .pw-invested{border-bottom:1px solid var(--pw-line)}
#pw-help-body .pw-invested-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--pw-line);
  border-bottom:1px solid var(--pw-line);
}
#pw-help-body .pw-invested-metric{
  min-width:0;
  padding:26px 24px 28px;
  border-right:1px solid var(--pw-line);
}
#pw-help-body .pw-invested-metric:first-child{padding-left:0}
#pw-help-body .pw-invested-metric:last-child{border-right:0;padding-right:0}
#pw-help-body .pw-invested-value{
  font-size:clamp(34px,3.4vw,48px);
  line-height:1;
  font-weight:700;
  letter-spacing:var(--pw-track-heading);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  margin-bottom:22px;
}
html[lang="ru"] #pw-help-body .pw-invested-value{letter-spacing:0}
#pw-help-body .pw-invested-metric h3{
  font-size:18px;
  line-height:1.2;
  letter-spacing:var(--pw-track-title);
  margin-bottom:10px;
}
html[lang="ru"] #pw-help-body .pw-invested-metric h3{letter-spacing:0}
#pw-help-body .pw-invested-metric p{
  font-size:14px;
  line-height:1.64;
  color:var(--pw-muted);
  margin-bottom:0;
}
#pw-help-body .pw-invested-metric.is-derived .pw-invested-value{
  font-size:clamp(31px,3vw,42px);
  color:var(--pw-muted);
}
#pw-help-body .pw-eurostat-link{
  display:inline;
  font-weight:700;
  text-underline-offset:3px;
}
#pw-help-body .pw-invested-evidence{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin-top:22px;
  border:1px solid var(--pw-line);
  border-radius:18px;
  overflow:hidden;
  background:var(--pw-line);
}
#pw-help-body .pw-evidence-cell{
  display:grid;
  grid-template-columns:10px 1fr;
  gap:12px;
  align-items:start;
  padding:19px 20px;
  background:var(--pw-surface);
}
#pw-help-body .pw-evidence-dot{
  width:8px;
  height:8px;
  margin-top:5px;
  border-radius:50%;
  background:var(--pw-ink);
}
#pw-help-body .pw-evidence-dot.is-estimated{background:var(--pw-accent)}
#pw-help-body .pw-evidence-cell strong{
  display:block;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
  margin-bottom:5px;
}
#pw-help-body .pw-evidence-cell p{
  margin:0;
  font-size:12px;
  line-height:1.5;
  color:var(--pw-subtle);
}
#pw-help-body .pw-method{
  margin-top:14px;
  border-top:1px solid var(--pw-line);
  border-bottom:1px solid var(--pw-line);
}
#pw-help-body .pw-method summary{
  cursor:pointer;
  list-style:none;
  position:relative;
  padding:16px 34px 16px 0;
  font-size:13px;
  line-height:1.4;
  font-weight:700;
}
#pw-help-body .pw-method summary::-webkit-details-marker{display:none}
#pw-help-body .pw-method summary:after{
  content:"+";
  position:absolute;
  right:2px;
  top:50%;
  transform:translateY(-50%);
  font-size:20px;
  line-height:1;
  font-weight:400;
  color:var(--pw-muted);
}
#pw-help-body .pw-method[open] summary:after{content:"−"}
#pw-help-body .pw-method-body{
  max-width:760px;
  padding:0 0 18px;
}
#pw-help-body .pw-method-body p{
  margin:0;
  font-size:13px;
  line-height:1.62;
  color:var(--pw-muted);
}

#pw-help-body .pw-partners{padding-top:12px;padding-bottom:48px}
#pw-help-body .pw-partner-panel{border-radius:var(--rx);padding:42px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(340px,1fr);gap:70px}
#pw-help-body .pw-dark-kicker{font-size:var(--pw-type-label);line-height:1.25;text-transform:uppercase;letter-spacing:var(--pw-track-label);font-weight:var(--pw-weight-label);color:var(--pw-fg-subtle);margin-bottom:22px}
#pw-help-body .pw-partner-panel h2{color:var(--pw-fg);margin-bottom:18px}
#pw-help-body .pw-partner-panel>div>p{color:var(--pw-fg-muted);font-size:17px;line-height:1.64;margin-bottom:22px}
#pw-help-body .pw-dark-link{display:inline-flex;gap:8px;color:var(--pw-fg);font-size:13px;font-weight:700;text-decoration:none}
#pw-help-body .pw-boundaries{
  display:grid;
  grid-template-rows:repeat(4,minmax(0,1fr));
  align-self:stretch;
  border-top:1px solid var(--pw-rule);
}
#pw-help-body .pw-boundaries>div{
  display:grid;
  grid-template-columns:22px 1fr;
  gap:14px;
  align-items:center;
  min-height:0;
  padding:0;
  border-bottom:1px solid var(--pw-rule);
}
#pw-help-body .pw-boundaries span{display:grid;place-items:center;width:20px;height:20px;font-size:15px;line-height:1;font-weight:600;color:var(--pw-fg)}
#pw-help-body .pw-boundaries p{color:var(--pw-fg-muted);font-size:14px;line-height:1.4;margin:0}

@media(max-width:900px){
  #pw-help-body .pw-needs-grid{grid-template-columns:1fr}
  #pw-help-body .pw-need-card{min-height:auto}
  #pw-help-body .pw-sustain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
  #pw-help-body .pw-horizon-grid{grid-template-columns:1fr}
  #pw-help-body .pw-invested-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pw-help-body .pw-invested-metric{border-bottom:1px solid var(--pw-line)}
  #pw-help-body .pw-invested-metric:nth-child(2){border-right:0;padding-right:0}
  #pw-help-body .pw-invested-metric:nth-child(3){padding-left:0;border-bottom:0}
  #pw-help-body .pw-invested-metric:nth-child(4){border-bottom:0}
  #pw-help-body .pw-invested-evidence{grid-template-columns:1fr}
  #pw-help-body .pw-partner-panel{grid-template-columns:1fr;gap:34px}
  #pw-help-body .pw-boundaries{grid-template-rows:none;grid-auto-rows:minmax(58px,auto)}
  #pw-help-body .pw-boundaries>div{padding:14px 0}
}
@media(max-width:620px){
  html[lang="ru"] #pw-help-body .pw-section-head h2{font-size:34px;line-height:1.08}
  html[lang="ru"] #pw-help-body .pw-section-desc{font-size:15px;line-height:1.56}
  html[lang="ru"] #pw-help-body .pw-partner-panel h2{font-size:36px;line-height:1.08}
  #pw-help-body .pw-section{padding:54px 0}
  #pw-help-body .pw-current-needs{padding-top:22px}
  #pw-help-body .pw-section-head{margin-bottom:30px}
  #pw-help-body .pw-section-head h2{font-size:36px}
  #pw-help-body .pw-section-desc{font-size:15px}
  #pw-help-body .pw-need-card,#pw-help-body .pw-horizon-grid article{padding:22px}
  #pw-help-body .pw-sustain-grid{grid-template-columns:1fr}
  #pw-help-body .pw-invested-grid{grid-template-columns:1fr}
  #pw-help-body .pw-invested-metric:nth-child(n){padding:20px 0;border-right:0;border-bottom:1px solid var(--pw-line)}
  #pw-help-body .pw-invested-metric:last-child{border-bottom:0}
  #pw-help-body .pw-invested-value{font-size:36px;margin-bottom:15px}
  #pw-help-body .pw-invested-metric.is-derived .pw-invested-value{font-size:32px}
  #pw-help-body .pw-evidence-cell{padding:17px}
  #pw-help-body .pw-partner-panel{padding:28px 22px;border-radius:var(--r)}
}
/* Seam control for Tilda -> GitHub embed handoff */
#pw-help-body{margin-top:-1px}