/* HUBMAT Visual — 5º ano · Medidas, Probabilidade e Dados. */
.md-controls{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.md-controls .btn{flex:1 1 88px}
.md-readout{text-align:center;font-size:clamp(21px,4vw,34px);font-weight:850;margin:10px 0}
.md-convert{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;max-width:620px;margin:auto}.md-convert>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center}.md-convert strong{display:block;font-size:28px}
.md-cubes{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:440px;margin:12px auto}.md-cube{width:22px;height:22px;border:1px solid #456b8a;background:#d8e9f7;box-shadow:inset -3px -3px 0 #aac8df}
.md-outcomes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.md-outcomes button{min-width:54px;min-height:48px;border:1px solid var(--line);background:#fff;border-radius:10px;font-weight:750}.md-outcomes button[aria-pressed=true]{background:var(--gold);border-color:#936b18}
.md-prob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:5px;max-width:480px;margin:10px auto}.md-prob-grid i{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff}.md-prob-grid i.on{background:var(--gold);border-color:#936b18}
.md-bars{height:250px;display:flex;align-items:end;gap:12px;padding:18px;border-left:2px solid #607584;border-bottom:2px solid #607584}.md-bar{flex:1;min-width:34px;display:grid;align-items:end;text-align:center}.md-bar b{display:block;background:#bcd6ed;border:2px solid #235f9b;border-bottom:0;border-radius:7px 7px 0 0;min-height:4px}.md-bar span{font-size:12px;padding-top:5px}.md-bar em{font-style:normal;font-size:12px;font-weight:800}
.md-table{width:100%;border-collapse:collapse;background:#fff}.md-table th,.md-table td{padding:8px;border:1px solid var(--line);text-align:center}
@media(max-width:520px){.md-convert{grid-template-columns:1fr}.md-convert>span{text-align:center}.md-bars{gap:6px;padding:12px 5px}.md-bar span{font-size:10px}}
.md-trend-chart{width:100%;max-width:560px;height:auto;display:block;margin:auto}
.md-trend-chart .axis{stroke:#607584;stroke-width:2}.md-trend-line{fill:none;stroke:#235f9b;stroke-width:4}.md-trend-point{fill:#146348}.md-trend-chart text{font-size:13px;font-weight:800}
.md-trend-steps{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:10px 0}.md-trend-step{min-width:120px}
.md-trend-note{text-align:center;font-weight:700;color:#426251}

.md-convert-rule{max-width:620px;margin:10px auto;text-align:center;font-weight:800;color:#426251}.md-convert-meter{max-width:620px;margin:10px auto}.md-convert-track{height:24px;background:#eef3ed;border:1px solid #9db0a2;border-radius:10px;overflow:hidden}.md-convert-track span{display:block;height:100%;background:var(--gold)}.md-convert-meter p{text-align:center;margin:6px 0;font-weight:750}.md-convert-state{text-align:center;font-size:13px;color:var(--muted)}