/* 日期计算器：仅本页特有样式 */
.tb-tabs { display: flex; margin-bottom: 1rem; }
.tb-tabs .tb-tab { flex: 1; }
.offset-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }
.offset-row input, .offset-row select { width: 100%; }
.check-row { display: flex; flex-wrap: wrap; gap: 0.25rem 1.25rem; }
.check-row label { display: inline-flex; align-items: center; gap: 0.5rem; min-height: 40px; font-size: 0.875rem; color: var(--color-text-secondary); cursor: pointer; }
textarea.tb-auto { min-height: 88px; }

.tb-stat--main { grid-column: 1 / -1; background: var(--color-primary-soft); }
.tb-stat--main .tb-stat-value { font-size: clamp(1.6rem, 1.2rem + 2vw, 2.25rem); }
.tb-stat-value { overflow-wrap: normal; word-break: keep-all; }
.tb-stat-value.is-plain { color: var(--color-text); font-size: 1.25rem; }
.tb-stat-value small { font-family: var(--font-sans); font-size: 0.8125rem; font-weight: 600; color: var(--color-text-muted); margin-left: 2px; margin-right: 4px; }
.tb-stat-sub { font-size: 0.75rem; color: var(--color-text-muted); margin-top: 2px; }

@media (max-width: 480px) {
    .tb-row .tb-btn { flex: 1 1 auto; }
    .tb-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}