/* Seitenspezifisches Layout: Referenzen-Seite (PROJ-6). Die Karte selbst steckt in components.css (.ref-card). */
.refs__head { max-width: 680px; }
.refs__head > * + * { margin-top: var(--space-4); }
.refs__title { font-size: clamp(2.25rem, 1.5rem + 3.4vw, 3.75rem); line-height: var(--lh-tight); letter-spacing: var(--ls-display); }
.refs__filter { margin-top: var(--space-10); }
.refs__grid { margin-top: var(--space-8); }
.refs__empty { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-8); padding: var(--space-6); }
.refs__empty[hidden] { display: none; }
.refs__empty p { color: var(--text-strong); font-weight: var(--fw-semibold); }