.mean-explorer { margin: 1.5rem 0 2rem; padding: 1rem; border: 1px solid #ddd; border-radius: 8px; color: #333; }
.mean-explorer [hidden] { display: none !important; }
.mean-explorer .mean-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.mean-explorer label { display: block; font-weight: 600; }
.mean-explorer label output { display: block; font-size: .9rem; font-weight: 400; font-variant-numeric: tabular-nums; }
.mean-explorer input[type="range"] { display: block; width: 100%; min-height: 32px; accent-color: #332288; cursor: pointer; }
.mean-explorer .mean-buttons { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .5rem; }
.mean-explorer button { border: 1px solid #bbb; border-radius: 4px; padding: .35rem .7rem; background: #fafafa; color: #222; font: inherit; font-size: .85rem; cursor: pointer; }
.mean-explorer button:hover { background: #eee; }
.mean-explorer :focus-visible { outline: 3px solid #332288; outline-offset: 3px; }
.mean-explorer .mean-panels { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; align-items: center; }
.mean-explorer .mean-panels > div { min-width: 0; }
.mean-explorer .mean-panel-title { text-align: center; font-size: 1rem; font-weight: 600; margin: 1rem 0 .25rem; }
.mean-explorer svg { display: block; width: 100%; height: auto; overflow: visible; font-family: "DejaVu Sans", sans-serif; font-size: 18px; fill: #333; }
.mean-explorer .mean-equation { display: flex; align-items: center; justify-content: center; gap: .7rem; text-align: center; margin: .75rem 0; }
.mean-explorer .mean-term { flex: 1; max-width: 12rem; font-size: .85rem; border-top: 3px solid #332288; padding-top: .4rem; }
.mean-explorer .mean-term strong { display: block; font-size: 1.1rem; font-variant-numeric: tabular-nums; }
.mean-explorer .mean-noise { border-color: #44aa99; }
.mean-explorer .mean-gap { border-color: #cc6677; }
.mean-explorer .mean-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 700px) {
  .mean-explorer .mean-panels { grid-template-columns: 1fr; }
  .mean-explorer .mean-controls { gap: .75rem; }
  .mean-explorer .mean-equation { gap: .35rem; }
  .mean-explorer .mean-term { font-size: .75rem; }
  .mean-explorer .mean-term strong { font-size: .95rem; }
}
@media (max-width: 400px) {
  .mean-explorer .mean-controls { grid-template-columns: 1fr; gap: .5rem; }
}
@media print { .mean-explorer .mean-controls, .mean-explorer .mean-buttons { display: none; } }