.audit-processing,.analysis-outcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:clamp(24px,5vw,64px);min-height:560px;margin-top:18px;padding:clamp(24px,5vw,52px);border:1px solid var(--line-strong);background:linear-gradient(135deg,color-mix(in srgb,var(--info) 7%,var(--surface)),var(--surface))}.audit-processing.is-interrupted{border-left:4px solid var(--danger);background:color-mix(in srgb,var(--danger) 4%,var(--surface))}.processing-copy h3,.analysis-outcome h3{max-width:700px;margin:6px 0 16px;font:700 clamp(28px,4vw,44px) / 1.08 var(--display);letter-spacing:-.035em}.processing-copy>p:not(.kicker),.analysis-outcome>div>p,.analysis-outcome li{max-width:680px;color:var(--muted)}.processing-next-step{padding:12px 14px;border-left:3px solid var(--info);background:var(--surface)}.support-reference{display:block;margin-top:14px;color:var(--muted);overflow-wrap:anywhere}.processing-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.processing-preview{align-self:start;margin:0;border:1px solid var(--line-strong);background:var(--surface-2);box-shadow:var(--shadow-sm)}.processing-preview img,.processing-preview-placeholder{display:block;width:100%;min-height:260px;max-height:390px;object-fit:contain;background:#e8ecef}.processing-preview-placeholder{display:grid;place-items:center;color:var(--muted)}.processing-preview figcaption{display:grid;gap:3px;padding:12px 14px;overflow-wrap:anywhere}.processing-preview figcaption span{color:var(--muted);font-size:11px}.accepted-details{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);background:var(--surface)}.accepted-details>div{display:grid;gap:5px;min-width:0;padding:14px 16px;border-right:1px solid var(--line)}.accepted-details>div:last-child{border-right:0}.accepted-details span{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.accepted-details strong{overflow-wrap:anywhere}.processing-milestones{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border:1px solid var(--line-strong);background:var(--surface)}.processing-milestones li{display:grid;grid-template-columns:30px 1fr;gap:10px;min-width:0;min-height:126px;padding:18px;border-right:1px solid var(--line)}.processing-milestones li:last-child{border-right:0}.processing-milestones li>span{display:grid;width:28px;height:28px;place-items:center;border:2px solid var(--line-strong);border-radius:999px;color:var(--surface);font-weight:800}.processing-milestones li[data-status=complete]>span{border-color:var(--info);background:var(--info)}.processing-milestones li[data-status=active]>span{border-color:var(--info);box-shadow:0 0 0 6px color-mix(in srgb,var(--info) 14%,transparent);animation:csi-processing-pulse 1.5s ease-in-out infinite}.processing-milestones li[data-status=interrupted]>span{border-color:var(--danger);background:var(--danger)}.processing-milestones strong,.processing-milestones p{display:block;margin:0}.processing-milestones p{margin-top:5px;color:var(--muted);font-size:11px}.analysis-unscorable{border-left:4px solid var(--info)}.analysis-terminal-failure{border-left:4px solid var(--danger);background:color-mix(in srgb,var(--danger) 4%,var(--surface))}.analysis-terminal-failure .primary-button{margin-top:22px}.analysis-unscorable .processing-preview{grid-row:1}.analysis-unscorable ul{padding-left:20px}@keyframes csi-processing-pulse{50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--info) 3%,transparent)}}@media(max-width:860px){.audit-processing,.analysis-outcome{grid-template-columns:1fr;min-height:0}.processing-preview{grid-row:1}.processing-milestones{grid-template-columns:1fr 1fr}.processing-milestones li:nth-child(2){border-right:0}.processing-milestones li:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:560px){.audit-processing,.analysis-outcome{padding:20px}.accepted-details,.processing-milestones{grid-template-columns:1fr}.accepted-details>div,.processing-milestones li{border-right:0;border-bottom:1px solid var(--line)}.accepted-details>div:last-child,.processing-milestones li:last-child{border-bottom:0}.processing-actions,.processing-actions>*{width:100%}}@media(prefers-reduced-motion:reduce){.processing-milestones li[data-status=active]>span{animation:none}}.audit-page-intro,.audit-workspace,.audit-context-links{padding:clamp(58px,7vw,88px) max(24px,calc((100vw - var(--max)) / 2))}.audit-page-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);gap:clamp(36px,8vw,100px);align-items:end;border-bottom:1px solid var(--line)}.audit-page-intro h1{max-width:800px;margin:0;font:700 clamp(42px,5.5vw,68px) / 1.02 var(--display);letter-spacing:-.05em}.audit-page-intro>div>p:last-child{max-width:720px;color:var(--muted);font-size:17px}.audit-page-intro aside{padding:22px;border-left:3px solid var(--red);background:var(--surface-2)}.audit-page-intro aside p{color:var(--muted);font-size:12px}.audit-page-intro nav{display:flex;flex-wrap:wrap;gap:10px 18px}.audit-page-intro nav a{min-height:44px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.audit-workspace{background:var(--surface-2)}.privacy-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:16px;border:1px solid var(--line-strong);background:var(--surface)}.privacy-strip span{padding:12px 15px;border-right:1px solid var(--line);color:var(--muted);font-size:11px}.privacy-strip span:last-child{border:0}.privacy-strip span:before{content:"✓";margin-right:8px;color:var(--green);font-weight:800}.anonymous-upload{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);border:1px solid var(--line-strong);background:var(--surface)}.upload-guidance{padding:34px;background:var(--ink);color:#fff}.upload-guidance h3{margin:0 0 12px;font:700 26px var(--display)}.upload-guidance p,.upload-guidance li{color:#d8dbea;font-size:13px}.upload-guidance ul{margin:26px 0 0;padding-left:18px}.upload-guidance li{margin:10px 0}.upload-control{padding:34px}.drop-zone{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;width:100%;min-height:180px;padding:24px;border:1px dashed var(--line-strong);background:var(--surface-2)}.drop-zone:hover,.drop-zone.has-file{border-color:var(--red);background:color-mix(in srgb,var(--red) 5%,var(--surface))}.drop-zone.has-file{min-height:340px;padding:14px}.upload-icon{color:var(--red);font-size:25px}.drop-zone small{color:var(--muted)}.upload-preview{position:relative;display:block;width:min(100%,560px);margin-bottom:10px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}.upload-preview img{width:100%;height:260px;object-fit:contain;background:#eef0f5}.upload-preview span{position:absolute;right:10px;bottom:10px;padding:7px 10px;background:#1d243ce5;color:#fff;font-size:10px;font-weight:600;text-transform:uppercase}.confirmation{display:flex;gap:10px;align-items:flex-start;margin:18px 0;font-size:12px}.confirmation input{flex:none;width:18px;height:18px;accent-color:var(--red)}.upload-control>.primary-button,.upload-control>.secondary-button{width:100%;margin-top:8px}.process-status{display:flex;gap:13px;margin:16px 0;padding:14px;border-left:3px solid var(--info);background:color-mix(in srgb,var(--info) 6%,var(--surface))}.process-status.error{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 5%,var(--surface))}.process-status strong{font-size:12px}.process-status p{margin:2px 0;color:var(--muted);font-size:11px}.audit-result{padding:30px;border:1px solid var(--line-strong);background:var(--surface)}.result-head{display:flex;gap:20px;align-items:center;justify-content:space-between}.result-head h3{margin:0;font:700 30px var(--display)}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.result-grid article,.empty-result{padding:18px;border:1px solid var(--line)}.result-grid article>span{color:var(--muted);font-size:10px;text-transform:uppercase}.result-grid h4{margin:6px 0}.result-grid p{color:var(--muted);font-size:12px}.level-correction{display:grid;gap:5px;margin:14px 0}.level-correction span{color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase}.level-correction select{width:100%;min-height:44px;padding:7px 9px;border:1px solid var(--line-strong);background:var(--surface)}.result-grid article button{min-height:44px;margin:3px;padding:6px 10px;border:1px solid var(--line);background:transparent;font-size:11px}.result-grid article button[aria-pressed=true]{border-color:var(--red);background:var(--red);color:#fff}.result-actions{display:flex;gap:12px;align-items:center;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.result-actions>p{max-width:340px;margin-left:auto;color:var(--muted);font-size:11px}.future-state-result{margin-top:24px;padding:24px;border:1px solid var(--line);background:var(--surface-2)}.future-state-result>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end}.future-state-result h3{margin:0;font:700 28px var(--display)}.future-state-result>div:first-child>p:last-child{margin:0;color:var(--muted);font-size:12px}.audit-report{margin-top:24px;border:1px solid var(--line-strong);background:var(--paper)}.safety-alert{display:grid;gap:3px;padding:14px 18px;border-bottom:2px solid var(--danger);background:color-mix(in srgb,var(--danger) 6%,var(--surface));color:#7a1717}.safety-alert strong{font-size:13px}.safety-alert span{font-size:11px}.audit-report-header{display:grid;grid-template-columns:1fr 220px;gap:28px;align-items:stretch;padding:24px}.audit-report-header h3{margin:0;font:700 28px / 1.15 var(--display)}.audit-report-header>div:first-child>p:last-child{max-width:660px;color:var(--muted);font-size:12px}.grade-card{display:grid;align-content:center;justify-items:center;min-height:180px;padding:16px;border:2px solid var(--grade-color);background:#fff}.grade-card span,.grade-card small{color:var(--muted);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.grade-card strong{color:var(--grade-color);font:700 58px / 1 var(--display)}.grade-card b{margin:7px 0;font-size:14px}.grade-a,.grade-b{background:var(--grade-color);color:#fff}.grade-a strong,.grade-b strong,.grade-a span,.grade-b span,.grade-a small,.grade-b small{color:#fff}.grade-c{background:#ff0}.grade-c strong{color:var(--ink)}.audit-report-grid{display:grid;grid-template-columns:1.15fr .85fr;border-top:1px solid var(--line)}.score-table-wrap{padding:22px;border-right:1px solid var(--line);overflow-x:auto}.score-table{width:100%;border-collapse:collapse;font-size:11px}.score-table caption{margin-bottom:10px;text-align:left;font-weight:700}.score-table th,.score-table td{padding:9px 7px;border-bottom:1px solid var(--line);text-align:left}.score-table thead th{color:var(--muted);font-size:9px;text-transform:uppercase}.coverage-note,.report-trace,.unobservable-note{color:var(--muted);font-size:10px}.radar-card{min-width:0;margin:0;padding:18px}.radar-card svg{width:100%;max-height:340px;overflow:visible}.radar-ring,.radar-axis{fill:none;stroke:#d6d9df;stroke-width:.7}.radar-current{fill:#2d3a7d38;stroke:#2d3a7d;stroke-width:2}.radar-potential{fill:#70ad4721;stroke:#70ad47;stroke-width:1.5;stroke-dasharray:4 3}.radar-card text{fill:var(--ink);font:7px var(--body)}.radar-card figcaption{display:flex;gap:16px;justify-content:center;color:var(--muted);font-size:9px}.radar-card figcaption span{display:flex;gap:5px;align-items:center}.radar-card figcaption i{width:18px;height:3px}.legend-current{background:#2d3a7d}.legend-potential{background:#70ad47}.quick-wins{padding:24px;border-top:1px solid var(--line)}.quick-wins h4{margin:0;font:700 22px var(--display)}.quick-win-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.quick-win-grid article{padding:16px;border:1px solid var(--line);border-top:3px solid var(--red)}.quick-win-grid article>span{color:var(--muted);font-size:9px;text-transform:uppercase}.quick-win-grid h5{margin:7px 0;font-size:13px}.quick-win-grid p{color:var(--muted);font-size:10px}.quick-win-grid dl{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:14px 0 0}.quick-win-grid dl div{padding:7px;background:var(--surface-2)}.quick-win-grid dt{color:var(--muted);font-size:8px;text-transform:uppercase}.quick-win-grid dd{margin:2px 0 0;font-size:10px;font-weight:700}.report-trace{margin:0;padding:12px 24px;border-top:1px solid var(--line)}.unobservable-note{padding:10px 14px;border:1px dashed var(--line-strong);background:var(--surface-2)}.roadmap-preview{margin-top:22px;padding:22px;border:1px solid var(--line);background:var(--surface-2)}.roadmap-preview>h3{margin-top:0}.roadmap-preview article{padding:14px 0;border-top:1px solid var(--line)}.roadmap-preview article>span{color:var(--red);font-size:9px;font-weight:700;text-transform:uppercase}.roadmap-preview article h4{margin:5px 0}.roadmap-preview article p{margin:5px 0;color:var(--muted);font-size:12px}.result-message{margin:16px 0;padding:12px 14px;border-left:3px solid var(--info);background:var(--surface-2)}.result-message[role=alert]{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 5%,var(--surface))}.result-message p{margin:0}.process-status small,.result-message small{display:block;margin-top:5px;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.audit-context-links{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:var(--paper)}.audit-context-links h2{max-width:760px;margin:0;font:700 clamp(28px,4vw,44px) var(--display)}.audit-context-links>div:last-child{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:900px){.audit-page-intro,.anonymous-upload,.audit-context-links{grid-template-columns:1fr}.privacy-strip{grid-template-columns:1fr 1fr}.result-grid,.audit-report-header,.audit-report-grid{grid-template-columns:1fr}.score-table-wrap{border-right:0;border-bottom:1px solid var(--line)}.quick-win-grid{grid-template-columns:1fr}}@media(max-width:640px){.audit-page-intro,.audit-workspace,.audit-context-links{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}.privacy-strip{grid-template-columns:1fr}.privacy-strip span{border-right:0;border-bottom:1px solid var(--line)}.upload-guidance,.upload-control{padding:22px}.upload-preview img{height:210px}.audit-result{padding:16px}.audit-report-header,.score-table-wrap,.quick-wins{padding:18px}.score-table{min-width:620px}.quick-win-grid dl{grid-template-columns:1fr}.result-head,.result-actions{align-items:stretch;flex-direction:column}.result-actions>p{margin-left:0}.future-state-result>div:first-child{grid-template-columns:1fr}.audit-context-links>div:last-child,.audit-context-links>div:last-child>*{width:100%}}
