/* SpeedShot Magazin – Public + Backend Styling */
[x-cloak] { display: none !important; }

/* Default body fallbacks (Tailwind via CDN) */
body { font-family: system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif; }

/* Magazin-typische Headline-Akzente */
.headline { letter-spacing: -0.02em; }

/* Dezente Scrollbar im Backend */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--mag-bg, #0a0a0a); }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.1); border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.2); }

/* prose (Article-HTML) Anpassungen */
.prose-invert {
  --tw-prose-body:    var(--mag-text);
  --tw-prose-headings:#fff;
  --tw-prose-links:   var(--mag-accent);
  --tw-prose-bold:    #fff;
}
.prose-invert h2 {
  font-weight: 800; text-transform: uppercase; letter-spacing: -0.01em;
  margin-top: 2rem; margin-bottom: 0.75rem; font-size: 1.5rem;
  border-left: 4px solid var(--mag-accent); padding-left: 0.75rem;
}
.prose-invert p { line-height: 1.7; margin: 1rem 0; }
.prose-invert a { text-decoration: none; border-bottom: 1px solid var(--mag-accent); }

/* Live-Badge Pulse */
@keyframes pulse-red { 0%,100% { opacity:1 } 50% { opacity:.5 } }
.bg-red-500.text-white { animation: pulse-red 2s infinite; }