/* ─── Minimal Structural Tokens ─── */
.blog-page {
  background-color: var(--offwhite);
  -webkit-font-smoothing: antialiased;
}

/* Base Font Layout Hooks */
.font-sans {
  font-family: var(--ff-body);
}

.xs-text {
  font-size: 0.78rem;
}

/* Custom Tag Button Highlights */
.bf-tag {
  color: var(--charcoal-lt);
  background-color: #ffffff;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
}

.bf-tag:hover, .bf-tag.active {
  background-color: var(--crimson) !important;
  color: #ffffff !important;
  border-color: var(--crimson) !important;
}

/* Hide horizontal mobile scrollbar trackers elegantly */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}