.learning-article h1 { max-width: 18ch; }
.article-status { color: var(--gold); font-size: .82rem; letter-spacing: .035em; margin: 0 0 1.2rem; }
.table-scroll { overflow-x: auto; margin: 1.6rem 0; }
.table-scroll table { width: 100%; border-collapse: collapse; font-size: .98rem; }
.table-scroll th, .table-scroll td { padding: .85rem .6rem; text-align: left; border-bottom: 1px solid var(--line); }
.table-scroll th { font-weight: 600; background: #ede8df; }
.table-scroll td:last-child { font-family: ui-monospace, monospace; }
#reflection { border-top: 2px solid var(--gold); margin-top: 3rem; padding-bottom: 1rem; }
.article-footer { max-width: 54rem; margin: 0 auto; padding: 2rem 1.25rem 3rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .85rem; }
@media (max-width: 40rem) { .table-scroll table { font-size: .9rem; } .table-scroll th, .table-scroll td { padding: .7rem .4rem; } }

.table-scroll td code { white-space: pre-wrap; overflow-wrap: anywhere; }
.learning-article .table-scroll td { vertical-align: top; }