/**
 * assets/exclusive.css
 * Exclusive reviews (includes/exclusive_page.php): the archives' styles
 * (archives.css, .hg-arch) plus the letter bar and a few extras.
 */
.hg-excl .ex-kicker { margin-bottom: var(--space-1); font-size: var(--text-xs); font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; color: var(--color-brand-darker); }
.hg-excl .ex-intro { margin-top: var(--space-2); font-size: var(--text-sm); line-height: var(--leading-relaxed); color: var(--color-ink-muted); }
.hg-excl .ex-letters { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 var(--space-4); }
.hg-excl .ex-letters a { min-width: 30px; padding: 4px 8px; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; font-size: var(--text-sm); font-weight: 700; text-align: center; }
.hg-excl .ex-letters a:link, .hg-excl .ex-letters a:visited { color: var(--color-ink); }
.hg-excl .ex-letters a:hover { border-color: var(--color-brand); color: var(--color-brand); text-decoration: none; }
.hg-excl .ex-letters a.is-on { background: var(--color-brand); border-color: var(--color-brand); color: #fff; }
.hg-excl .ex-foot { margin-top: var(--space-6); font-size: var(--text-xs); color: var(--color-ink-faint); text-align: center; }
.hg-excl a.ar-chip.is-excl { display: none; }