/**
 * tier-affordances.css — gated state for CTAs that require a signed-in account.
 * Applied by applyTierAffordances() in common/js/auth-ui.js to elements marked
 * data-requires-tier. Anonymous visitors: the CTA is hidden entirely.
 * Signed-in users below the tier: dimmed but clickable, the destination shows
 * the actual gate. Shared across hubs (unlike ranking-link.css, which is
 * top-list-only by design).
 */

/* .requires-account-hidden is duplicated in navigation.css (loaded on every
   nav page) so gated nav items hide without this file. Keep in sync. */
.requires-account-hidden { display: none !important; }
a.requires-account { opacity: 0.55; }
a.requires-account:hover { opacity: 0.85; }
a svg.req-account-icon { width: 14px; height: 14px; flex-shrink: 0; opacity: 0.8; }
.req-account-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }