/*
 * KoloPlus — widgets/feed/hashtag_hero · v1.1.3.009
 * Hashtag landing page hero: #tag + post count.
 */

.w-feed-hashtag-hero {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: var(--n-s-5) var(--n-s-4);
  background:
    radial-gradient(ellipse 60% 80% at 0% 0%, var(--n-accent-soft), transparent 60%),
    var(--n-bg-2);
  border: 1px solid var(--n-line);
  border-radius: var(--n-r-lg);
  margin-bottom: var(--n-s-4);
}

.w-feed-hashtag-hero__topline {
  display: flex;
  align-items: center;
  gap: var(--n-s-2);
}

.w-feed-hashtag-hero__eyebrow {
  color: var(--n-accent);
  font-weight: var(--n-w-bold);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.w-feed-hashtag-hero__count {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: var(--n-r-pill);
  background: var(--n-accent-soft);
  color: var(--n-accent);
  font-weight: var(--n-w-bold);
  font-variant-numeric: tabular-nums;
}

.w-feed-hashtag-hero__title {
  margin: 0;
  font-weight: var(--n-w-bold);
  color: var(--n-text);
  word-break: break-word;
  line-height: var(--n-lh-tight);
}