.study-calculator { margin: 1rem 0; border: 1px solid var(--border, #68717e); border-radius: 1rem; padding: 1rem; }
.study-calculator > summary { cursor: pointer; font-weight: 650; min-height: 44px; display: list-item; }
.calc-body { max-width: 34rem; margin: .5rem auto 0; }
.calc-body label { display: block; margin-block: .7rem .3rem; }
.calc-body input { width: 100%; box-sizing: border-box; font-size: 1.125rem; }
.calc-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .35rem; margin-top: .7rem; }
.calc-key { min-width: 0; min-height: 44px; padding: .4rem !important; font-size: 1rem; }
.calc-actions { display: flex; flex-wrap: wrap; gap: .4rem; margin: .7rem 0; }
.calc-body output { display: block; min-height: 2.5rem; overflow-wrap: anywhere; font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.calc-history { margin-top: .7rem; }
.calc-history summary { min-height: 44px; cursor: pointer; }
.calc-history ol { padding-left: 1.3rem; }
.calc-history-item { color: inherit; background: transparent; border: 0; text-align: left; padding: .6rem; min-height: 44px; overflow-wrap: anywhere; cursor: pointer; }