.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.audit-form{background:var(--white);border-radius:999px;gap:10px;max-width:680px;margin-top:32px;padding:8px;display:flex;box-shadow:0 24px 48px -24px #0a143c8c}.audit-form:focus-within{box-shadow:0 24px 48px -24px #0a143c8c, 0 0 0 4px var(--marigold)}.audit-form input[type=text]{border:0;border-radius:999px;outline:none;flex:1;min-width:0;padding:0 20px;font-size:1.1rem;box-shadow:none!important}.audit-form .btn{flex:none}.audit-status{color:#ffffffe6;min-height:1.6em;margin:16px 0 0;font-weight:550}.audit-status.is-error{color:var(--white);border-radius:var(--radius-sm);background:#c42b3ae6;max-width:680px;padding:10px 16px;display:inline-block}.audit-status.is-busy:before{content:"";vertical-align:-2px;border:2.5px solid #ffffff59;border-top-color:var(--marigold);border-radius:50%;width:14px;height:14px;margin-right:10px;animation:.8s linear infinite audit-spin;display:inline-block}@keyframes audit-spin{to{transform:rotate(360deg)}}@media (width<=560px){.audit-form{border-radius:var(--radius);flex-direction:column}.audit-form input[type=text]{border-radius:var(--radius-sm);min-height:52px}}.audit-results{padding-top:clamp(40px,6vw,72px)}.audit-summary{border-bottom:2px solid var(--ink);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,48px);padding-bottom:clamp(32px,5vw,48px);display:grid}.audit-score{--tone:var(--danger);width:168px;height:168px;position:relative}.audit-score.is-ok{--tone:#b07800}.audit-score.is-good{--tone:var(--mint)}.audit-score svg{width:100%;height:100%;transform:rotate(-90deg)}.audit-score circle{fill:none;stroke-width:10px}.audit-score .ring-bg{stroke:var(--line)}.audit-score .ring{stroke:var(--tone);stroke-linecap:round;stroke-dasharray:calc(var(--score) * 1) 100;transition:stroke-dasharray .9s}.audit-score>div{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.audit-score strong{font:780 3.4rem/1 var(--display);letter-spacing:-.04em;color:var(--tone)}.audit-score span{color:var(--muted);font-size:.88rem}.audit-checked{color:var(--muted);overflow-wrap:anywhere;margin:0 0 6px}.audit-summary h2{margin-bottom:14px;font-size:clamp(1.7rem,3vw,2.4rem)}.audit-counts{flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none;display:flex}.audit-counts li{background:var(--white);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-size:.95rem;font-weight:600;display:inline-flex}.audit-group{padding-top:clamp(32px,4vw,44px)}.audit-group h2{margin-bottom:8px;font-size:clamp(1.4rem,2.4vw,1.8rem)}.audit-item{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr);gap:14px;padding:18px 0;display:grid}.audit-item h3{letter-spacing:-.01em;margin:2px 0 4px;font-size:1.12rem}.audit-item p{color:var(--ink-soft);overflow-wrap:anywhere;margin:0}.audit-item .audit-fix{background:var(--white);border-left:3px solid var(--cobalt);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink);margin-top:8px;padding:10px 14px}.audit-item .audit-fix b{font-weight:700}.audit-icon{color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.audit-icon svg{width:16px;height:16px}.audit-icon.pass{background:var(--mint)}.audit-icon.warn{background:var(--marigold);color:var(--ink)}.audit-icon.fail{background:var(--danger)}.audit-counts .audit-icon{width:22px;height:22px}.audit-counts .audit-icon svg{width:12px;height:12px}.audit-passed summary{cursor:pointer;color:var(--cobalt-deep);padding:16px 0;font-weight:650}.audit-what{border-top:2px solid var(--ink);gap:18px;padding-top:18px;display:grid}.audit-what h3{margin-bottom:4px;font-size:1.15rem}.audit-what p{color:var(--muted);margin:0}@media (width<=640px){.audit-summary{grid-template-columns:1fr;justify-items:start}.audit-score{width:136px;height:136px}.audit-score strong{font-size:2.8rem}}@media (prefers-reduced-motion:reduce){.audit-score .ring{transition:none}.audit-status.is-busy:before{animation:none}}
