/* Shared by index.html and /source-confidence-criteria/ — renders the
   live per-tier breakdown computed by renderClassificationBreakdown()
   (app.js) / the inline equivalent in source-confidence.js. Bar widths
   use fixed pct-* step classes instead of style="width:…" so this works
   under a CSP with no 'unsafe-inline' in style-src. */
.classification-breakdown{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.cb-row{display:flex;align-items:center;gap:10px;font-size:13px}
.cb-label{display:flex;align-items:center;gap:6px;min-width:190px;color:var(--text)}
.cb-label::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.cb-bar-track{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden}
.cb-bar-fill{height:100%;border-radius:3px;display:block;width:0}
.cb-count{min-width:118px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
.cb-documented{color:var(--green)}.cb-bar-fill.cb-documented{background:var(--green)}
.cb-related{color:var(--amber)}.cb-bar-fill.cb-related{background:var(--amber)}
.cb-candidate{color:var(--alert)}.cb-bar-fill.cb-candidate{background:var(--alert)}
.cb-unknown{color:var(--violet-text)}.cb-bar-fill.cb-unknown{background:var(--violet)}
.pct-0{width:0%}.pct-5{width:5%}.pct-10{width:10%}.pct-15{width:15%}.pct-20{width:20%}
.pct-25{width:25%}.pct-30{width:30%}.pct-35{width:35%}.pct-40{width:40%}.pct-45{width:45%}
.pct-50{width:50%}.pct-55{width:55%}.pct-60{width:60%}.pct-65{width:65%}.pct-70{width:70%}
.pct-75{width:75%}.pct-80{width:80%}.pct-85{width:85%}.pct-90{width:90%}.pct-95{width:95%}
.pct-100{width:100%}