/* Übersichten: Projekte / Steindatenbank (Figma: Archiv – Design) */
.fuz-archive .fuz-container { display: grid; gap: var(--fuz-space-8); }
.fuz-archive__intro { display: grid; gap: var(--fuz-space-5); grid-template-columns: minmax(0, 300px) minmax(0, 980px); }
@media (max-width: 899px) { .fuz-archive__intro { grid-template-columns: 1fr; } }
.fuz-archive__intro .fuz-label { color: var(--fuz-text-secondary); }

/* Filter: Textlinks mit Schrägstrich, aktiver Punkt mit roter Linie */
.fuz-filter { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--fuz-space-3) var(--fuz-space-6); padding-bottom: var(--fuz-space-6); border-bottom: 1px solid var(--fuz-line); }
.fuz-filter__label { color: var(--fuz-text-secondary); min-width: 160px; }
.fuz-filter ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 12px; }
.fuz-filter li { display: flex; align-items: baseline; gap: 12px; }
.fuz-filter li + li::before { content: "/"; color: var(--fuz-text-muted); font-weight: 700; }
.fuz-filter a { position: relative; display: inline-block; padding-block: 10px; font-size: var(--fuz-fs-body-s); font-weight: 700; line-height: 1; text-decoration: none; color: var(--fuz-text-secondary); }
.fuz-filter a:hover { color: var(--fuz-text-primary); }
.fuz-filter a[aria-current] { color: var(--fuz-text-primary); }
.fuz-filter a[aria-current]::after { content: ""; position: absolute; left: 0; bottom: 2px; width: 20px; height: 2px; background: var(--fuz-accent); }

.fuz-archive__more { display: flex; justify-content: center; }
.fuz-archive__more [aria-busy="true"] { opacity: .6; cursor: progress; }
