.cf-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;align-items:end;margin-top:1rem}
.cf-list{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.75rem}
.cf-card{border:1px solid color-mix(in srgb,var(--af-ink,#1C2B26) 18%,transparent);border-radius:.6rem;padding:.9rem 1rem;background:color-mix(in srgb,var(--af-white,#FFFFFF) 60%,transparent);scroll-margin-top:5rem}
.cf-card:target{outline:2px solid var(--af-ink,#1C2B26)}
.cf-card h3{margin:.1rem 0 .4rem;font-size:1.05rem}
.cf-meta{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.8rem;margin-bottom:.5rem}
.cf-path{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.4rem 0}
.cf-node{border:1px solid color-mix(in srgb,var(--af-ink,#1C2B26) 25%,transparent);border-radius:.4rem;padding:.2rem .5rem;font-size:.85rem;overflow-wrap:anywhere}
.cf-node code{font-size:.78rem}
.cf-start{background:var(--af-mist,#E4EDE6)}.cf-end{font-weight:600}
.cf-arrow{opacity:.6}
.cf-badge{display:inline-block;padding:.05rem .5rem;border-radius:999px;border:1px solid currentColor;font-size:.75rem}
.cf-complete,.cf-live,.cf-ok{color:var(--af-ok,#1D7644)}.cf-gated{color:var(--af-turmeric-ink,#876100)}.cf-incomplete,.cf-not-built,.cf-fail{color:var(--af-bad,#A62B1F)}
.cf-gaps{font-size:.82rem;margin:.3rem 0 0;color:var(--af-turmeric-ink,#876100)}
.cf-exits{font-size:.82rem;margin:.2rem 0 0}
/* Dark theme is OPT-IN (<html data-theme="dark">) per the AFRERA design system; never switched by the OS colour setting (2026-10-18). */
[data-theme="dark"] .cf-card{background:color-mix(in srgb,var(--af-white,#FFFFFF) 4%,transparent);border-color:rgba(255,255,255,.18)}[data-theme="dark"] .cf-start{background:rgba(27,107,58,.2)}