.cl{margin:18px 0 8px;padding:0;font-family:var(--font-sans)}.cl-intro{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0 0 22px;padding:14px 16px;background:color-mix(in srgb,var(--paper) 88%,var(--bg) 12%);border:1px solid var(--line);border-radius:4px}.cl-intro strong{color:var(--ink);font-weight:600}.cl-track{position:relative;padding-left:32px}.cl-track:before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:linear-gradient(0deg,var(--accent-3),var(--accent-2) 35%,var(--accent) 75%,var(--gold));opacity:.55;border-radius:2px}.cl-entry{position:relative;margin-bottom:24px;padding:16px 18px;background:var(--paper);border:1px solid var(--line);border-radius:6px}.cl-entry:last-child{margin-bottom:0}.cl-entry:before{content:"";position:absolute;left:-28px;top:22px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:2.5px solid var(--accent-3);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-3) 12%,transparent)}.cl-entry[data-phase=initial]:before{border-color:var(--accent-3);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-3) 12%,transparent)}.cl-entry[data-phase=iterate]:before{border-color:var(--accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2) 12%,transparent)}.cl-entry[data-phase=pivot]:before{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.cl-entry[data-phase=audit]:before{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 14%,transparent)}.cl-entry[data-phase=final]:before{border-color:var(--ink);background:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 12%,transparent)}.cl-entry[data-phase=process]{background:color-mix(in srgb,var(--paper) 65%,var(--bg) 35%);border-style:dashed}.cl-entry[data-phase=process]:before{border-color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,var(--paper));box-shadow:0 0 0 3px color-mix(in srgb,var(--muted) 10%,transparent)}.cl-entry[data-phase=process] .cl-title{color:var(--muted);font-style:italic;font-weight:500;font-size:16px}.cl-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.cl-date{font-size:11px;letter-spacing:.05em;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.cl-tag{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;padding:2px 7px;border-radius:3px}.cl-tag[data-phase=initial]{background:color-mix(in srgb,var(--accent-3) 14%,transparent);color:var(--accent-3)}.cl-tag[data-phase=iterate]{background:color-mix(in srgb,var(--accent-2) 14%,transparent);color:var(--accent-2)}.cl-tag[data-phase=pivot]{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.cl-tag[data-phase=audit]{background:color-mix(in srgb,var(--gold) 16%,transparent);color:var(--gold)}.cl-tag[data-phase=final]{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}.cl-tag[data-phase=process]{background:color-mix(in srgb,var(--muted) 14%,transparent);color:var(--muted)}.cl-title{font-family:var(--font-serif);font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--ink);line-height:1.3;margin:0 0 8px}.cl-body{font-size:14px;line-height:1.55;color:var(--ink);margin:0 0 10px}.cl-body:last-child{margin-bottom:0}.cl-diff{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch;margin:10px 0;font-size:12.5px;line-height:1.45}@media(max-width:600px){.cl-diff{grid-template-columns:1fr}.cl-diff-arrow{transform:rotate(90deg)}}.cl-diff-side{padding:8px 10px;border-radius:4px;border:1px solid var(--line)}.cl-diff-side.before{background:color-mix(in srgb,var(--paper) 92%,var(--bg) 8%);color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 50%,transparent)}.cl-diff-side.after{background:color-mix(in srgb,var(--accent) 6%,var(--paper));color:var(--ink);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.cl-diff-label{display:block;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;margin-bottom:4px;color:var(--muted)}.cl-diff-side.after .cl-diff-label{color:var(--accent)}.cl-diff-arrow{align-self:center;font-size:16px;color:var(--accent);font-weight:700}.cl-why{font-size:12.5px;line-height:1.5;color:var(--muted);padding:8px 11px;border:1px solid var(--line);border-radius:5px;margin:10px 0 0}.cl-why strong{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--ink);display:block;margin-bottom:3px}