/* DE: Öffentliche Bildergalerie einer Sprache („Wörter mit Bildern", B13). Ein responsives Karten-Grid;
   jede Karte ist ein Link mit Bild + Lemma. Sichtbarer Fokus, ruhiger Hover, keine Farb-nur-Zustände (WCAG 2.2 AA).
   EN: A language's public image gallery („words with pictures", B13). A responsive card grid; each card is a
   link with image + lemma. Visible focus, calm hover, no colour-only states (WCAG 2.2 AA). */

.gallery{margin-block-start:var(--sp-lg)}
.gallery__head{margin-block-end:var(--sp-lg)}
.gallery__count{color:var(--text-muted);font-size:var(--step-0);margin-block-start:var(--sp-xs)}

.gallery__grid{list-style:none;padding:0;margin:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:var(--sp-md)}

.gallery__card{display:flex;flex-direction:column;text-decoration:none;color:var(--text);
  background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);
  overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease,transform .15s ease}
.gallery__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.gallery__card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}

.gallery__image{inline-size:100%;block-size:9rem;object-fit:contain;background:var(--surface-2);
  padding:var(--sp-xs)}
.gallery__lemma{display:block;padding:var(--sp-sm);font-family:var(--font-display);font-weight:700;
  font-size:var(--step-0);text-align:center;text-wrap:balance}

.gallery__note{color:var(--text-muted);font-size:var(--step--1);margin-block-end:var(--sp-md)}
.gallery__empty{margin-block-start:var(--sp-lg);color:var(--text-muted);font-size:var(--step-1)}

/* Entry point from the language home page (discover area). */
.home-discover__more{margin-block-start:var(--sp-md)}
.home-discover__more-link{font-weight:600;color:var(--link)}
.home-discover__more-link:hover{text-decoration:underline}

@media (prefers-reduced-motion:reduce){
  .gallery__card{transition:none}
  .gallery__card:hover{transform:none}
}