/* VvE-gezondheidsscore */
.sc-in{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
.sc-big{display:grid;justify-items:center;gap:8px}
.sc-ring .bg{fill:none;stroke:var(--line);stroke-width:8}
.sc-ring .fg{fill:none;stroke-width:8;stroke-linecap:round}
.sc-ring.ok .fg{stroke:var(--ok)}.sc-ring.warn .fg{stroke:var(--warn)}.sc-ring.crit .fg{stroke:var(--crit)}
.sc-ring text{font:800 1.45rem var(--f-display);fill:var(--ink)}
.sc-row .sc-ring text{font-size:1.05rem}
.sc-parts{display:grid;gap:7px}
.sc-p{display:grid;grid-template-columns:minmax(150px,220px) 1fr 34px;gap:10px;align-items:center;font-size:.84rem}
.sc-p i{height:8px;border-radius:99px;background:var(--line);overflow:hidden}
.sc-p i b{display:block;height:100%;border-radius:99px}
.sc-p b.ok{background:var(--ok)}.sc-p b.warn{background:var(--warn)}.sc-p b.crit{background:var(--crit)}
.sc-p em{font-style:normal;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.sc-tips{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.sc-tips h4{margin:0 0 8px;font-size:.95rem}
.sc-tips ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sc-tips li{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;font-size:.88rem}
.sc-tips li>b{background:var(--teal-soft);color:var(--teal-ink);border-radius:8px;text-align:center;padding:3px 0;font-size:.8rem}
.sc-row{display:flex;gap:14px;align-items:center}
.sc-it{text-align:left}
.sc-n{min-width:42px;text-align:center;font:800 1rem var(--f-display);border-radius:10px;padding:6px 0}
.sc-n.ok{background:var(--ok-bg);color:var(--ok)}.sc-n.warn{background:var(--warn-bg);color:var(--warn)}.sc-n.crit{background:var(--crit-bg);color:var(--crit)}
@media (max-width:640px){.sc-in{grid-template-columns:1fr}.sc-p{grid-template-columns:1fr 60px 30px}.sc-tips li{grid-template-columns:40px 1fr}.sc-tips li .link{grid-column:2;justify-self:start}}
.passport .sc-ring text,.band .sc-ring text{fill:#fff}.passport .sc-ring .bg{stroke:rgba(255,255,255,.16)}