/* ================= THE QUICK GUIDE BUTTON'S DISCOVERY GLOW =================
   One new rule, not a new component — `.a-btn.icon.ghost` already draws the button; this file
   is only the state before the reader has opened it (JS/features/quick-guide-launcher.js stops
   it for good on first open). Reuses `.a-bell.has-unread`'s steady look, but animated: a
   one-time discovery affordance the product owner asked for, not a running unread count. */
.a-btn.qg-attn{
  background:var(--a-blue-soft); border-color:var(--a-blue); color:var(--a-blue-text);
  box-shadow:0 0 0 1px var(--a-blue), 0 0 12px -3px var(--a-blue);
}
.a-btn.qg-attn:hover{ background:var(--a-blue-fill); border-color:transparent; color:#fff; }

/* Gated to prefers-reduced-motion: no-preference — the colour/box-shadow above still apply
   under reduce, only the @keyframes is withheld, per JS/core/motion.js's rule: "the state
   change stays, the wait goes." `--dur-drift` is CSS/tokens.css's own ambient-motion token. */
@media (prefers-reduced-motion: no-preference){
  .a-btn.qg-attn{ animation:qgPulse var(--dur-drift, 4s) ease-in-out infinite; }
}
@keyframes qgPulse{
  0%, 100%{ box-shadow:0 0 0 1px var(--a-blue), 0 0 10px -3px var(--a-blue); }
  50%{ box-shadow:0 0 0 1px var(--a-blue), 0 0 20px 2px var(--a-blue); }
}