/* Audit page — two scores, heading tree, CWV, fix list */

.score-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}
.score-card{border:1px solid var(--line);border-radius:.9rem;padding:1.25rem;background:var(--paper)}
.score-num{display:flex;align-items:baseline;gap:.6rem;margin-bottom:1rem}
.score-num strong{font-size:2.8rem;letter-spacing:-.04em;line-height:1}
.grade{font-family:'DM Mono',monospace;font-size:.9rem;font-weight:700;padding:.15rem .55rem;border-radius:.4rem;background:rgba(20,20,20,.07)}
.grade.a{background:rgba(113,144,58,.18);color:#4f6a22}
.grade.b{background:rgba(200,224,90,.3);color:#5d6b23}
.grade.c{background:rgba(232,135,58,.18);color:#a35c1c}
.grade.d{background:rgba(194,85,44,.18);color:#a03f1f}

.layer-bars{display:flex;flex-direction:column;gap:.6rem}
.layer{display:grid;grid-template-columns:1fr auto;gap:.3rem .6rem;font-size:.78rem}
.layer .name{color:var(--muted)}
.layer .val{font-family:'DM Mono',monospace;font-weight:700}
.layer .track{grid-column:1/-1;height:.4rem;border-radius:999px;background:rgba(20,20,20,.08);overflow:hidden}
.layer .fill{height:100%;border-radius:999px;background:var(--ink);transition:width .6s ease}
.layer .fill.warn{background:var(--orange)}
.layer .fill.bad{background:var(--bad)}

.heading-page{border:1px solid var(--line);border-radius:.75rem;padding:1rem;margin-bottom:1rem;background:var(--paper)}
.heading-page .url{font-family:'DM Mono',monospace;font-size:.72rem;color:var(--muted);margin-bottom:.6rem;word-break:break-all}
.h{display:flex;gap:.5rem;align-items:baseline;font-size:.85rem;padding:.15rem 0}
.h .tag{font-family:'DM Mono',monospace;font-size:.6rem;font-weight:700;color:var(--muted);flex:none;width:1.6rem}
.h.lvl-1{padding-left:0}.h.lvl-2{padding-left:1rem}.h.lvl-3{padding-left:2rem}.h.lvl-4{padding-left:3rem}
.h.violation{color:var(--bad);font-weight:600}
.h.violation .tag{color:var(--bad)}

.fix-group{margin-bottom:1.5rem}
.fix-group h4{font-size:.95rem;margin-bottom:.6rem;display:flex;align-items:center;gap:.5rem}
.fix{border:1px solid var(--line);border-radius:.6rem;padding:.75rem .9rem;margin-bottom:.5rem;background:var(--paper);font-size:.85rem}
.fix .why{color:var(--muted);font-size:.78rem;margin-top:.3rem}
.fix .meta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.45rem;font-family:'DM Mono',monospace;font-size:.65rem;color:var(--muted)}
.fix code{font-family:'DM Mono',monospace;font-size:.78rem;background:rgba(20,20,20,.06);padding:.1rem .3rem;border-radius:.25rem}

@media(max-width:760px){.score-pair{grid-template-columns:1fr}}