@layer pages {
.audit-hero__points{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.audit-hero__points span{padding:7px 11px;border-radius:999px;background:#fff;border:1px solid var(--color-line);font-size:12px;font-weight:900;color:var(--color-navy)}
.audit-intro{margin:0 0 34px;padding:28px 30px;border-radius:var(--radius-md);background:var(--color-pale);border:1px solid var(--color-line)}.audit-intro h2{margin-top:0;font-size:clamp(24px,3vw,34px)}
.audit-check{display:grid;gap:34px}.audit-progress{height:7px;border-radius:99px;background:#eaf0f5;overflow:hidden;position:sticky;top:84px;z-index:8}.audit-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--color-blue),var(--color-gold));transition:width .22s ease}
.audit-groups{display:grid;gap:20px}.audit-group{padding:26px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff}.audit-group__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.audit-group__head>span{font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--color-blue)}.audit-group__head strong{font-size:13px;color:var(--color-muted)}.audit-group__head b{color:var(--color-navy);font-size:19px}.audit-group h2{margin:.25em 0 .8em;font-size:24px}.audit-grid{display:grid;gap:10px}.audit-grid label{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:15px 16px;border:1px solid var(--color-line);border-radius:13px;cursor:pointer;transition:.18s ease}.audit-grid label:hover{border-color:#b9d9ef;background:#f8fcff}.audit-grid input{margin-top:3px;width:19px;height:19px;accent-color:var(--color-blue)}.audit-grid label:has(input:checked){border-color:#94c8ea;background:#f2faff}.audit-grid span{line-height:1.6}
.audit-result{padding:30px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-navy),#163c6d);color:#fff}.audit-result__kicker{margin:0 0 8px;font-size:11px;font-weight:900;letter-spacing:.13em;color:#a9d9ff}.audit-result__score{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.audit-result__score strong{font-size:56px;line-height:1}.audit-result__score small{font-size:18px}.audit-result__score>span{font-size:20px;font-weight:900}.audit-result>p:last-of-type{max-width:760px;color:#dceafa}.audit-result__bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:20px}.audit-mini-bar{padding:10px 8px;border-radius:10px;background:rgba(255,255,255,.08);text-align:center}.audit-mini-bar span{display:block;font-size:10px;color:#b9d7ef}.audit-mini-bar strong{display:block;font-size:18px;margin-top:2px}
.audit-recommendations{padding:30px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fff}.audit-recommendations h2{margin:.2em 0 .5em}.audit-recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.audit-recommendation{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid var(--color-line);border-radius:14px;text-decoration:none;background:#fff}.audit-recommendation:hover{border-color:#9dcce9;transform:translateY(-1px)}.audit-recommendation>span{font-size:11px;font-weight:900;color:var(--color-blue)}.audit-recommendation strong{color:var(--color-navy);line-height:1.5}.audit-recommendation small{margin-top:auto;color:var(--color-muted)}
.audit-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.audit-disclaimer{text-align:center;font-size:12px;color:var(--color-muted)}
@media(max-width:760px){.audit-group{padding:20px 17px}.audit-result{padding:24px 20px}.audit-result__bars{grid-template-columns:repeat(3,1fr)}.audit-recommendation-grid{grid-template-columns:1fr}.audit-actions{display:grid}.audit-progress{top:70px}}
}