/* Trip Countdown (ROADMAP-Calcs-Travel.md TM67): the live ticker, the weather line, the blog code and the paper chain's
   print page. Everything else is the core stylesheet. */
.tc-two { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.tc-two .chqt-field { min-width: 0; }
.tc .chqt-seg button { min-height: 44px; }
/* the ticker: four boxes that never change width as the digits run */
.tc-tick { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: .6rem 0; }
.tc-tick div { background: #fff; border: 1px solid var(--chqt-line, #eadfca); border-radius: 12px; padding: 10px 4px; text-align: center; }
.tc-tick b { display: block; font-size: 30px; line-height: 1.1; font-variant-numeric: tabular-nums; color: var(--chqt-ink, #1e1a1a); }
.tc-tick span { display: block; font-size: 13px; color: var(--chqt-muted, #6b625b); margin-top: 2px; }
.tc-weather { margin: .4rem 0; padding: .55rem .75rem; border-left: 4px solid var(--chqt-accent, #d79d32); background: #fff; border-radius: 8px; font-size: 16px; color: var(--chqt-ink, #1e1a1a); }
.tc-code { margin-top: 10px; }
.tc-ta { display: block; width: 100%; box-sizing: border-box; font: 13px/1.4 ui-monospace, Menlo, monospace; font-size: 16px; border: 1.5px solid var(--chqt-line, #eadfca); border-radius: 10px; padding: 8px 10px; background: #fff; color: var(--chqt-ink, #1e1a1a); }
@media (max-width: 420px) { .tc-tick b { font-size: 24px; } }
@media print {
  .chqt-print-root.tc-print { columns: auto; font: 14pt/1.2 "Helvetica Neue", Arial, sans-serif; }
  .tc-print-h { margin: 0 0 .15in; font-size: 11pt; }
  .tc-print .tc-strip { box-sizing: border-box; width: 7.5in; height: .95in; margin: 0 0 .05in; border: 1.5px dashed #000; display: flex; align-items: center; justify-content: center; font-size: 22pt; font-weight: 700; break-inside: avoid; page-break-inside: avoid; }
}