/**
 * @file changelog.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description The changelog: one version per line, its number and date in grey typewriter letters
 *   and what changed in body words, a rule under each cell; on a phone the three stack and a rule
 *   falls under each version. Moved unchanged out of css/views/libraries-poster.css (Libraries, an
 *   opened library's "Changes" value), where it is the only place it is drawn (UI consolidation
 *   phase 5, a move).
 *   Drawn by components/ChangeLog.js: <div class="changelog"><div class="m">1.1.0</div>
 *   <div class="m">2026-09-20</div><div>what changed</div>…</div>.
 *   NOTE: this file must be linked in spa.html.
 * @version-history
 *   v1.0.0 — 2026-09-25 — Initial: the rules of .lb-cl, moved unchanged from libraries-poster.css.
 *   v1.1.0 — 2026-09-27 — The component's own name: .lb-cl is .changelog (a move: the same
 *     declarations, the same selector shapes).
 */

.changelog { display: grid; grid-template-columns: minmax(6rem, 10rem) 6.5rem minmax(0, 1fr); gap: 0 .8rem; font-size: .85rem; line-height: 1.5; }
.changelog > div { padding: .3rem 0; border-bottom: 1px solid var(--border); min-width: 0; }
.changelog .m { font-family: var(--font-mono); font-size: .72rem; color: var(--text-dim); overflow-wrap: anywhere; }

@media (max-width: 860px) {
  .changelog { grid-template-columns: 1fr; }
  .changelog > div { border-bottom: 0; padding: .1rem 0; }
  .changelog > div:nth-child(3n) { border-bottom: 1px solid var(--border); padding-bottom: .4rem; }
}