/* klauvy.com/changelog, layout C1 "Ledger" (approved 20 October 2026).
   Dates in a fixed column, one entry per row, hairline rules between rows.
   Tag colours match .cl-tag in app/components.css. */
.changelog{padding-block:0 clamp(120px,18vh,200px);display:grid;gap:28px}
.cl-filters{display:flex;flex-wrap:wrap;gap:8px}
.cl-filter{height:34px;padding:0 14px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:500 .875rem/1 var(--sans);cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.cl-filter:hover{border-color:var(--line-strong)}
.cl-filter[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.cl-filter:focus-visible,.cl-entry a:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.cl-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink);max-width:880px}
.cl-entry{display:grid;grid-template-columns:150px minmax(0,1fr);gap:32px;padding-block:28px;border-bottom:1px solid var(--line);scroll-margin-top:110px}
.cl-date{font:400 .8125rem/1.6 var(--mono);color:var(--muted);padding-top:3px;font-variant-numeric:tabular-nums}
.cl-body{display:grid;gap:10px;justify-items:start;max-width:64ch}
.cl-body h3{margin:0;font:400 clamp(1.25rem,1.8vw,1.5rem)/1.3 var(--display);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.cl-body h3 a{color:inherit;text-decoration:none}
.cl-body h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.cl-body p{margin:0;color:var(--ink-2)}
.cl-try{font-weight:600;color:var(--signal-ink)}
.cl-status{padding-block:28px;color:var(--muted)}
.cl-tag{display:inline-block;padding:1px 9px;border-radius:999px;font:500 .6875rem/1.7 var(--mono);letter-spacing:.03em;white-space:nowrap;background:var(--sunken);color:var(--ink-2)}
.cl-tag-new{background:var(--signal-soft);color:var(--signal-ink)}
.cl-tag-improved{background:var(--info-soft);color:var(--info)}
.cl-tag-content{background:var(--success-soft);color:var(--success)}
.cl-tag-law{background:var(--warning-soft);color:var(--warning)}
@media(max-width:640px){.cl-entry{grid-template-columns:1fr;gap:8px;padding-block:22px}}