/* ============================================================
   Wizzi — Trust ticker + live activity + blog post typography.
   Loaded by /blog/index.php and /blog/post.php.
   ============================================================ */

/* Marquee container fades edges with a mask */
.trust-ticker {
  position: relative;
  mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 8%, #000 92%, transparent 100%);
}
.trust-ticker-track {
  width: max-content;
  animation: trust-marquee 42s linear infinite;
  will-change: transform;
}
.trust-ticker:hover .trust-ticker-track { animation-play-state: paused; }
@keyframes trust-marquee {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}
.trust-card { backdrop-filter: blur(6px); }

/* Live-activity pulsing dot */
.trust-live-dot { flex-shrink: 0; }
.trust-live-ping { animation: trust-ping 1.8s cubic-bezier(0, 0, 0.2, 1) infinite; }
@keyframes trust-ping {
  0%   { transform: scale(1);   opacity: 0.75; }
  75%  { transform: scale(2.4); opacity: 0; }
  100% { transform: scale(2.4); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .trust-ticker-track { animation: none; }
  .trust-live-ping    { animation: none; opacity: 0.5; }
}
@media (max-width: 640px) {
  .trust-ticker-track { animation-duration: 28s; }
}

/* Blog post body typography (loaded on /blog/post.php) */
.article-content { color: #d4d4d8; line-height: 1.8; font-size: 1.0625rem; }
.article-content h2 { color: #fff; font-size: 1.75rem; font-weight: 800; margin: 2.5rem 0 1rem; }
.article-content h3 { color: #fff; font-size: 1.25rem; font-weight: 700; margin: 2rem 0 .75rem; }
.article-content p { margin-bottom: 1.25rem; }
.article-content ul, .article-content ol { margin: 1rem 0 1.5rem 1.5rem; }
.article-content li { margin-bottom: .5rem; }
.article-content strong { color: #fff; }
.article-content a { color: #06B6D4; text-decoration: underline; }
.article-content blockquote { border-left: 3px solid #0066FF; padding: .25rem 1rem; margin: 1.5rem 0; color: #a1a1aa; font-style: italic; }