/* Page styles for changelog.html, lifted out verbatim.
   External so style-src can drop 'unsafe-inline'; see
   docs/improvement-plan-2026.md §23. Linked at the same position the
   <style> block occupied, so it still overrides styles.css. */

  .changelog-entry { padding: 40px 0; border-bottom: 1px solid var(--line); }
  .changelog-entry:first-child { padding-top: 0; }
  .changelog-meta { display:flex; gap:12px; align-items:center; margin-bottom:14px; flex-wrap:wrap }
  .changelog-version { font-family: var(--font-mono); font-size:13px; padding:4px 10px; background:var(--bg-2); border:1px solid var(--line-2); border-radius:var(--r-sm); color:var(--ink); }
  .changelog-date { font-family: var(--font-mono); font-size:12px; color:var(--muted-2); text-transform:uppercase; letter-spacing:0.06em }

  /* Release-level "latest" badge — gold hairline pill, matches the mockup */
  .changelog-badge-new {
    display:inline-flex; align-items:center;
    padding:3px 9px; border-radius:999px;
    border:1px solid var(--gold); color:var(--gold-ink);
    font-family: var(--font-mono); font-size:10.5px; font-weight:700;
    text-transform:uppercase; letter-spacing:0.04em;
  }

  .changelog-summary { color:var(--muted); font-size:14.5px; line-height:1.6; margin:0 0 0; max-width:62ch; }

  /* Per-line tags inside the detail list */
  .changelog-tag { font-family: var(--font-mono); font-size:11.5px; padding:3px 8px; border-radius:var(--r-sm); text-transform:uppercase; letter-spacing:0.06em }
  .changelog-tag.new { background: var(--gold-soft); color: var(--gold-ink); }
  .changelog-tag.fix { background: rgba(179,38,30,0.1); color: var(--danger); }
  .changelog-tag.imp { background: var(--accent-soft); color: var(--accent-ink); }
  .changelog-list { list-style:none; padding:0; margin:16px 0 0 }
  .changelog-list li { padding: 10px 0; display:grid; grid-template-columns: 78px 1fr; gap:18px; align-items:start; border-top:1px solid var(--line); font-size:14.5px; color:var(--muted); }
  .changelog-list li:first-child { border-top: none; }