/* Runde Zurück-Knöpfe überall + zuletzt Angetipptes markieren (lino/navigation, 01.11.2026) */
.zr-back { display: inline-flex !important; align-items: center; gap: 10px; width: auto !important; margin: 0 0 14px !important; padding: 0 14px 0 0 !important; min-height: 0; border: 0 !important; border-radius: 100px !important; background: transparent !important; box-shadow: none !important; color: var(--text) !important; font: inherit; font-size: 14px !important; font-weight: 600; cursor: pointer; text-decoration: none; }
.zr-back .zr-circle { flex: none; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--card-bg, #fff); color: var(--text); box-shadow: 0 1px 2px rgba(24,24,27,.06), 0 4px 14px rgba(24,24,27,.10); border: 1px solid var(--card-border, rgba(0,0,0,.06)); transition: transform .15s, background .15s, color .15s; }
.zr-back:hover .zr-circle { background: var(--gold); color: #fff; border-color: var(--gold); transform: translateX(-2px); }
.zr-back:focus-visible { outline: none; }
.zr-back:focus-visible .zr-circle { outline: 3px solid var(--gold); outline-offset: 2px; }
.zr-back .zr-label { color: var(--text-muted); }
.zr-back.zr-top { position: sticky; top: 8px; z-index: 30; align-self: flex-start; }
.zr-back.zr-top .zr-label { padding: 4px 10px; border-radius: 100px; background: color-mix(in srgb, var(--bg, #fff) 85%, transparent); backdrop-filter: blur(6px); }
/* zuletzt angetippt: deutlich, aber ruhig */
/* .zr-last (Markierung) seit 05.11.2026 nicht mehr benutzt */
@keyframes zr-pulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--gold) 45%, transparent); } 100% { box-shadow: 0 0 0 14px transparent; } }
@media (prefers-reduced-motion: reduce) { .zr-last { animation: none; } .zr-back .zr-circle { transition: none; } }
@media (max-width: 600px) { .zr-back .zr-circle { width: 40px; height: 40px; } }