.diagnostic-tool{max-width:980px}.diagnostic-tool form{display:grid;gap:12px;margin-top:28px}.diagnostic-tool fieldset{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;border:1px solid #dbe6ea;border-radius:16px;background:#fff;padding:18px 20px}.diagnostic-tool legend{display:contents;font-weight:750;color:#10263b}.diagnostic-tool legend span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e4f7f2;color:#08765f;margin-right:12px;font-size:.7rem}.diagnostic-tool label{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:750}.diagnostic-tool input{accent-color:#12a98a}.diagnostic-tool .button{justify-self:start;margin-top:12px}.diagnostic-tool output{display:grid;gap:8px;border-radius:16px;padding:20px;background:#eef3f6;color:#243e54}.diagnostic-tool output strong{font-size:1.05rem}.diagnostic-tool output span{font-size:.8rem}.diagnostic-tool output a{color:#08765f;font-weight:800}.diagnostic-tool output.medio{background:#fff4d8;color:#694d00}.diagnostic-tool output.alto{background:#ffebeb;color:#842f2f}@media(max-width:700px){.diagnostic-tool fieldset{grid-template-columns:1fr 1fr}.diagnostic-tool legend{display:block;grid-column:1/-1;line-height:1.45}.diagnostic-tool legend span{margin-bottom:8px}.diagnostic-tool .button{width:100%}}