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

/* Line under the section title in the left column (where the succession is debated). */
.succ-head-note { margin-top: 16px; max-width: 26rem; font-size: var(--fs-small); line-height: 1.7; color: var(--muted); }

/* Text, box and notes that follow a list or a table inside a section. */
.succ-after, .succ-example { margin-top: clamp(24px, 1rem + 1vw, 36px); }
.succ-after { max-width: var(--measure); }

/* "Ce se pierde des din vedere": eyebrow over the heading, then two numbered ruled rows.
   Same eyebrow-to-heading gap as the callouts on the other answer pages (.answer-callout > * + *). */
.answer-section > .wrap > .succ-eyebrow + h2 { margin-top: 16px; }
/* Tax table: two columns, the figure column kept narrow and its note in body-size type. */
@media (min-width: 900px) {
  .succ-tax { table-layout: fixed; }
  .succ-tax thead th:nth-child(1) { width: 52%; }
}
.succ-tax .figure small { font-size: var(--fs-small); line-height: 1.6; }

/* Worked example: a ruled box on the surface band, paper-coloured so it reads as an aside. */
.succ-example { max-width: 44rem; background: var(--paper); }
.succ-example p { color: var(--ink); line-height: 1.75; }
.succ-example strong { font-weight: 500; }
.succ-fee-note { margin-top: 18px; max-width: var(--measure); font-size: var(--fs-small); line-height: 1.7; color: var(--muted); }