/* Website Score card. Colors come from CSS variables so it fits any site; override them on .wscore. */
.wscore{--ws-bg:#0f1012;--ws-box:#16181c;--ws-line:rgba(255,255,255,.12);--ws-ink:#eef0f3;--ws-dim:#a6aebb;--ws-mute:#8b93a1;--ws-accent:#3b9dff;--ws-good:#8fd9b8;--ws-bad:#f08a98;
  color:var(--ws-ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;display:grid;gap:14px}
.wscore *{box-sizing:border-box;min-width:0}
.wscore .box{background:var(--ws-box);border:1px solid var(--ws-line);border-radius:12px;padding:14px 16px}
.wscore .head{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.wscore .ring{flex:none;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.8rem;position:relative;
  background:conic-gradient(var(--ws-accent) calc(var(--p)*1%),var(--ws-line) 0)}
.wscore .ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--ws-box)}
.wscore .ring span{position:relative}
.wscore h3{margin:0 0 4px;font-size:1.25rem}.wscore h4{margin:0 0 10px;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ws-dim)}
.wscore p{margin:0;color:var(--ws-dim)}.wscore .note{font-size:.82rem;color:var(--ws-mute);margin-top:8px}
.wscore .cats{display:grid;gap:9px}
.wscore .cat{display:grid;grid-template-columns:minmax(0,190px) 1fr minmax(64px,auto);gap:10px;align-items:center;font-size:.86rem;color:var(--ws-dim)}
.wscore .cat b{color:var(--ws-ink);text-align:right;font-variant-numeric:tabular-nums}
.wscore .track{display:block;height:10px;border:1px solid var(--ws-line);border-radius:6px;overflow:hidden}
.wscore .fill{display:block;height:100%;background:var(--ws-accent)}
.wscore .unk{color:var(--ws-mute);font-size:.76rem;font-weight:400}
.wscore .fix{border-color:var(--ws-accent)}.wscore .fix b{display:block;color:var(--ws-ink)}.wscore .act{display:block;margin-top:6px;color:var(--ws-ink)}
.wscore details{background:var(--ws-box);border:1px solid var(--ws-line);border-radius:12px}
.wscore summary{cursor:pointer;list-style:none;padding:12px 16px;display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}
.wscore summary::-webkit-details-marker{display:none}.wscore summary h4{margin:0}.wscore summary .cnt{margin-left:auto;font-size:.8rem;color:var(--ws-mute)}
.wscore ul{list-style:none;margin:0;padding:0 16px 12px;display:grid;gap:8px}
.wscore li{display:grid;grid-template-columns:22px 1fr auto;gap:8px;border-top:1px solid var(--ws-line);padding-top:8px;font-size:.9rem;color:var(--ws-dim)}
.wscore li b{display:block;color:var(--ws-ink);font-weight:600}.wscore .pts{font-size:.78rem;color:var(--ws-mute);white-space:nowrap}
.wscore .st-pass{color:var(--ws-good);font-weight:700}.wscore .st-fail{color:var(--ws-bad);font-weight:700}.wscore .st-part{color:var(--ws-accent);font-weight:700}.wscore .st-unknown{color:var(--ws-mute)}
@media (max-width:480px){.wscore .cat{grid-template-columns:1fr auto}.wscore .cat .track{grid-column:1/-1;grid-row:2}}