/* RECATOOLS — Mean / Median / Mode + Spread */
.mm-wrap { padding: 1.25rem; }
.mm-input { width: 100%; min-height: 90px; padding: .75rem .9rem; border: 1px solid #ebebeb; border-radius: 10px; font-size: 1rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; resize: vertical; }
.mm-input:focus { outline: none; border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79,70,229,.15); }
.mm-bar { display: flex; justify-content: space-between; align-items: center; margin: .5rem 0 0; }
.mm-hint { font-size: .75rem; color: #9b968d; }
.mm-sample { font-size: .78rem; font-weight: 600; color: #4338ca; background: #eef2ff; border: 1px solid #c7d2fe; border-radius: 999px; padding: .35rem .8rem; cursor: pointer; }
.mm-error { margin: 1rem 0 0; padding: .8rem 1rem; background: #fef2f2; border-left: 4px solid #ef4444; border-radius: 10px; color: #991b1b; font-size: .9rem; }
.mm-result { margin-top: 1.25rem; }
.mm-sec-head { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #7c3aed; margin: 1rem 0 .6rem; }
.mm-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .5rem; }
.mm-card { background: #f5f3ff; border: 1px solid #ddd6fe; border-radius: 10px; padding: .6rem .8rem; }
.mm-card span { display: block; font-size: .7rem; color: #6b6760; margin-bottom: .15rem; }
.mm-card b { font-size: 1.15rem; color: #4338ca; font-variant-numeric: tabular-nums; word-break: break-word; }
.mm-note { font-size: .76rem; color: #9b968d; margin-top: 1.25rem; text-align: center; font-style: italic; }