/* ============================================================
   RYX — learn.css
   ============================================================ */

/* We use the exact same layout structure as docs.css for consistency */
@import url('docs.css');

/* Page specific overrides */
.placeholder__icon {
  animation: pulse 4s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% { box-shadow: 0 0 0 0 color-mix(in oklch, var(--accent) 40%, transparent); }
  50% { box-shadow: 0 0 0 15px transparent; }
}