/* Avaliação inicial e leitura pedagógica da evolução. */
.diagnostic-shell{max-width:900px;margin:0 auto}
.diagnostic-shell h1{max-width:760px}
.diagnostic-shell .lead{max-width:760px}
.diagnostic-intro-panel{margin:29px 0 22px;padding:25px;border:2px solid #d4e4da;border-radius:21px;background:#fff}
.diagnostic-intro-panel>.row strong{font-size:22px}
.diagnostic-track{height:12px;margin:18px 0 13px;overflow:hidden;border-radius:99px;background:#dfeae3}
.diagnostic-track span{display:block;height:100%;border-radius:99px;background:#176b63}
.diagnostic-skill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.diagnostic-skill{display:flex;align-items:center;gap:10px;min-height:52px;padding:9px 13px;border:1px solid #d5e2da;border-radius:12px;background:#f7faf7;color:#315656;font-weight:700}
.diagnostic-skill b{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#e4eee7;color:#326f62}
.diagnostic-skill.is-done{background:#e7f2e9;border-color:#9ecbb2}
.diagnostic-skill.is-done b{background:#176b63;color:#fff}
.diagnostic-intro-actions{margin:22px 0}
.diagnostic-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:23px 0 26px;padding:20px 22px;border:2px solid #d9e6d9;border-radius:18px;background:#edf6ee}
.diagnostic-banner strong{display:block;margin-bottom:5px;color:#173f45;font-size:20px}
.diagnostic-banner p{margin:0;color:#45615c;font-size:16px}
.diagnostic-banner .btn{flex:none}
.diagnostic-finish{padding:clamp(25px,5vw,45px)}
.diagnostic-finish-mark{display:grid;place-items:center;width:64px;height:64px;margin-bottom:25px;border-radius:18px;background:#d9eddf;color:#176b63;font-size:37px;font-weight:800}
.diagnostic-finish .row{margin:26px 0}
.teacher-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}
.teacher-summary-grid>div{padding:15px;border-radius:14px;background:#eef5ef}
.teacher-summary-grid strong{display:block;color:#173f45;font-size:28px;line-height:1.1}
.teacher-summary-grid span{display:block;margin-top:6px;color:#4b6260;font-size:14px}
.diagnostic-level{display:block;white-space:nowrap;font-size:14px}
.diagnostic-level+.diagnostic-level{margin-top:4px}
@media(max-width:760px){.diagnostic-skill-list{grid-template-columns:1fr}.diagnostic-banner{align-items:start;flex-direction:column}.diagnostic-banner .btn{width:100%}.teacher-summary-grid{grid-template-columns:1fr}}