/* /demos: the quiet intro, the gallery filter chips and the pager (tokens of vizwalk.css only). */
.demos-intro{padding-top:calc(var(--chapter-pad) + 8px);padding-bottom:var(--s8)}
.demos-intro .chapter-head{margin-bottom:0}
.demos-filter{display:flex;gap:8px;align-items:center;margin:0 calc(-1 * var(--gutter)) var(--s5);padding:0 var(--gutter) 4px;overflow-x:auto;scrollbar-width:none}
.demos-filter::-webkit-scrollbar{display:none}
.demos-filter-label{flex:none;font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-inline-end:4px}
.demos-filter a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--r-pill);text-decoration:none;color:var(--ink);font-size:.9375rem;font-weight:500;border:1px solid var(--line-2);background:transparent;white-space:nowrap}
.demos-filter a[aria-current]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.gallery-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.pager{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--s3);align-items:center;margin-top:var(--s6)}
.pager>:last-child{justify-self:end}
.pager-status{font-size:.9375rem;color:var(--soft);text-align:center}