/* assets/maturity-scan.css */
.maturity-scan-root { max-width:900px; margin:0 auto; padding:20px; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
#scan-form, #results-container { background:#fff; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.06); padding:24px; margin-bottom:20px; }
.progress-bar{ width:100%; height:8px; background:#eee; border-radius:4px; overflow:hidden; margin-bottom:18px; } 
.progress{ width:0%; height:100%; background:#0073aa; transition:width .25s ease; }
.question-item{ margin-bottom:18px; border-bottom:1px solid #f0f0f0; padding-bottom:12px; }
.likert-labels{ display:flex; justify-content:space-between; font-size:12px; color:#666; margin-bottom:8px; }
.likert-options{ display:flex; gap:8px; }
.likert-option{ flex:1; text-align:center; }
.likert-option input{ display:none; }
.likert-option span{ display:block; padding:10px; border:2px solid #e6e6e6; border-radius:6px; cursor:pointer; user-select:none; }
.likert-option input:checked + span{ background:#0073aa; color:#fff; border-color:#005a87; }
.nav-btn, .action-btn{ background:#0073aa; color:#fff; border:none; padding:10px 16px; border-radius:6px; cursor:pointer; }
.nav-actions{ margin-top:12px; display:flex; gap:8px; }
.results-grid{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:20px; }
.card{ background:#fafafa; padding:16px; border-radius:8px; }
.level-badge, .archetype-badge{ display:inline-block; padding:8px 12px; border-radius:18px; font-weight:600; margin-bottom:8px; }
.level-1{ background:#ff6b6b; color:#fff; } .level-2{ background:#ffd166; color:#333; } .level-3{ background:#06d6a0; color:#fff; } .level-4{ background:#118ab2; color:#fff; } .level-5{ background:#073b4c; color:#fff; }
.tension-field{ background:#fff8e1; border-left:4px solid #ffc107; padding:12px; margin-bottom:12px; border-radius:6px; }
.diff{ font-weight:700; color:#b71c1c; }
@media (max-width:768px){ .results-grid{ grid-template-columns:1fr; } .likert-labels{ display:none; } .likert-options{ flex-direction:column; } }