:root{--navy:#102132;--brand:#0c77ea;--ink:#243543;--muted:#768897;--page:#f7fafd;--grid:#cfdce8;--spoke:#a1a9b5}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--page);color:var(--ink)}header{background:var(--navy);padding:12px 18px;min-height:84px}.brand{max-width:1000px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.brand img{max-width:280px;height:66px;object-fit:contain;object-position:left center}.release{color:#c8d6e4;font-size:11px;letter-spacing:.08em}main{max-width:930px;margin:22px auto 60px;padding:0 15px}.panel{background:#fff;border:1px solid #dae5ef;border-radius:12px;padding:22px;margin-bottom:18px;box-shadow:0 2px 8px #12233408}.auth{max-width:390px;margin:70px auto}h1{font-size:1.6rem;margin:0 0 9px}h2{font-size:1.07rem;margin:0 0 12px}.titlebar{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:22px}.titlebar p{color:var(--muted);font-size:.92rem}.hidden{display:none!important}label{display:block;font-size:.91rem;font-weight:600;margin:10px 0}input:not([type=checkbox]):not([type=file]),textarea{display:block;width:100%;border:1px solid #bccddb;border-radius:7px;padding:12px;font:inherit;color:var(--ink);margin-top:7px;background:#fff}textarea{resize:vertical;min-height:120px}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #92bffc;outline-offset:2px}.upload{padding:12px 0}.choices{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0}.choices label{display:flex;align-items:center;gap:7px;margin:0;font-weight:500;cursor:pointer}.choices input{width:18px;height:18px;accent-color:var(--brand)}.hint,.notice{color:var(--muted);font-size:.88rem;line-height:1.45}button{background:var(--brand);color:white;border:0;border-radius:8px;min-height:42px;padding:10px 19px;font:inherit;font-weight:650;cursor:pointer}button:disabled{opacity:.65;cursor:wait}button.secondary{background:white;color:var(--ink);border:1px solid #bac9d8}.token h2{margin-top:0}.token .minor{color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}.radar{display:block;width:min(100%,390px);height:auto;margin:0 auto 14px}.axis-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.axis{padding:12px 10px;border:1px solid #dce8f2;border-radius:8px;text-align:center}.axis strong{display:block;font-size:.9rem}.axis span{display:block;font-size:1.25rem;color:#2a78d6;font-variant-numeric:tabular-nums;font-weight:700}.axis small{display:block;color:var(--muted);font-size:.75rem;min-height:14px}.warning{background:#fff9ee;color:#77551d;border-left:3px solid #d9aa45;padding:9px 11px;font-size:.86rem;margin:10px 0}.center{text-align:center}@media(max-width:500px){header{padding:8px 12px;min-height:72px}.brand img{max-width:210px;height:53px}.panel{padding:15px}.titlebar{align-items:flex-start}.titlebar h1{font-size:1.35rem}.axis-values{grid-template-columns:repeat(2,minmax(0,1fr))}.choices{flex-direction:column;gap:10px}.auth{margin:30px auto}}

/* F11: aligned brand wordmark and one overlaid radar with compact values. */
.brand-identity{display:flex;align-items:center;gap:12px;min-width:0}.brand-identity img{flex:0 1 auto}.brand-name{color:#fff;font-weight:750;font-size:clamp(1rem,3vw,1.45rem);letter-spacing:.09em;white-space:nowrap}
.demo-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 2px}.demo-tools .hint{margin:0}
.comparison .overlay-radar{max-width:460px;width:100%;margin:8px auto 0}.comparison-table-wrap{overflow-x:auto}.comparison-table{border-collapse:collapse;width:100%;min-width:300px;font-size:.92rem;font-variant-numeric:tabular-nums}.comparison-table th,.comparison-table td{border-bottom:1px solid #e0e8ef;padding:10px 12px;text-align:center}.comparison-table thead th{background:#f0f6fc;white-space:nowrap}.comparison-table th:first-child{min-width:48px;text-align:left}.comparison-table .unassessable{color:#66798d;font-style:italic}.evaluator-detail h2{display:flex;align-items:center;gap:10px}.evaluator-detail .minor{overflow-wrap:anywhere}
@media(max-width:500px){.brand{align-items:center}.brand-name{letter-spacing:.025em;font-size:1rem}.brand-identity{gap:5px}.brand-identity img{max-width:110px;height:46px}.release{font-size:9px;text-align:right;max-width:75px}.comparison-table th,.comparison-table td{padding:9px 6px;font-size:.78rem}}

/* F11 compact, mobile-first application layout. Original logo and blue identity preserved. */
.brand-name{font-size:clamp(1.85rem,4.3vw,2.68rem);line-height:1.05;letter-spacing:.035em;font-weight:780}
main{margin:12px auto 32px}.panel{padding:15px 18px;margin-bottom:12px}.statement-panel h2{margin:0 0 8px}.statement-panel textarea{margin:0;min-height:100px;max-height:46vh;padding:10px}.statement-tools{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:9px 0 10px}.statement-tools button{min-height:36px;padding:7px 12px}.file-pick{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;margin:0;border:1px solid #bac9d8;border-radius:8px;background:#fff;font-weight:650;font-size:.91rem;cursor:pointer}.file-pick:focus-within{outline:3px solid #92bffc}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.choices{margin:7px 0 11px;gap:8px 15px}.action-row{display:flex;align-items:center;gap:10px;min-width:0}.action-row #submit{flex:0 0 auto;white-space:nowrap;min-height:39px;padding:8px 15px}.action-row .assessment-status{flex:1 1 auto;min-width:0}.assessment-status{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-weight:700;font-size:.89rem;line-height:1.3;border:1px solid transparent}.assessment-indicator{flex:0 0 auto;width:19px;height:19px;display:block;position:relative}.assessment-status.status-running{color:#175a98;background:#eaf4ff;border-color:#b7d9fb}.status-running .assessment-indicator{border:3px solid #aacfee;border-top-color:#0e7cf5;border-radius:50%;animation:f11-spin .85s linear infinite}.assessment-status.status-complete{color:#15783b;background:#e8f7ef;border-color:#a7e3bf}.assessment-status.status-partial{color:#7644a9;background:#f3eafb;border-color:#d6b9f2}.assessment-status.status-failed{color:#b42318;background:#ffefed;border-color:#f3bdb7}.status-complete .assessment-indicator::before{content:'✓';font-size:21px;position:absolute;left:0;top:-5px}.status-partial .assessment-indicator::before{content:'!';font-size:18px;position:absolute;left:6px;top:-3px}.status-failed .assessment-indicator::before{content:'×';font-size:23px;position:absolute;left:2px;top:-5px}@keyframes f11-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.status-running .assessment-indicator{animation:none}}.statement-panel .notice{margin:6px 0 0}.comparison .overlay-radar{margin:0 auto 2px;max-width:390px}.comparison-table th,.comparison-table td{padding:8px 9px}.comparison-table thead th{font-weight:800}.comparison-table th[scope=col]:not(:first-child){background:#f0f6fc}.assessment-details{background:#fff;border:1px solid #dae5ef;border-radius:12px;margin-bottom:12px;box-shadow:0 2px 8px #12233408}.assessment-details>summary{cursor:pointer;padding:12px 15px;font-weight:650;color:#315b85}.assessment-details>summary:focus-visible{outline:3px solid #92bffc;outline-offset:2px}.assessment-details>.panel{margin:0 10px 10px;box-shadow:none}
@media(max-width:600px){header{min-height:67px;padding:7px 10px}.brand{align-items:center;flex-wrap:wrap;gap:2px}.brand-identity{gap:7px;min-width:0}.brand-identity img{max-width:103px;height:45px}.brand-name{font-size:clamp(1.5rem,6.35vw,2rem);letter-spacing:.01em}.release{font-size:9px;margin-left:auto;max-width:none}main{padding:0 9px;margin:8px auto 20px}.panel{padding:11px;margin-bottom:9px}.statement-panel textarea{min-height:87px;font-size:.89rem;padding:8px}.choices{flex-direction:row;gap:9px 12px;margin:5px 0 10px}.choices label{white-space:nowrap;font-size:.82rem}.choices input{width:16px;height:16px}.statement-tools{gap:6px}.statement-tools button,.statement-tools .file-pick{font-size:.82rem;min-height:34px;padding:6px 10px}.action-row{align-items:center;gap:7px}.action-row #submit{padding:8px 9px;font-size:.87rem}.assessment-status{font-size:.77rem;gap:5px;padding:6px 7px}.assessment-indicator{width:16px;height:16px}.status-running .assessment-indicator{border-width:2px}.comparison-table th,.comparison-table td{padding:7px 5px;font-size:.78rem}.assessment-details>summary{padding:11px}.assessment-details>.panel{margin:0 6px 6px}}
@media(max-width:350px){.brand-name{font-size:1.35rem}.brand-identity img{max-width:91px}.assessment-status{font-size:.72rem;padding:5px}}