/* calculator 页专用，依赖 /home.css 变量、/tool.css 与 /calculator/calc.css */
/* 左边计算器，右边计算记录；窄屏上下排（tool.css 的 .panes） */
@media (min-width: 761px) {
  .panes { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 32px; }
}
.calcpad { max-width: 560px; }

/* 计算记录：每条一行，时间 · 算式 = 结果 · Rad · 操作；窄屏折成三行，不用横向滚动 */
.hist { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink); font: 13px/1.5 var(--mono); font-variant-numeric: tabular-nums; }
.hist li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  grid-template-areas: "when line unit ops";
  align-items: center;
  gap: 4px 16px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--rule);
}
.hist li:hover { background: var(--hover); }
.hist .when { grid-area: when; color: var(--ink-2); white-space: nowrap; }
.hist .calc-line { grid-area: line; min-width: 0; overflow-wrap: anywhere; }
.hist .res { color: var(--result); font-weight: 600; }
.hist .calc-line .cbtn { margin-left: 10px; }
.hist .unit { grid-area: unit; color: var(--ink-2); font-size: 12px; }
.hist .ops { grid-area: ops; display: flex; justify-content: flex-end; gap: 14px; }
@media (max-width: 560px) {
  .hist li { grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "when unit ops" "line line line"; }
}
.hint { margin: 8px 0 0; font: 12px/1.6 var(--sans); color: var(--ink-2); }