/* Brando — páginas /clases/ (usa tokens de brand.css) */
.cl-doc { max-width: 760px; margin-inline: auto; padding-block: 40px 96px; }
.cl-crumb { display: flex; gap: 8px; align-items: center; font-size: var(--b-t-footnote); color: var(--b-ink-2); margin-bottom: 24px; flex-wrap: wrap; }
.cl-crumb a { color: var(--b-ink-2); }
.cl-crumb a:hover { color: var(--b-link); }
.cl-sec { margin-top: 40px; }
.cl-sec h2 { font: 700 var(--b-t-title2)/var(--b-lh-title2) 'Bricolage Grotesque', sans-serif; margin-bottom: 12px; }
.cl-list { display: grid; gap: 8px; padding-left: 20px; }
.cl-list li { line-height: 1.6; }
.cl-list a { color: var(--b-link); }
.cl-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.cl-stat { margin-top: 32px; padding: 20px; border-radius: var(--b-r-md); background: var(--b-surface-2); border: 1px solid var(--b-line); }
.cl-buscar { padding: 32px; border-radius: var(--b-r-lg); background: var(--b-surface-2); text-align: center; }
.cl-buscar h2 { justify-content: center; }
.cl-back { margin-top: 48px; }
.cl-back a { color: var(--b-link); }
.cl-idx { display: grid; gap: 4px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); list-style: none; padding: 0; margin-top: 32px; }
.cl-idx__row a { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: var(--b-r-sm); border: 1px solid var(--b-line); min-height: var(--b-tap); }
.cl-idx__row a:hover { border-color: var(--b-primary); background: var(--b-surface-2); }
.cl-idx__n { font: 600 15px 'IBM Plex Mono', monospace; color: var(--b-primary); flex-shrink: 0; width: 24px; }
.cl-idx__t { color: var(--b-ink); }