/* 時間計算（time.js）。電卓は W&B と同じ部品（wb.css の .wb-○○）を使い、ここでは違うところだけ書く */
/* 上の行はそこまでの合計（W&B より少し大きく） */
.tc .wb-exp { font-size: 1.1rem; }

/* 計算の記録 */
.tc-list { list-style: none; margin: 0; padding: 0; }
.tc-list li { border-bottom: 1px solid var(--line); }
.tc-list button { display: flex; width: 100%; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 4px; border: 0; background: none; color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.tc-list button:hover, .tc-list button:focus-visible { background: var(--accent-soft); }
.tc-list span { min-width: 0; overflow-wrap: anywhere; color: var(--muted); font: .9rem ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.tc-list b { flex: none; font: 800 1.2rem ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--accent); }

/* スマホ：電卓は画面の下に固定（時間計算のタブのときだけ）。見出しの空の高さも W&B と同じ */
@media (max-width: 640px) {
  body[data-tab="time"] { padding-bottom: var(--tc-sheet-h, 0px); }
  body[data-tab="time"] header.wrap { padding-top: 16px; padding-bottom: 58px; }
  body[data-tab="time"] header .lead { display: none; }
  body[data-tab="time"] main.wrap { margin-top: -38px; }
  .tc .tc-log .wb-h { display: block; font-size: .95rem; }
  .tc-list button { padding: 7px 2px; }
}

/* キーは数字と ＋− ＝・C・⌫ だけ。並びは W&B と同じ（＋−は右の列、＝は右下）、0 は横2つ分 */
.tc-keys .tc-zero { grid-column: span 2; }