/* /calculator-credit-ipotecar (src/templates/credit-pages.js) */
.credit-page { max-width: 720px; margin: 0 auto; padding: 24px 0 48px; display: flex; flex-direction: column; gap: 22px; }
.credit-page h1 { font-size: clamp(30px, 5vw, 44px); text-wrap: balance; }
.credit-page__lead { font-size: 18px; color: var(--text-2); max-width: 65ch; }
.credit-page__sec h2 { font-size: 22px; margin-bottom: 8px; }
.credit-page__sec h3 { font-size: 17px; margin: 14px 0 4px; letter-spacing: -0.01em; }
.credit-page__sec p { max-width: 65ch; }
.credit-page__src ul { padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.credit-sched summary { cursor: pointer; font-weight: 700; }
.credit-sched__csv { border: 0; background: none; padding: 0; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; margin: 10px 0; }
.credit-sched__table { overflow-x: auto; max-height: 420px; overflow-y: auto; border: 1px solid var(--line); border-radius: 12px; }
.credit-sched__table table { border-collapse: collapse; width: 100%; font-size: 14px; font-variant-numeric: tabular-nums; }
.credit-sched__table th, .credit-sched__table td { padding: 6px 10px; text-align: right; border-bottom: 1px solid var(--line-soft); white-space: nowrap; }
.credit-sched__table th { position: sticky; top: 0; background: var(--surface); font-size: 12px; color: var(--muted); }