*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}:root{--ink: #111111;--bg: #ffffff;--bg-warm: #f4f4f2;--bg-card: #ffffff;--border: #e4e4e1;--border-2: #767676;--text: #141414;--text-2: #3a3a3a;--text-3: #5f5f5f;--yellow: #D4A017;--yellow-deep: #b8860b;--accent: #7a5e00;--accent-deep: #7a5e00;--accent-bg: #fbf1cc;--accent-border:#b8860b;--critical: #a1272a;--critical-bg: #fdecec;--serious: #b5541a;--serious-bg: #fdf1e6;--moderate: #8a6d00;--moderate-bg: #fff9d6;--minor: #5a4030;--minor-bg: #f1efec;--supports: #2a6b3f;--supports-bg: #eaf5ee;--font-display: "Atkinson Hyperlegible", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: "Atkinson Hyperlegible", system-ui, sans-serif;--radius: 2px;--radius-lg: 3px}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body)}#root{min-height:100vh;display:flex;flex-direction:column}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--ink);color:#fff;padding:.6rem 1rem;border-radius:0 0 var(--radius) 0}.skip-link:focus{left:0}a{color:var(--accent-deep)}.app-header :focus-visible,.cta-band :focus-visible{outline-color:#fff}.app-header{padding:clamp(2.25rem,6vw,3.5rem) 1.5rem;text-align:center;background:var(--ink);color:#fff;border-bottom:3px solid var(--ink)}.app-byline{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.85rem;color:var(--yellow)}.app-byline a{color:#fff;text-decoration:underline}.app-byline a:hover{color:var(--yellow)}.app-title{font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:clamp(1.9rem,5vw,3rem);letter-spacing:-.03em;line-height:.98;color:#fff}.app-subtitle{color:#d8d8d6;margin-top:.75rem;font-size:1.05rem}.app-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.url-form{display:flex;gap:.6rem;flex-wrap:wrap}.url-input{flex:1 1 300px;font-family:var(--font-body);font-size:1rem;padding:.75rem 1rem;border:1px solid var(--border-2);border-radius:var(--radius);background:var(--bg-card);color:var(--text)}.url-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scan-button{font-family:var(--font-body);font-weight:700;font-size:1rem;color:#141414;background:var(--yellow);border:1.5px solid var(--accent-deep);padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer}.scan-button:hover:not(:disabled){background:var(--yellow-deep)}.scan-button:disabled{opacity:.6;cursor:not-allowed}.url-hint{font-size:.85rem;color:var(--text-3)}.loading-state{text-align:center;padding:3rem 1rem;color:var(--text-2)}.spinner{width:40px;height:40px;margin:0 auto 1rem;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{background:var(--critical-bg);border:1px solid var(--critical);border-radius:var(--radius-lg);padding:1.5rem;color:var(--text)}.error-state h2{font-family:var(--font-display);margin-bottom:.5rem}.results{display:flex;flex-direction:column;gap:1.5rem}.results-summary{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.score-gauge{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:110px}.score-gauge-value{font-family:var(--font-display);font-weight:800;font-size:2.4rem}.score-gauge-label{font-size:.8rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;text-align:center}.score-gauge-bar{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.score-gauge-fill{height:100%;background:var(--accent)}.results-meta{flex:1;min-width:200px}.results-meta .page-title{font-weight:700}.results-meta .page-url{color:var(--text-3);font-size:.9rem;word-break:break-all}.results-counts{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}.count-pill{font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:999px}.count-pill--critical{color:var(--critical);background:var(--critical-bg)}.count-pill--serious{color:var(--serious);background:var(--serious-bg)}.count-pill--moderate{color:var(--moderate);background:var(--moderate-bg)}.count-pill--minor{color:var(--minor);background:var(--minor-bg)}.issue-group{display:flex;flex-direction:column;gap:.75rem}.issue-group-title{font-family:var(--font-display);font-weight:700;font-size:1.1rem}.issue-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.issue-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;flex-wrap:wrap}.issue-card-help{font-weight:700}.issue-card-criterion{font-size:.82rem;color:var(--accent-deep);background:var(--accent-bg);padding:.15rem .5rem;border-radius:999px}.issue-card-desc{color:var(--text-2);margin-top:.4rem}.issue-card-footer{margin-top:.6rem;font-size:.85rem;color:var(--text-3)}.issue-node-summary{margin-top:.4rem;color:var(--text-3)}.issue-card details{margin-top:.5rem}.issue-card summary{cursor:pointer;color:var(--accent-deep);font-size:.9rem}.issue-node{font-family:var(--font-body);font-size:.82rem;background:var(--bg-warm);border-radius:var(--radius);padding:.5rem .75rem;margin-top:.4rem;overflow-x:auto}.issue-node code{white-space:pre-wrap;word-break:break-all}.mobile-only-badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--accent-deep);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:999px;padding:.1rem .5rem;margin-bottom:.4rem}.incomplete-note{color:var(--text-3);font-size:.9rem;text-align:center}.page-screenshot{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem}.page-screenshot-title{font-family:var(--font-display);font-weight:700;font-size:1.1rem}.page-screenshot-sub{color:var(--text-3);font-size:.85rem;margin-bottom:1rem}.page-screenshot-frame{position:relative;width:100%;line-height:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.page-screenshot-frame img{display:block;width:100%;height:auto}.page-screenshot-box{position:absolute;border-width:2px;border-style:solid;border-radius:2px;box-sizing:border-box;pointer-events:auto}.page-screenshot-box--critical{border-color:var(--critical);background:#a1272a2e}.page-screenshot-box--serious{border-color:var(--serious);background:#b5541a2e}.page-screenshot-box--moderate{border-color:var(--moderate);background:#8a6d002e}.page-screenshot-box--minor{border-color:var(--minor);background:#5a40302e}.page-screenshot-pin{position:absolute;top:-11px;left:-11px;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;box-sizing:border-box;font-family:var(--font-display);font-weight:700;font-size:.78rem;line-height:1;color:#fff;border:2px solid #fff;border-radius:999px;box-shadow:0 1px 3px #00000059}.page-screenshot-pin--static{position:static;flex-shrink:0;box-shadow:none}.page-screenshot-pin--critical{background:var(--critical)}.page-screenshot-pin--serious{background:var(--serious)}.page-screenshot-pin--moderate{background:var(--moderate)}.page-screenshot-pin--minor{background:var(--minor)}.page-screenshot-key{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.page-screenshot-key-item{display:flex;align-items:flex-start;gap:.6rem;font-size:.88rem}.page-screenshot-key-text{color:var(--text-2);line-height:1.5}.page-screenshot-key-text strong{color:var(--text)}.page-screenshot-key-off{color:var(--text-3);font-style:italic}.page-screenshot-note{margin-top:.85rem;font-size:.82rem;color:var(--text-3)}.conformance{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem}.conformance-title{font-family:var(--font-display);font-weight:700;font-size:1.1rem;margin-bottom:.25rem}.conformance-sub{color:var(--text-3);font-size:.85rem;margin-bottom:1rem}.coverage-summary{margin-bottom:1.25rem}.coverage-stat{font-size:.95rem;margin:0 0 .5rem}.coverage-gaps{font-size:.85rem}.coverage-gaps>summary{cursor:pointer;color:var(--accent-deep);font-weight:700;list-style:none}.coverage-gaps>summary::-webkit-details-marker{display:none}.coverage-gaps>summary:before{content:"▸";margin-right:.35rem;color:var(--accent-deep)}.coverage-gaps[open]>summary:before{content:"▾"}.coverage-gaps-list{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.coverage-gaps-list li{font-size:.8rem;color:var(--text-3);background:var(--bg-warm);border:1px solid var(--border);border-radius:999px;padding:.2rem .65rem}.coverage-gap-num{font-weight:700;color:var(--text-2)}.table-scroll{overflow-x:auto;max-width:100%}.conformance-table{width:100%;border-collapse:collapse;font-size:.92rem}.conformance-table th{text-align:left;color:var(--text-3);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;padding:.4rem .5rem;border-bottom:1px solid var(--border)}.conformance-table td{padding:.55rem .5rem;border-bottom:1px solid var(--border);vertical-align:top}.conformance-table tr:last-child td{border-bottom:none}.conformance-status{display:inline-block;font-size:.78rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;white-space:nowrap}.conformance-status--supports{color:var(--supports);background:var(--supports-bg)}.conformance-status--does_not_support{color:var(--critical);background:var(--critical-bg)}.conformance-status--needs_review{color:var(--moderate);background:var(--moderate-bg)}.conformance-status--partial{color:var(--serious);background:var(--serious-bg)}.conformance-status--not_applicable{color:var(--text-3);background:var(--bg-warm)}.conformance-status--not_evaluated{color:var(--text-3);background:var(--bg-warm);font-style:italic}.export-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:1.25rem 0}.export-label{font-size:.85rem;font-weight:700;color:var(--text-3);margin-right:.15rem}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-family:var(--font-body);font-weight:700;font-size:.85rem;color:var(--accent-deep);background:transparent;border:1.5px solid var(--accent-deep);padding:.5rem 1rem;border-radius:var(--radius);cursor:pointer}.btn-secondary:hover:not(:disabled){background:var(--accent-bg)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.cta-band .btn-secondary{color:#fff;border-color:#fff}.cta-band .btn-secondary:hover:not(:disabled){background:#ffffff1f}.export-error{color:var(--critical);font-size:.85rem}.vpat{margin:1.5rem 0;border:1px solid var(--border);border-radius:var(--radius-lg);padding:.85rem 1.25rem;background:var(--bg-card)}.vpat>summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem}.vpat>summary::-webkit-details-marker{display:none}.vpat>summary:before{content:"▸";color:var(--accent-deep)}.vpat[open]>summary:before{content:"▾"}.vpat-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--text)}.vpat-summary{font-size:.8rem;color:var(--text-3)}.vpat-note{font-size:.82rem;color:var(--text-2);margin:.75rem 0 1rem;line-height:1.6}.vpat-caption{text-align:left;font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--text);margin:1.25rem 0 .4rem}.vpat-table{margin-bottom:.5rem}.vpat-table th[scope=row],.vpat-sc{font-weight:600;color:var(--text);width:32%}.vpat-remarks{color:var(--text-2);font-size:.86rem}.pass-list summary{cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--text);list-style:none;display:flex;align-items:center;gap:.4rem}.pass-list summary::-webkit-details-marker{display:none}.pass-list summary:before{content:"▸";color:var(--supports)}.pass-list[open] summary:before{content:"▾"}.pass-list-items{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.pass-card{background:var(--supports-bg);border:1px solid var(--supports);border-radius:var(--radius);padding:.6rem .9rem;font-size:.9rem}.pass-card-help{font-weight:700;color:var(--text)}.pass-card-meta{color:var(--text-3);font-size:.82rem;margin-top:.15rem}.cta-band{background:var(--ink);color:#fff;border:3px solid var(--ink);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;gap:.75rem;align-items:center}.cta-band h2{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.3rem,3vw,1.8rem);color:#fff}.cta-band p{color:#d8d8d6;max-width:46ch}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-weight:700;font-size:.95rem;color:#141414;background:var(--yellow);border:1.5px solid var(--accent-deep);padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;text-decoration:none}.btn-primary:hover{background:var(--yellow-deep)}.cta-lead-form{width:100%;max-width:420px;display:flex;flex-direction:column;gap:.4rem}.cta-lead-label{font-size:.82rem;color:#d8d8d6}.cta-band .cta-lead-success{color:#6ee7a0}.cta-band .cta-lead-error{color:#ff9b9b}.cta-lead-row{display:flex;gap:.5rem;flex-wrap:wrap}.cta-lead-row input{flex:1 1 200px;font-family:var(--font-body);font-size:.95rem;padding:.6rem .85rem;border:1px solid var(--border-2);border-radius:var(--radius);background:var(--bg-card);color:var(--text);min-height:44px}.cta-lead-row input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cta-lead-row input:disabled{opacity:.6}.cta-lead-success{color:var(--supports);font-weight:700}.cta-lead-error{color:var(--critical);font-size:.85rem;margin:0}.app-footer{text-align:center;padding:1.5rem;color:var(--text-3);font-size:.85rem}