/* T-032 shared post-card look and traction glow (owner 2026-11-03), every post card on every page.
   inc/card-glow.php adds .ev-glow to each card, plus --hot (red) or --rising (green) when it has traction, and a small
   corner tag. The glow is box-shadow (outside) plus a soft light from the bottom edge (inside), so it works on cards
   that clip their media. */
html body .ev-glow { position: relative; isolation: isolate; border-radius: 14px; overflow: hidden; transition: transform .25s ease, box-shadow .3s ease, border-color .3s ease; }
html body .ev-glow:hover { transform: translateY(-3px); }
html body .ev-glow::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; border-radius: inherit; opacity: 0; transition: opacity .3s ease; mix-blend-mode: screen; }
html body .ev-glow--rising { border-color: rgba(63, 227, 155, .5) !important; box-shadow: 0 0 0 1px rgba(63, 227, 155, .3), 0 18px 44px -18px rgba(63, 227, 155, .6), 0 0 70px -24px rgba(63, 227, 155, .5); }
html body .ev-glow--rising::after { opacity: 1; background: radial-gradient(75% 55% at 50% 112%, rgba(63, 227, 155, .3), transparent 72%); }
html body .ev-glow--hot { border-color: rgba(255, 72, 88, .55) !important; box-shadow: 0 0 0 1px rgba(255, 72, 88, .32), 0 18px 44px -18px rgba(255, 60, 80, .65), 0 0 70px -24px rgba(255, 60, 80, .55); }
html body .ev-glow--hot::after { opacity: 1; background: radial-gradient(75% 55% at 50% 112%, rgba(255, 60, 80, .32), transparent 72%); }
html body .ev-glow--rising:hover { box-shadow: 0 0 0 1px rgba(63, 227, 155, .45), 0 22px 50px -16px rgba(63, 227, 155, .7), 0 0 80px -20px rgba(63, 227, 155, .6); }
html body .ev-glow--hot:hover { box-shadow: 0 0 0 1px rgba(255, 72, 88, .5), 0 22px 50px -16px rgba(255, 60, 80, .75), 0 0 80px -20px rgba(255, 60, 80, .65); }
/* Corner tag: dark backing so it reads on light photos too. */
html body .ev-glow__badge { position: absolute; top: 12px; right: 12px; z-index: 3; display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 999px; background: rgba(8, 10, 12, .82); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); font-size: .62rem; font-weight: 800; letter-spacing: .06em; line-height: 1; text-transform: uppercase; pointer-events: none; }
html body .ev-glow--rising .ev-glow__badge { border: 1px solid rgba(63, 227, 155, .6); color: #7ff0bd; }
html body .ev-glow--hot .ev-glow__badge { border: 1px solid rgba(255, 72, 88, .65); color: #ff8f99; }
html body .ev-glow--hot .ev-glow__badge > span { animation: ev-glow-pulse 1.8s ease-in-out infinite; }
@keyframes ev-glow-pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) {
  html body .ev-glow, html body .ev-glow:hover { transform: none; transition: none; }
  html body .ev-glow--hot .ev-glow__badge > span { animation: none; }
}