/* ==========================================================================
   Readability refinements
   ========================================================================== */

.blogpost {
  background:
    linear-gradient(180deg, hsl(220 18% 10%) 0%, hsl(var(--background)) 14%, hsl(220 20% 7%) 100%);
}

.bp-bg .l-base,
.bp-bg .l-dots,
.bp-bg .l-bloom {
  display: none;
}

.bp-nav {
  background: hsl(220 18% 9% / 0.96);
  border-bottom: 1px solid hsl(var(--border));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}



.bp-back {
  color: hsl(var(--muted-foreground));
}

.bp-back:hover {
  color: hsl(var(--foreground));
}

.bp-buy {
  box-shadow: none;
  border-radius: 999px;
}

.bp-cover {
  padding-top: 2.5rem;
  padding-bottom: 2rem;
}

.bp-cover.acc-green {
  background:
    radial-gradient(120% 90% at 50% 0%, hsl(var(--primary) / 0.16), transparent 60%),
    linear-gradient(180deg, hsl(222 27% 9%), hsl(222 24% 5%) 70%);
}

.bp-excerpt,
.bp-article p,
.bp-empty,
.bp-listing-intro,
.bp-listing-intro p {
  color: hsl(var(--muted-foreground));
  line-height: 1.9;
}

.bp-author .avatar,
.bp-ctacard {
  background: hsl(var(--card));
  border-color: hsl(var(--card-border));
  box-shadow: none;
}

.bp-ctacard .glow {
  display: none;
}

.bp-feature img {
  border-radius: var(--radius-xl);
}

.bp-article blockquote {
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  border-left: 3px solid hsl(var(--primary));
  background: hsl(var(--muted));
  color: hsl(var(--foreground));
}

.bp-pagination .page-numbers {
  border-color: hsl(var(--border));
  background: hsl(var(--muted));
}

.bp-back,
.bp-buy,
.bp-list-grid .blog-card .cover-img img,
.bp-pagination .page-numbers {
  transition: none;
}