/* Equity Loan Scheme Guide: only what the kit lacks. Colours come from the kit's tokens, so dark mode stays readable. */

.tool-title { margin-top: 0; }
.small-note { font-size: 0.85rem; margin: 8px 0 0; }
.field-error { background: #fdecea; color: #5c1a14; border-radius: 8px; padding: 10px 12px; font-weight: 600; }
.js-live .nojs-only { display: none; }
.results p .big { display: block; }

/* Key numbers on the home page */
.key-numbers .card { text-align: center; }
.key-numbers .kn { font-size: 2rem; font-weight: 800; letter-spacing: -0.02em; margin: 0; color: var(--text); }
.key-numbers .card p:last-child { margin: 4px 0 0; color: var(--muted); font-size: 0.95rem; }

/* Timeline */
.timeline { list-style: none; padding: 0; margin: 1.2em 0; border-left: 3px solid var(--line); }
.timeline li { position: relative; padding: 0 0 18px 20px; }
.timeline li::before {
  content: ""; position: absolute; left: -9px; top: 6px; width: 15px; height: 15px; border-radius: 50%;
  background: var(--bg); border: 3px solid var(--line);
}
.timeline li.tl-done::before { background: var(--accent); border-color: var(--accent); }
.timeline li.tl-next::before { border-color: var(--accent); }
.timeline .tl-date { margin: 0; font-size: 0.85rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.03em; }
.timeline h3 { margin: 2px 0 4px; }
.timeline li p:last-child { margin: 0; }

.sources, .related { padding-left: 1.2em; }
.sources li, .related li { margin: 4px 0; }
.independent { border-left: 4px solid var(--accent); }