:root{font-family:Arial,sans-serif;color:#18273b;background:#f4f6f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1240px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7dfe4}.brand{font-size:23px;color:#17283b;text-decoration:none;font-weight:800;letter-spacing:-1px}.brand span{color:#486821}.local,.eyebrow,.step{font-size:11px;font-weight:bold;letter-spacing:1.8px}.local{background:#e8efd9;padding:9px 12px;border-radius:4px}.eyebrow{color:#486821}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;background:white;padding:10px;z-index:2}main{max-width:1240px;margin:auto;padding:40px 32px}.intro{max-width:680px;margin-bottom:34px}h1{font-size:48px;line-height:1.08;letter-spacing:-2px;margin:18px 0}p{line-height:1.6}.intro>p:last-child{font-size:17px;color:#4c5c6d;max-width:530px}.workspace{display:grid;grid-template-columns:minmax(300px, .85fr) minmax(0,1.15fr);gap:24px;align-items:start}.panel{background:white;border:1px solid #dbe2e7;border-radius:14px;padding:28px;box-shadow:0 8px 30px #14243305}.step{color:#5b6b7b;margin:0 0 14px}h2{font-size:25px;letter-spacing:-.6px;margin:0 0 26px}h3{font-size:16px}label{display:block;font-size:14px;font-weight:bold}input[type=url]{width:100%;margin-top:10px;padding:15px 13px;border:1px solid #9aaab8;border-radius:6px;background:#fcfdfd;font-size:15px;color:inherit}.hint{font-size:12px;color:#526273}.permission{display:flex;gap:10px;align-items:flex-start;margin:24px 0;font-size:13px;font-weight:normal;line-height:1.5}.permission input{width:18px;height:18px;flex-shrink:0;margin:1px 0;accent-color:#466722}button{background:#d4ed97;border:1px solid #9bb758;color:#1c2a13;border-radius:6px;padding:13px 18px;font-weight:bold;font-size:14px;cursor:pointer}button:hover{background:#c5e77e}button:disabled{opacity:.65;cursor:wait}#run{width:100%;display:flex;justify-content:space-between}.secondary{background:white;border-color:#b7c3ce;color:#253d54}.secondary:hover{background:#f2f5f7}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #2b6792;outline-offset:3px}#progress{font-size:13px;color:#465b6c;min-height:21px}#error{background:#fff1ef;color:#8f2217;padding:12px;border-radius:5px}.scope{border-top:1px solid #dbe2e7;margin-top:24px;padding-top:12px}.scope p{font-size:13px;color:#526273}.results{min-height:560px}#empty{text-align:center;padding:44px 14px;color:#526273}#empty p{max-width:340px;margin:auto;font-size:14px}.empty-icon{display:inline-flex;width:70px;height:70px;align-items:center;justify-content:center;font-size:32px;background:#eff4e7;border:1px solid #cddbb9;color:#49692b;border-radius:50%;margin:12px 0}.result-top{display:flex;gap:14px;align-items:center}.result-top p{font-size:13px;overflow-wrap:anywhere}#badge{padding:7px 12px;border-radius:4px;background:#eaf2de;color:#2f5318}#badge[data-status=WARN]{background:#fff2d0;color:#775007}#badge[data-status=FAIL]{background:#ffe2db;color:#962d1d}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.metrics div{border-top:2px solid #c4d7a2;padding-top:14px}.metrics b{display:block;font-size:32px}.metrics span{font-size:12px;color:#526273}.downloads{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.finding{border-top:1px solid #dce3e8;padding:18px 0}.finding h3{margin:0 0 10px}.finding p{font-size:13px}.finding pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f5f7;border-radius:4px;padding:12px;font:12px/1.6 Consolas,monospace}.finding a{color:#205a7d;font-size:13px}footer{font-size:12px;color:#586a79;padding:26px 0;line-height:1.7}[hidden]{display:none!important}@media(max-width:800px){.workspace{grid-template-columns:1fr}h1{font-size:38px}main{padding:24px 18px}header{padding:22px 18px}.panel{padding:22px}.local{font-size:9px}.results{min-height:390px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

.finding h4{font-size:17px;margin:8px 0;line-height:1.4}.finding-label{font-size:11px!important;font-weight:bold;letter-spacing:.6px;color:#465b6c}details{margin:16px 0}summary{cursor:pointer;font-weight:bold;font-size:13px;line-height:1.5}summary:focus-visible{outline:3px solid #2b6792;outline-offset:3px}.manual-checklist{padding:18px;background:#f2f5f7;border-radius:6px}.manual-checklist li{font-size:13px;line-height:1.6;margin:12px 0}#findings>h3{font-size:20px;margin:28px 0 12px}#findings>p{font-size:14px}#result-summary{font-size:14px}

.beta-notice{background:#f1f6e8;border:1px solid #cbd9b9;border-radius:8px;padding:18px;margin:0 0 24px}.beta-notice h3{margin:0 0 10px}.beta-notice p,.beta-feedback p,.results-guide p,.results-guide li,.status-guide dd{font-size:14px;line-height:1.65}.beta-notice a,.beta-feedback a,.results-guide a{color:#205a7d;text-underline-offset:3px;overflow-wrap:anywhere}.beta-notice a{font-size:14px}.beta-feedback{border-top:1px solid #dbe2e7;padding-top:16px;margin-top:26px}.beta-feedback nav{display:flex;flex-wrap:wrap;gap:12px 24px}.beta-feedback nav a{font-size:14px;font-weight:bold;padding:7px 0}.beta-feedback .hint{font-size:12px}.results-guide{margin-top:28px;scroll-margin-top:20px}.results-guide h2{margin-bottom:14px}.status-guide{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.status-guide>div{padding:18px;background:#f7f9fa;border:1px solid #dbe2e7;border-radius:8px}.status-guide dt{margin-bottom:12px}.status-guide dd{margin:0}.status-label{display:inline-block;border-radius:4px;padding:6px 10px;font-size:13px;font-weight:bold}.status-pass{background:#eaf2de;color:#2f5318}.status-warn{background:#fff2d0;color:#775007}.status-fail{background:#ffe2db;color:#962d1d}.status-incomplete{background:#e7eaf0;color:#35465b}.guide-details{border-top:1px solid #dbe2e7;padding-top:16px}.guide-details summary{font-size:15px}.guide-details li{margin:8px 0}@media(max-width:600px){.status-guide{grid-template-columns:1fr}.beta-notice{padding:15px}}
:is(.account-panel, .results-guide){margin-top:24px}.account-panel input,.account-panel select,#page-urls{display:block;width:100%;padding:12px;border:1px solid #8296a7;border-radius:5px;font:inherit;color:#182b3d;background:#fff;margin:8px 0 14px}.account-panel form{max-width:520px;margin:16px 0}.saved-report{padding:16px 0;border-bottom:1px solid #d7e1e7}.saved-report h4{overflow-wrap:anywhere;margin:0 0 8px}.saved-report p{font-size:14px}#account-error{color:#9b291d}#comparison{margin-top:24px}#comparison select{max-width:100%}

.finding-label{display:inline-block;padding:5px 9px;border-radius:4px;border:1px solid currentColor;color:#475569;background:#f1f5f9}.finding[data-severity=critical] .finding-label,.finding[data-severity=serious] .finding-label{color:#9f1239;background:#fff1f2}.finding[data-severity=moderate] .finding-label,.finding[data-severity=review] .finding-label{color:#854d0e;background:#fefce8}.finding[data-severity=minor] .finding-label{color:#1e40af;background:#eff6ff}.criterion{display:inline-block;margin:8px 12px}

.review-workspace{margin:24px 0;padding:24px;border:2px solid #47677b;border-radius:8px;background:#f8fafc}.review-workspace form{display:grid;gap:14px}.review-workspace label{display:block;font-weight:700;margin-bottom:6px}.review-workspace select,.review-workspace input,.review-workspace textarea{box-sizing:border-box;width:100%;max-width:100%;padding:10px;font:inherit;color:#18273b;background:#fff;border:1px solid #64748b;border-radius:4px}.review-context{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;font:14px/1.5 monospace}.review-workspace .downloads{margin-top:20px}.review-workspace a{color:#175b70;text-decoration:underline}.review-workspace button{justify-self:start}.review-workspace [role=status]{font-weight:700}

#comparison-result code { display:block; white-space:pre-wrap; overflow-wrap:anywhere; }
#comparison-result li { margin-block:1rem; }

.finding-filters { display:flex; flex-wrap:wrap; gap:1rem; align-items:end; margin-block:1rem; }
.finding-filters > div { flex:1 1 12rem; min-width:0; }
.finding-filters select { width:100%; }
.finding[hidden] { display:none; }

.issue-detail { min-width:0; border:1px solid #a9b9c3; border-radius:.5rem; padding:1rem; background:#f5f9fa; overflow-wrap:anywhere; }
.issue-detail h4 { font-size:1.2rem; margin-block:.5rem 1rem; }
.issue-detail h5 { font-size:1rem; margin-bottom:.5rem; }
.issue-detail .review-context { max-height:24rem; overflow:auto; }

.page-summary { border:1px solid #a9b9c3; border-radius:.5rem; padding:1rem; margin-block:1rem; overflow-wrap:anywhere; }
.page-overview { min-width:0; }

footer .social-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}footer .social-links a{color:#205a7d;font-weight:700;text-underline-offset:3px;padding:8px 0}

.report-name-form{margin-top:16px;padding:16px;border:1px solid #cbd5df;border-radius:6px}.report-name-form button{margin:6px 12px 0 0}.saved-report h4,.saved-report p{overflow-wrap:anywhere}

.saved-review-progress{border-left:4px solid #496b78;background:#f2f6f8;padding:12px 16px;margin:16px 0}.saved-review-progress h5{font-size:1rem;margin:0 0 8px}.saved-review-progress p{margin:8px 0}