/* =====================================================================
   Rostery · page pieces (Console industry template)
   Load after console.css. Prefix rs-.
   ===================================================================== */
.rs-meter { --s: 0; position: relative; display: block; min-height: 1.4em; padding-top: 10px; font: 500 13px/1.3 var(--body); color: var(--muted); }
.rs-meter::before { content: ""; position: absolute; left: 0; top: 0; height: 5px; width: 100%; border-radius: 3px; background: linear-gradient(90deg, var(--go) calc(var(--s) * 25%), var(--line) calc(var(--s) * 25%)); }
.rs-need { padding: 12px 14px; border-radius: var(--r-m); background: var(--warn-soft); color: var(--ink); font-size: 15px; }
.rs-done { padding: 16px 18px; border-radius: var(--r-m); background: var(--go-soft); color: var(--ink); font-size: 15.5px; }
.rs-compare td.y { color: var(--go); font-weight: 700; }
.rs-compare td.n { color: var(--muted); }