/* Auszeichnungen neben dem Rad: eine Randnotiz in Monospace, ohne Rahmen. Breit steht sie rechts vom Rad,
   schmal klappt sie unter dem Rad zu einer Zeile zusammen. Im 3D-Modus fehlt sie ganz (Wandbilder im Diorama). */
.fig-row { display: flex; align-items: center; gap: 14px; }
.fig-row .stage { flex: 1 1 100%; min-width: 0; margin: 0; }
figure.is3d .ach { display: none; }

.ach { flex: 1 1 0; min-width: 110px; font: 500 .68rem/1.35 var(--mono); color: var(--muted); }
.ach-sum { display: none; }
.ach-h { margin: 0 0 4px; font: 600 .62rem/1.3 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.ach section { margin-top: 12px; padding-top: 8px; border-top: 1px dotted var(--muted); }
.ach-list { margin: 0; padding: 0; list-style: none; }
.ach-row { display: flex; align-items: flex-start; gap: 6px; width: 100%; margin: 0; padding: 2px 0; background: none; border: 0; font: inherit; color: var(--ink-2); text-align: left; cursor: pointer; }
.ach-row img { flex: 0 0 auto; width: 20px; height: 15px; margin-top: 2px; object-fit: cover; }
.ach-row:hover { color: var(--ink); }
.ach-row:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; }
.ach-row.next { color: var(--muted); opacity: .7; }
.ach-row.next::before { content: ''; flex: 0 0 20px; }

@media (max-width: 559px) {
  .fig-row { display: block; }
  .ach { margin-top: 6px; min-width: 0; }
  .ach-sum { display: block; width: 100%; margin: 0; padding: 2px 0; background: none; border: 0; font: inherit; color: var(--muted); cursor: pointer; text-align: center; }
  .ach-sum:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; }
  .ach-body { display: none; margin-top: 6px; }
  .ach.open .ach-body { display: block; }
  .ach-body > .ach-h { display: none; }
}