/* 8.ro */
.tz-rows { margin: 0; padding: 0; list-style: none; }
.tz-rows li {
  display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.4fr) minmax(0, 1fr) 40px;
  align-items: center; gap: 4px 14px; min-height: 58px; padding: 8px 10px 8px 18px; border-top: 1px solid var(--line);
}
.tz-rows li:first-child { border-top: 0; }
.tz-name { font-weight: 650; overflow-wrap: anywhere; }
.tz-name small { display: block; font: 400 .75rem var(--mono); color: var(--faint); }
.tz-when { font-variant-numeric: tabular-nums; color: var(--muted); font-size: .875rem; }
.tz-when b { font-size: 1.25rem; font-weight: 700; color: var(--text); margin-right: 4px; }
.tz-other { color: var(--accent-ink); font-weight: 600; }
.tz-facts { font-size: .8125rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.tz-x { font-size: 1.25rem; line-height: 1; }
.tz-add { display: flex; align-items: end; gap: 10px; padding: 14px 18px 18px; border-top: 1px solid var(--line); }
.tz-add .field { flex: 1; }
.tz-add .btn { height: 40px; }
@media (max-width: 639px) {
  .tz-rows li { grid-template-columns: minmax(0, 1fr) 40px; }
  .tz-name { grid-column: 1; }
  .tz-when, .tz-facts { grid-column: 1; }
  .tz-x { grid-column: 2; grid-row: 1 / span 3; }
}