/* Slabs archive components. Main foundation tokens come from assets/css/main.css. */
.slabs-archive,.slabs-taxonomy { padding-block: var(--space-8) var(--section-space); }
.slabs-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-2); color:var(--color-muted); font-size:var(--text-sm); margin-bottom:var(--space-12); }
.slabs-breadcrumb a { text-decoration:none; }
.slabs-page-header { max-width:52rem; margin-bottom:var(--space-16); }
.slabs-page-header .eyebrow { color:var(--color-muted); margin-bottom:var(--space-4); }
.slabs-page-header h1 { margin-bottom:var(--space-6); }
.slabs-lead { color:var(--color-muted); font-size:var(--text-lg); line-height:1.65; }
.slabs-section { margin-bottom:var(--space-16); }
.slabs-section-heading { margin-bottom:var(--space-8); }
.slabs-material-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-3); }
.slabs-material { display:flex; align-items:center; justify-content:space-between; gap:var(--space-2); min-height:5rem; padding:var(--space-5); background:var(--color-surface); text-decoration:none; transition: background-color .2s ease; }
.slabs-material:hover { background:var(--color-border); }
.slabs-material-name { font-weight:600; }
.slabs-material-arrow { flex:none; color:var(--color-muted); }
.slabs-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-8) var(--space-3); }
.slabs-card { min-width:0; }
.slabs-card-media { display:grid; place-items:center; aspect-ratio:4/5; overflow:hidden; background:var(--color-surface); text-decoration:none; }
.slabs-card-image { display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.slabs-card-media:hover .slabs-card-image { transform:scale(1.035); }
.slabs-card-placeholder { text-align:center; padding:var(--space-4); font-size:var(--text-xs); color:var(--color-muted); }
.slabs-card-content { padding-top:var(--space-4); }
.slabs-card-meta { font-size:var(--text-xs); color:var(--color-muted); margin-bottom:var(--space-2); }
.slabs-card-title { font-size:var(--text-base); line-height:1.35; }
.slabs-card-title a { text-decoration:none; }
.slabs-empty { padding:var(--space-8) 0; color:var(--color-muted); }
.slabs-cta { display:grid; align-items:center; gap:var(--space-8); background:var(--color-surface); padding:var(--space-8); margin-top:var(--space-12); }
.slabs-cta-copy { max-width:46rem; }
.slabs-cta-copy .eyebrow { color:var(--color-muted); margin-bottom:var(--space-3); }
.slabs-cta-copy h2 { margin-bottom:var(--space-4); }
.slabs-cta-copy > p:last-child { color:var(--color-muted); }
.slabs-cta .button { justify-self:start; }
.slabs-archive .navigation.pagination,.slabs-taxonomy .navigation.pagination { margin-top:var(--space-12); }
.slabs-archive .nav-links,.slabs-taxonomy .nav-links { gap:var(--space-2); }
.slabs-archive .page-numbers,.slabs-taxonomy .page-numbers { display:inline-flex; justify-content:center; align-items:center; min-width:2.5rem; min-height:2.5rem; padding:var(--space-2); border:var(--border); text-decoration:none; }
.slabs-archive .page-numbers.current,.slabs-taxonomy .page-numbers.current { background:var(--color-accent); color:var(--color-on-accent); border-color:var(--color-accent); }
@media (min-width:40rem) {
 .slabs-material-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-4); }
 .slabs-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-10) var(--space-6); }
 .slabs-cta { padding:var(--space-12); }
}
@media (min-width:64rem) {
 .slabs-archive,.slabs-taxonomy { padding-top:var(--space-10); }
 .slabs-material-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
 .slabs-card-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .slabs-cta { grid-template-columns:minmax(0,1fr) auto; }
}