/* ============================================================
   PAGE · Free audit calculator  (.audit*)
   Auto-split from main.css (Phase 1). Load order fixed in inc/enqueue.php.
   ============================================================ */


/* ================= FREE AUDIT CALCULATOR ================= */
.audit{max-width:760px;margin:1.6rem auto 0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:clamp(1.4rem,4vw,2.4rem);}
.audit__bar{height:6px;background:var(--sb-lightblue);border-radius:6px;overflow:hidden;margin-bottom:1.6rem;}
.audit__bar span{display:block;height:100%;width:0;background:var(--sb-blue);transition:width .4s ease;}
.audit__step{display:none;}
.audit__step.is-active{display:block;animation:ncFade .3s ease;}
@keyframes ncFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.audit__step h2{margin:0 0 .3rem;}
.audit__checks{display:grid;gap:.6rem;margin:1.2rem 0;}
.audit__check{display:flex;gap:.7rem;align-items:flex-start;padding:.75rem .9rem;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:1.0625rem;color:var(--text-2);background:var(--sb-light);}
.audit__check input{margin-top:.2rem;width:20px;height:20px;accent-color:var(--sb-blue);flex:none;}
.audit__check:hover{border-color:var(--sb-blue);}
.audit__nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:1.2rem;}
.audit__msg{background:#f7e6e4;border:1px solid #e6bcb7;color:#b23b32;border-radius:8px;padding:.7rem 1rem;margin-bottom:1rem;}
.audit__score{font-family:var(--font-head);font-size:clamp(3rem,10vw,5rem);color:var(--sb-blue);font-weight:700;line-height:1;text-align:center;margin:1rem 0;}
.audit__score small{font-size:1.5rem;color:var(--muted);}
.audit__verdict{text-align:center;font-size:1.2rem;color:var(--text-2);max-width:46ch;margin:0 auto 1.6rem;}