/* Library Audit (/library-audit/); shared pieces in engine.css */
.la-text{min-height:15rem; font:400 .9rem/1.55 var(--f-mono)}
.la-loaded{display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; padding:1rem 1.1rem; font:400 var(--t-sm)/1.4 var(--f-ui); color:var(--ink-2)}
.la-head{display:grid; grid-template-columns:auto minmax(0,1fr) minmax(12rem,18rem); gap:1rem 1.6rem; align-items:center; padding:1.1rem 1.2rem; background:var(--panel); border:1px solid var(--line); border-radius:var(--r-xl)}
@media (max-width:52rem){ .la-head{grid-template-columns:auto minmax(0,1fr)} .la-hist{grid-column:1 / -1} }
.la-health{position:relative; width:120px; height:120px}
.la-health b{position:absolute; inset:0; display:grid; place-content:center; text-align:center; font:300 2.1rem/1 var(--f-head); color:var(--ink)}
.la-health small{display:block; font:500 var(--t-2xs)/1.2 var(--f-ui); color:var(--ink-3); margin-top:.25rem}
.la-dial{width:120px; height:120px; transform:rotate(-90deg)}
.la-dial-base{fill:none; stroke:var(--bg-2); stroke-width:11}
.la-dial-on{fill:none; stroke-width:11; stroke-linecap:round; transition:stroke-dasharray .6s ease-out}
.la-dial-on.good{stroke:var(--good)} .la-dial-on.mid{stroke:var(--hi)} .la-dial-on.low{stroke:var(--bad)}
.la-head-t h2{font:400 1.5rem/1.2 var(--f-head); color:var(--ink); margin:0}
.la-head-t p{font:400 1rem/1.5 var(--f-serif); color:var(--ink-2); margin-top:.3rem}
.la-miss{font:400 var(--t-sm)/1.45 var(--f-ui) !important}
.la-hist{margin:0}
.la-bars{display:grid; grid-template-columns:repeat(10,1fr); gap:3px; align-items:end; height:5.5rem}
.la-bars span{--c:var(--ink-4); position:relative; height:calc(var(--h) * 100%); min-height:2px; border-radius:3px 3px 0 0; background:var(--c)}
.la-bars span[data-band="low"]{--c:var(--bad)} .la-bars span[data-band="mid"]{--c:var(--hi)} .la-bars span[data-band="ok"]{--c:var(--accent)} .la-bars span[data-band="good"]{--c:var(--good)}
.la-bars i{position:absolute; bottom:100%; left:0; right:0; text-align:center; font:500 var(--t-2xs)/1.4 var(--f-ui); font-style:normal; color:var(--ink-3)}
.la-hist figcaption{display:flex; justify-content:space-between; margin-top:.3rem; font:500 var(--t-2xs)/1 var(--f-ui); color:var(--ink-3)}

.la-fix{border-top:1px solid var(--line)}
.la-fix li{display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.3rem 1rem; align-items:center; padding:.7rem 0; border-bottom:1px solid var(--line)}
.la-fix b{display:block; font:600 1rem/1.35 var(--f-ui); color:var(--ink)}
.la-fix div span{font:400 .95rem/1.4 var(--f-serif); color:var(--ink-2)}
@media (max-width:40rem){ .la-fix li{grid-template-columns:auto minmax(0,1fr)} .la-fix li > :last-child{grid-column:2; justify-self:start} }
.la-score{--c:var(--ink-3); display:inline-grid; place-items:center; width:2rem; height:2rem; border-radius:50%; font:600 var(--t-sm)/1 var(--f-ui); color:var(--ink); background:color-mix(in srgb, var(--c) 16%, transparent); box-shadow:inset 0 0 0 1.5px var(--c)}
.la-score[data-s="1"],.la-score[data-s="2"],.la-score[data-s="3"]{--c:var(--bad)}
.la-score[data-s="4"],.la-score[data-s="5"]{--c:var(--hi)}
.la-score[data-s="6"],.la-score[data-s="7"]{--c:var(--accent)}
.la-score[data-s="8"],.la-score[data-s="9"],.la-score[data-s="10"]{--c:var(--good)}

.la-clusters li{display:flex; flex-wrap:wrap; gap:.35rem; padding:.6rem 0; border-top:1px solid var(--line-2)}
.la-chip{font:500 var(--t-sm)/1.2 var(--f-ui); padding:.4rem .7rem; border-radius:999px; border:1px solid var(--line); color:var(--ink-2); background:var(--field)}
.la-chip.keep{border-color:var(--good); color:var(--ink); background:var(--good-wash)}
.la-leaks li{display:flex; flex-wrap:wrap; gap:.2rem .8rem; padding:.55rem 0; border-top:1px solid var(--line-2); font:400 var(--t-sm)/1.4 var(--f-ui); color:var(--bad)}
.la-leaks b{color:var(--ink)}
.la-cov li{display:grid; grid-template-columns:minmax(8rem,14rem) minmax(0,1fr) auto; gap:.8rem; align-items:center; padding:.35rem 0; font:500 var(--t-sm)/1.3 var(--f-ui); color:var(--ink-2)}
.la-cov i{height:.6rem; border-radius:999px; background:linear-gradient(90deg, var(--accent) calc(var(--w) * 100%), var(--bg-2) 0)}
.la-cov b{font-variant-numeric:tabular-nums; color:var(--ink)}
.la-gaps{display:grid; grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); gap:1rem 1.6rem; margin-top:1rem}
.la-gaps h4{font:600 var(--t-sm)/1.3 var(--f-ui); color:var(--ink); margin:0 0 .3rem}
.la-gaps li{padding:.3rem 0; border-top:1px solid var(--line-2); font:400 .95rem/1.4 var(--f-serif)}
.la-gaps a{color:var(--accent)}
.la-table td small{font:400 var(--t-xs)/1 var(--f-ui); color:var(--ink-3)}
.la-table .la-bad{color:var(--bad)}
.la-table td:nth-child(2){min-width:12rem}