/* Live site: no review bar, so nothing sits above the header. */
:root { --proto-h: 0px; }
.a-open-rate { margin: 0 0 16px; padding: 14px 18px; border-radius: 14px; background: var(--color-amber-gold-50); color: var(--color-charcoal); }
.a-open-rate strong { color: var(--color-navy); }
/* The site's globals.css also defines .overline (a Tailwind utility used
   elsewhere) and .reveal (the old fade-in). Undo both here so the
   Clubhouse rules in base.css decide. */
.dir-a .overline { text-decoration: none; }
.dir-a .reveal { animation: none; opacity: 1; }
@media (prefers-reduced-motion: no-preference) {
  .js .dir-a .reveal { opacity: 0; transform: translateY(16px); transition: opacity 400ms var(--ease-decelerate), transform 400ms var(--ease-decelerate); }
  .js .dir-a .reveal.in { opacity: 1; transform: none; }
}