.parent-diagnostics{margin:1.5rem 0;padding:1rem;border:2px solid #d7e2f3;border-radius:18px;background:#f8fbff}
.diagnostics-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.diagnostics-heading h3,.diagnostics-heading p{margin:.15rem 0}
.diagnostics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0 0}
.diagnostic-row{padding:.75rem;border-radius:12px;background:#fff;border-left:6px solid #8392a8}
.diagnostic-row.good{border-left-color:#1a9562}.diagnostic-row.warn{border-left-color:#e0a11c}.diagnostic-row.bad{border-left-color:#d94a4a}
.diagnostic-row dt{font-weight:800}.diagnostic-row dd{margin:.2rem 0 0}
.language-check{margin-top:1rem;padding:1rem;border-radius:14px;background:#fff}.language-check h4,.language-check p{margin:.2rem 0 .65rem}.language-check>div{display:flex;gap:.6rem}.language-check input{flex:1;min-width:0}.language-check output{display:block;margin-top:.75rem;padding:.75rem;border-radius:10px;background:#edf5ff;font-weight:700}
@media(max-width:700px){.diagnostics-heading{display:block}.diagnostics-heading button{margin-top:.75rem}.diagnostics-grid{grid-template-columns:1fr}}
@media(max-width:700px){.language-check>div{display:grid}.language-check button{width:100%}}