/* SG-SST (#222): only what the specialized-pages family does not provide.
   The minimum-standards bar chart is unique to this topic (standard 6.3: quantities as bars
   with the value written). One series, so one accent; the value label carries the meaning. */
.sst-chart{margin:1.25rem 0 1rem;padding:1.1rem 1.25rem;border:1px solid var(--udc-line);border-radius:var(--udc-radius-md);background:var(--udc-card)}
.sst-chart figcaption{margin-bottom:.9rem;color:var(--udc-text);font-weight:700}
.sst-chart-row{display:grid;grid-template-columns:minmax(14rem,1.25fr) minmax(7rem,1fr) 2.5rem;gap:.75rem;align-items:center;margin:.6rem 0}
.sst-chart-row>span{color:var(--udc-text);font-size:.9rem}
.sst-chart-track{height:.75rem;border-radius:999px;background:var(--udc-elevated);overflow:hidden}
.sst-chart-track>span{display:block;width:var(--sst-share);height:100%;border-radius:inherit;background:var(--udc-orange)}
.sst-chart-row strong{color:var(--udc-text);font-size:1.15rem;font-variant-numeric:tabular-nums;text-align:right}
.sst-chart>p{margin:.8rem 0 0;font-size:.85rem}
.sst-stats strong{display:block;color:var(--udc-text);font-size:1.75rem;font-variant-numeric:tabular-nums;line-height:1.2}
@media(max-width:760px){
  .sst-chart{padding:1rem}
  .sst-chart-row{grid-template-columns:minmax(0,1fr) 2.5rem;gap:.35rem .75rem}
  .sst-chart-row>span{grid-column:1/-1}
  .sst-chart-track{grid-column:1;grid-row:2}
  .sst-chart-row strong{grid-column:2;grid-row:2}
}
