/* 時間計算機頁專用樣式；共用元件沿用 site.css */
.tc-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 12px 0; }
.tc-tabs button { min-height: 52px; padding: 0 2px; border: 2px solid var(--line); border-radius: 10px; background: #fff; font: inherit; font-size: .95rem; font-weight: 600; cursor: pointer; color: var(--fg); line-height: 1.3; }
.tc-tabs button[aria-selected="true"] { border-color: var(--brand); background: #eff4ff; color: var(--brand); }
.tc-hms { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 6px 0; }
.tc-hms label { display: block; font-weight: 600; font-size: 1rem; min-width: 0; }
.tc-hms input, .tc-in { display: block; width: 100%; min-height: 48px; margin-top: 2px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; font: inherit; font-size: 1.1rem; font-weight: 400; background: #fff; color: var(--fg); }
.tc-in { margin-top: 4px; }
.tc-field { display: block; margin: 10px 0; font-weight: 600; font-size: 1rem; }
.tc-list { display: block; width: 100%; min-height: 150px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; font: inherit; font-size: 1.1rem; background: #fff; color: var(--fg); resize: vertical; }
.tc-two { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.tc-warn { color: var(--bad); font-weight: 600; }
.tc-sub { font-size: 1.05rem; margin: 1.25rem 0 .25rem; }
.calc .tc-p { padding-top: 4px; }
@media (max-width: 480px) { .tc-two { grid-template-columns: 1fr; } }
.tc-actions { display: flex; gap: 8px; flex-wrap: wrap; } .tc-actions .btn { flex: 1 1 120px; }