/* /intrebari/termen-succesiune/ — only what site.css + answer.css cannot do. */

/* Vertical rhythm between the blocks stacked inside a section (prose, sub-heading, table, cards, note). */
.ts-subhead { margin-top: clamp(36px, 1.5rem + 1.5vw, 52px); margin-bottom: clamp(16px, 0.75rem + 0.5vw, 22px); }
.ts-intro { margin-bottom: clamp(24px, 1rem + 1vw, 36px); }
.ts-cards, .ts-after { margin-top: clamp(24px, 1rem + 1vw, 36px); }
.ts-cards + .ts-after { margin-top: 4px; } /* the cards already end with 26px of padding */

/* "Când începe anul": short names in the serif, the rule beside them. */
@media (min-width: 900px) {
  .ts-start { table-layout: fixed; }
  .ts-start thead th:first-child { width: 36%; }
  .ts-start tbody th, .ts-start tbody td { padding-block: 18px; }
}
/* Stacked table (below 900px): two columns only, so the repeated "Anul curge" label adds nothing — name, then rule. */
@media (max-width: 899px) {
  .ts-start td[data-label]::before { display: none; }
  .ts-start tbody th { padding-bottom: 6px; }
}

/* The two terms, side by side: same column rhythm as the comparison table in design/reference/03. */
@media (min-width: 900px) {
  .ts-terms { table-layout: fixed; }
  .ts-terms thead th:nth-child(1) { width: 26%; }
  .ts-terms thead th:nth-child(2) { width: 30%; }
}
.ts-terms td { color: var(--ink); }

/* Card bodies here are running text, not teasers: keep them at body size. */
.ts-cards .card p { font-size: var(--fs-body); color: var(--muted); line-height: 1.8; }
.ts-cards .card .prose > * + * { margin-top: 12px; }