/* ml_skala.css · FÆLLES kerne (MLSkala) · al CSS under .ml-skala, præfiks msk- · Stemning v6's udtryk (kilde: stemning.ml.js .st-card/.st-axis/.st-dist/.st-nums) · 27/10-2026 */
.ml-skala{--msk-ink:var(--ml-ink,#1c2528);--msk-muted:var(--ml-muted,#596569);--msk-line:var(--ml-line-card,#d5dde2);--msk-acc:var(--ml-navy,#012a3e);--msk-or:var(--ml-or,#fbaa2e);display:block;color:var(--msk-ink);font:16px/1.45 Mukta,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-sizing:border-box}
.ml-skala :where([class]){box-sizing:border-box;margin:0;padding:0;font:inherit;color:inherit}
.ml-skala .msk-card{display:block;background:#fff;border:1px solid var(--msk-line);border-radius:4px;padding:12px;margin-top:16px}
.ml-skala .msk-q{display:block;font-weight:600}
.ml-skala .msk-axis{position:relative;height:44px;margin:22px 10px 0}
.ml-skala .msk-axis::before{content:"";position:absolute;left:0;right:0;top:14px;height:2px;background:var(--msk-line)}
.ml-skala .msk-range{position:absolute;top:11px;height:8px;background:#b3c7d3;border-radius:2px}
.ml-skala .msk-mark{position:absolute;top:7px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--msk-or);border:2px solid var(--msk-acc)}
.ml-skala .msk-selv{position:absolute;top:4px;width:22px;height:22px;margin-left:-11px;border-radius:50%;border:3px solid var(--msk-or)}
.ml-skala .msk-lab{position:absolute;top:26px;transform:translateX(-50%);font-size:11px;color:var(--msk-muted)}
.ml-skala .msk-val{position:absolute;top:-14px;transform:translateX(-50%);font-family:Teko,Mukta,sans-serif;font-weight:500;font-size:20px;color:var(--msk-acc)}
.ml-skala .msk-ends{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--msk-muted);margin-top:4px}
.ml-skala .msk-selvlg{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--msk-muted);margin-top:6px}
.ml-skala .msk-selvic{display:inline-block;flex:none;width:14px;height:14px;border-radius:50%;border:3px solid var(--msk-or)}
.ml-skala .msk-dist{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;height:64px;margin-top:22px}
.ml-skala .msk-dist .msk-db{background:var(--msk-acc);border-radius:2px 2px 0 0;position:relative;min-height:2px}
.ml-skala .msk-db .msk-dn{position:absolute;top:-17px;left:0;right:0;text-align:center;font-size:11px;color:var(--msk-muted)}
.ml-skala .msk-nums{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--msk-muted);margin-top:8px}
.ml-skala .msk-nums .msk-nb{font-weight:600;color:var(--msk-ink)}
.ml-skala .msk-cnt{margin-top:16px}