/* 통계 계산기 전용 CSS (2026-10-09). 입력·결과·히스토그램 + 박스플롯·분포 표·도수표·Z점수 st-*. 공용 부품은 assets/v2.css */
.st-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--soft)}
.st-set{display:flex;flex-direction:column;gap:12px;padding:16px 18px;min-width:0}
.st-set .v2-f>.v2-label,.st-set .v2-f>span.v2-label{display:block;margin:0 0 5px}
.st-in{display:block;width:100%;max-width:100%;min-height:120px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-family:var(--mono,ui-monospace,monospace);font-size:13.5px;line-height:1.55;resize:vertical}
.st-in:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.st-help{margin:0;font-family:var(--sans);font-size:12px;line-height:1.55;color:var(--muted)}
.st-opts{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:flex-end}
.st-select{display:block;height:var(--v2-ctl,42px);padding:0 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:13.5px;font-weight:600;max-width:100%}
.st-select--sm{height:30px;font-size:12.5px}
.st-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.st-btns{display:flex;flex-wrap:wrap;gap:6px}
.st-set .v2-status:empty{display:none}
.st-head{padding:16px 18px;min-width:0;border-left:1px solid var(--soft)}
.st-head>.v2-label{display:block;margin-bottom:6px}
.st-big{margin:0;font-family:var(--sans);font-size:44px;font-weight:800;line-height:1.05;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:14px;padding-top:12px;border-top:1px solid var(--soft)}
.st-grid b{display:block;margin-top:2px;font-family:var(--sans);font-size:15.5px;font-weight:750;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.st-box{padding:14px 18px 16px;min-width:0;border-bottom:1px solid var(--soft)}
.st-box>.v2-label{display:block;margin-bottom:10px}
.st-box-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.st-bins{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-size:12px;color:var(--muted)}
/* 히스토그램 + 박스플롯: 막대 높이·상자 위치가 부드럽게 바뀜(R45) */
.st-chart svg{display:block;width:100%;height:auto}
.st-chart.is-empty{opacity:.3}
.st-chart .bars rect{fill:var(--line);transition:y .45s var(--ease,ease),height .45s var(--ease,ease)}
.st-chart .base{stroke:var(--soft)}
.st-chart .wh,.st-chart .cap{stroke:var(--ink);stroke-width:1.5}
.st-chart .iq{fill:var(--accent-wash);stroke:var(--accent);stroke-width:1.5;transition:x .45s var(--ease,ease),width .45s var(--ease,ease)}
.st-chart .md{stroke:var(--accent);stroke-width:2.5}
.st-chart .mn{fill:var(--paper);stroke:var(--ink);stroke-width:1.5;transition:cx .45s var(--ease,ease)}
.st-chart .out circle{fill:var(--accent)}
.st-chart .ax text{font-family:var(--sans);font-size:12px;fill:var(--muted)}
.st-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.st-split .st-box{border-bottom:0}
.st-split .st-box+.st-box{border-left:1px solid var(--soft)}
.st-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:0}
.st-dl div{min-width:0}
.st-dl dt{font-family:var(--sans);font-size:11.5px;color:var(--muted)}
.st-dl dd{margin:2px 0 0;font-family:var(--sans);font-size:14px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.st-read{grid-column:1/-1;margin:4px 0 0;font-family:var(--sans);font-size:12.5px;line-height:1.55;color:var(--ink)}
.st-more+.st-more{margin-top:10px}
.st-more summary{cursor:pointer;font-family:var(--sans);font-size:13px;font-weight:650;color:var(--ink)}
.st-more .tbl{margin-top:8px;max-height:320px;overflow:auto}
.st-table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:12.5px;font-variant-numeric:tabular-nums}
.st-table th,.st-table td{padding:5px 8px;border-top:1px solid var(--soft);text-align:left;white-space:nowrap}
.st-table th{font-size:11.5px;font-weight:700;color:var(--muted);border-top:0;position:sticky;top:0;background:var(--card)}
.st-table .n{text-align:right}
@media (prefers-reduced-motion:reduce){ .st-chart .bars rect,.st-chart .iq,.st-chart .mn{transition:none} }
@media (max-width:860px){ .st-split{grid-template-columns:minmax(0,1fr)} .st-split .st-box+.st-box{border-left:0;border-top:1px solid var(--soft)} }
@media (max-width:720px){
  .st-top{display:flex;flex-direction:column}
  .st-head{order:-1;border-left:0;border-bottom:1px solid var(--soft)}
}
@media (max-width:480px){
  .st-set,.st-head,.st-box{padding-left:12px;padding-right:12px}
  .st-big{font-size:34px}
}