/* DE: Bildwünsche (B3): der öffentliche „Ich wünsche mir ein Bild"-Knopf unter einem bildlosen Wort und die
   Redaktions-Wunschliste (Rang-Tabelle). Sichtbarer Fokus, keine Farb-nur-Zustände (WCAG 2.2 AA).
   EN: Image wishes (B3): the public „I'd like a picture" button under a picture-less word, and the editorial
   wish list (ranked table). Visible focus, no colour-only states (WCAG 2.2 AA). */

/* Public button under the word's honest image gap. */
.image-wish{margin-block:var(--sp-md)}
.image-wish__btn{display:inline-flex;align-items:center;gap:.5ch}
.image-wish__done{display:inline-flex;align-items:center;gap:.5ch;color:var(--text-muted);
  font-weight:600;margin:0}

/* Editorial wish list (same shape as the word-views report). */
.image-requests__intro{color:var(--text-muted);max-inline-size:60ch;margin-block-end:var(--sp-md)}
.image-requests__table{inline-size:100%;border-collapse:collapse;margin-block-start:var(--sp-md);
  display:block;overflow-x:auto}
.image-requests__table th,.image-requests__table td{padding:.5rem .75rem;text-align:start;
  border-block-end:1px solid var(--border);vertical-align:baseline}
.image-requests__table thead th{font-size:var(--step--1);letter-spacing:.03em;
  color:var(--text-muted);font-weight:700}
.image-requests__row:hover{background:var(--surface-2)}
.image-requests__rank,.image-requests__count{font-variant-numeric:tabular-nums;text-align:end}
.image-requests__rank-col,.image-requests__count-col{text-align:end}
.image-requests__rank{color:var(--text-muted)}
.image-requests__count{font-weight:700}
.image-requests__meaning{color:var(--text-muted)}
.image-requests__empty{margin-block-start:var(--sp-lg);color:var(--text-muted);font-size:var(--step-1)}

/* DE: Der Wunsch steht IN der Bild-Leerstelle, nicht darunter — zwei Kästen für eine Sache sparen keinen
   Platz, sie kosten welchen. Diese drei Regeln stehen hier statt bei der Leerstelle, weil sie von IHM
   handeln: dass er dort keinen eigenen Außenabstand braucht, und dass der Kasten seinetwegen aus dem
   Quadrat wachsen darf, statt Text und Knopf zu quetschen.
   EN: The wish sits INSIDE the empty-picture box rather than below it — two boxes for one thing save no
   space, they cost some. These rules live here because they are about the WISH: that it needs no margin of
   its own in there, and that the box may grow out of its square for it instead of squeezing text and button. */
.word-image--pending .image-wish{margin-block:0}
.word-image__pending-text{margin:0}
.word-image--pending:has(.image-wish){aspect-ratio:auto;min-block-size:clamp(150px,28vw,210px);
  /* Auf 390 px blieben 150 px, und der Knopf brach auf zwei Zeilen — ein Kasten, der eine Handlung trägt,
     braucht Platz für sie. Obergrenze unverändert. */
  inline-size:clamp(190px,50vw,210px)}