.audit-wrap{padding-top:clamp(2.5rem,6vw,4.5rem);min-height:70vh}
.a-intro-card{background:#fff;border-radius:var(--r-lg);padding:1.8rem}
.a-intro-card ul{list-style:none;margin:0;padding:0;font-family:var(--display);font-size:1.4rem;line-height:1.2}
.a-intro-card li{padding:.6rem 0;border-top:1px solid var(--line)}
.a-intro-card li:first-child{border-top:0}

/* Progress: five named steps */
.a-progress{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin:0 0 1.25rem;padding:0;font-family:var(--display);font-size:.88rem;color:var(--ink-soft)}
.a-progress li{border-top:4px solid var(--line);padding-top:.45rem}
.a-progress li.done{border-color:var(--plum);color:var(--ink)}
.a-progress li.now{border-color:var(--orchid);color:var(--ink);font-weight:600}
@media (max-width:600px){.a-progress li{font-size:0;}.a-progress li.now{font-size:.85rem}}

.a-q{max-width:760px}
.a-q h2{margin-bottom:.25em}
.a-question{font-size:1.25rem;color:var(--ink-soft);max-width:52ch}
.a-scale{border:0;margin:1.6rem 0 0;padding:0}
.a-scale legend{font-family:var(--display);font-weight:600;font-size:1.1rem;margin-bottom:.7rem;padding:0}
.a-chips{display:grid;grid-template-columns:repeat(10,1fr);gap:.4rem}
.a-chips input{position:absolute;opacity:0;pointer-events:none}
.a-chips label{margin:0;display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-height:44px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:#fff;font-family:var(--display);font-weight:600;font-size:1.05rem;cursor:pointer;transition:background-color .12s,border-color .12s,color .12s}
.a-chips label:hover{border-color:var(--orchid)}
.a-chips input:checked+label{background:var(--plum);border-color:var(--plum);color:#fff}
#a-matters .a-chips input:checked+label{background:var(--brass);border-color:var(--brass);color:var(--ink)}
.a-chips input:focus-visible+label{outline:3px solid var(--orchid);outline-offset:2px}
.a-ends{display:flex;justify-content:space-between;gap:1rem;margin-top:.45rem;font-size:.88rem;color:var(--ink-soft)}
@media (max-width:600px){.a-chips{grid-template-columns:repeat(5,1fr)}}

.a-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;gap:1rem}
.a-back{background:none;border:0;padding:.5rem 0;font-family:var(--display);font-size:1rem;color:var(--ink-soft);cursor:pointer;text-decoration:underline;text-underline-offset:.2em}
.a-back:hover{color:var(--ink)}
.btn:disabled{opacity:.35;cursor:not-allowed}

/* Results */
.a-res-head{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.75rem}
.a-res-head h2{margin:0;max-width:20ch}
.a-kicker{margin:0 0 .4rem;color:var(--ink-soft)}
.a-score{display:flex;align-items:baseline;gap:.6rem}
.a-score span:first-child{font-family:var(--display);font-weight:700;font-size:3rem;line-height:1;color:var(--plum)}
.a-res-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3rem);align-items:start}
@media (max-width:880px){.a-res-grid{grid-template-columns:1fr}}
.a-chart .row{display:grid;grid-template-columns:minmax(7rem,10rem) 1fr 3.5rem;gap:.8rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--paper-2);font-family:var(--display)}
.a-chart .row:last-child{border-bottom:0}
.a-chart .row.focus{color:var(--plum);font-weight:600}
.a-chart .bar{height:14px}
.a-chart .bar i{width:0;transition:width .7s cubic-bezier(.2,.8,.2,1)}
.a-chart .row.focus .bar i{background:var(--plum)}
.a-chart .row:not(.focus) .bar i{background:#A58AAD}
.a-chart .gap{font-size:.88rem;color:var(--ink-soft);text-align:right}
.a-chart .row.focus .gap{color:var(--plum)}
@media (prefers-reduced-motion:reduce){.a-chart .bar i{transition:none}}
.a-insight h3{font-size:1.6rem}
.a-try{background:#fff;border-left:4px solid var(--brass);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:1rem 1.1rem}
.a-try strong{display:block;margin-bottom:.25rem}
.a-again{margin-top:1.5rem;display:flex;gap:1.5rem;flex-wrap:wrap}

@media print{
  .site-header,.site-footer,.final,.a-again,.skip{display:none!important}
  body{background:#fff}
  .card{box-shadow:none;border:1px solid #ddd}
}
.a-email{margin-top:2.5rem;max-width:760px}
.a-email h3{font-size:1.5rem}
.a-sent{margin:0;font-family:var(--display);font-size:1.15rem;color:var(--plum)}
@media print{.a-email{display:none}}
