.adaptive-shell{max-width:1250px;margin:auto}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.role-card{border:1px solid var(--line,#d8e0ec);border-radius:18px;padding:1rem;background:var(--panel,#fff);cursor:pointer;transition:.2s}.role-card:hover,.role-card.active{transform:translateY(-2px);box-shadow:0 14px 35px rgba(25,45,85,.12);outline:3px solid color-mix(in srgb,var(--accent,#4c6ef5) 30%,transparent)}.role-icon{font-size:2rem}.adaptive-panel{margin-top:1.2rem;border:1px solid var(--line,#d8e0ec);border-radius:20px;padding:1rem;background:var(--panel,#fff)}.assessment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.assessment-item{border:1px solid var(--line,#d8e0ec);border-radius:14px;padding:.8rem}.path-stage{margin:1rem 0}.module-card{border:1px solid var(--line,#d8e0ec);border-left:5px solid var(--accent,#4c6ef5);border-radius:14px;margin:.7rem 0;padding:.9rem}.module-card.done{border-left-color:#2f9e44;opacity:.82}.module-card.uncertain{border-left-color:#f08c00}.module-actions{display:flex;gap:.5rem;flex-wrap:wrap}.module-actions button,.adaptive-actions button{border:1px solid var(--line,#d8e0ec);border-radius:10px;padding:.45rem .7rem;background:var(--panel,#fff);color:inherit}.progress-track{height:12px;background:color-mix(in srgb,var(--line,#d8e0ec) 80%,transparent);border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#4c6ef5,#12b886);width:0}.recommendation{padding:1rem;border-radius:14px;background:color-mix(in srgb,var(--accent,#4c6ef5) 10%,var(--panel,#fff));margin:1rem 0}.level-badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--accent,#4c6ef5) 12%,var(--panel,#fff));font-weight:700}.hidden{display:none!important}@media(max-width:620px){.adaptive-panel{padding:.75rem}.module-actions button{flex:1}}