/* TIME BACK — dark section, paper-on-ink with peach accents. */
.tb-eye { color: rgba(250,246,238,.55) !important; }
.tb-eye .dot { background: var(--accent) !important; }
.tb-h { color: var(--paper); }
.tb-h .it { color: var(--accent) !important; font-style: italic; }
.tb-lede { color: rgba(250,246,238,.78); font-family: var(--serif); font-style: italic; }

.tb-stats {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;
  background: rgba(250,246,238,.14);
  border: 1px solid rgba(250,246,238,.14);
  margin: 48px 0 28px;
}
.tb-stat { background: var(--ink); padding: 32px 28px; }
.tb-big {
  font-family: var(--serif); font-weight: 400; font-size: 72px; line-height: 1;
  letter-spacing: -.02em; color: var(--paper);
}
.tb-big .tb-unit { font-size: 22px; font-style: italic; color: var(--accent); letter-spacing: 0; }
.tb-label {
  font-family: var(--grotesk); font-size: 12px; font-weight: 700;
  letter-spacing: .04em; color: var(--paper); margin: 14px 0 8px;
}
.tb-note {
  font-family: var(--serif); font-style: italic; font-size: 14px; line-height: 1.45;
  color: rgba(250,246,238,.6);
}

.tb-table {
  border: 1px solid rgba(250,246,238,.14);
}
.tb-row {
  display: grid; grid-template-columns: 1.3fr 1fr 1.2fr; gap: 24px;
  padding: 18px 26px; align-items: baseline;
  border-bottom: 1px solid rgba(250,246,238,.1);
}
.tb-row:last-child { border-bottom: none; }
.tb-head {
  font-family: var(--grotesk); font-size: 9px; font-weight: 700;
  letter-spacing: .2em; text-transform: uppercase; color: rgba(250,246,238,.5);
  background: rgba(250,246,238,.03);
}
.tb-task { font-family: var(--serif); font-size: 19px; color: var(--paper); letter-spacing: -.008em; }
.tb-was {
  font-family: var(--grotesk); font-size: 12px; color: rgba(250,246,238,.5);
  text-decoration: line-through; text-decoration-color: rgba(250,246,238,.25);
}
.tb-now {
  font-family: var(--grotesk); font-size: 12px; font-weight: 700; color: var(--paper);
  display: inline-flex; align-items: baseline; gap: 8px;
}
.tb-now::before { content: '→'; color: var(--accent); font-family: var(--serif); font-style: italic; }

@media (max-width: 880px) {
  .tb-stats { grid-template-columns: 1fr; }
  .tb-row { grid-template-columns: 1fr; gap: 6px; }
  .tb-head { display: none; }
  .tb-was, .tb-now { font-size: 13px; }
}