/* THE UPDATES PAGE (a draft, 2026-11-10): the legal pages' column with a lede, a stat row, a chart and bold-led lists */
.updates .lede { font-size: 1.15rem; line-height: 1.6; color: var(--ink); }
.updates h1 { max-width: 20ch; }
.updates .stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 18px 0 6px; }
.updates .stat { background: linear-gradient(180deg, #262626, #1B1B1B); border: 1px solid var(--line); border-top-color: #4a4a4a; border-radius: var(--radius); padding: 16px 14px; box-shadow: 0 6px 14px rgba(0,0,0,.35); }
.updates .stat b { display: block; font-size: 1.7rem; color: var(--brand-light); line-height: 1.15; }
.updates .stat span { display: block; margin-top: 6px; color: var(--ink-dim); font-size: .92rem; line-height: 1.4; }
.updates .chart { margin: 26px 0 8px; }
.updates .chart img { width: 100%; height: auto; display: block; border-radius: 14px; }
.updates .chart figcaption { margin-top: 10px; color: var(--ink-mute); font-size: .92rem; line-height: 1.5; }
.updates ul.log { list-style: none; padding: 0; margin: 10px 0 0; }
.updates ul.log li { padding: 12px 0 12px 18px; border-left: 3px solid var(--brand); margin: 0 0 10px; color: var(--ink-dim); line-height: 1.55; }
.updates ul.log li b { color: var(--ink); }
@media (max-width: 720px) { .updates .stats { grid-template-columns: repeat(2, 1fr); } .updates .stat b { font-size: 1.4rem; } }