/* BeginThings Blog Layout */
.bt-blog-page{
  background: var(--bg, #0f1117);
  color: var(--text, #e6e9ef);
}
.bt-blog-page .page-content-section{
  padding: 2.5rem 0 3.5rem;
}
.bt-blog-article{
  max-width: 900px;
  margin: 0 auto;
  padding: 2.4rem 2.2rem;
  border-radius: 1.5rem;
  border: 1px solid var(--border, rgba(255,255,255,0.12));
  background: var(--cta-bg, rgba(255,255,255,0.05));
  box-shadow: 0 26px 60px rgba(0,0,0,0.28);
  line-height: 1.75;
}
.bt-blog-hero{
  margin: -2.2rem -2.2rem 1.6rem;
  border-radius: 1.2rem;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.25);
  aspect-ratio: 16 / 9;
}
.bt-blog-hero img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.bt-blog-kicker{
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.9rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(0,0,0,0.3);
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--text-muted, #a7b0bd);
  margin-bottom: 0.9rem;
}
.bt-blog-meta{
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--text-muted, #a7b0bd);
  font-size: 0.9rem;
  margin-bottom: 1.4rem;
  flex-wrap: wrap;
}
.bt-blog-article h1{
  font-size: clamp(2.2rem, 4.5vw, 3.2rem);
  line-height: 1.1;
  margin: 0.4rem 0 1rem;
  text-align: center;
}
.bt-blog-article > p:first-of-type{
  font-size: 1.1rem;
  color: var(--text-muted, #a7b0bd);
  text-align: center;
  margin-bottom: 1.8rem;
}
.bt-blog-article h2{
  margin-top: 2rem;
  font-size: 1.5rem;
}
.bt-blog-article h3{
  margin-top: 1.5rem;
  font-size: 1.2rem;
}
.bt-blog-article p{
  margin: 0.85rem 0;
  color: var(--text, #e6e9ef);
}
.bt-blog-article ul,
.bt-blog-article ol{
  margin: 0.8rem 0 1rem 1.4rem;
  padding: 0;
}
.bt-blog-article li{
  margin: 0.4rem 0;
  color: var(--text, #e6e9ef);
}
.bt-blog-article a{
  color: var(--bt-seo-accent, #7aa7ff);
  text-decoration: none;
  font-weight: 600;
}
.bt-blog-article a:hover{
  text-decoration: underline;
}
.bt-blog-article blockquote{
  border-left: 3px solid var(--bt-seo-accent, #7aa7ff);
  padding-left: 1rem;
  margin: 1.4rem 0;
  color: var(--text-muted, #a7b0bd);
}
.bt-blog-article hr{
  border: none;
  border-top: 1px dashed rgba(255,255,255,0.15);
  margin: 2rem 0;
}

@media (max-width: 900px){
  .bt-blog-article{padding: 2rem 1.6rem;}
  .bt-blog-hero{margin: -1.6rem -1.6rem 1.3rem;}
}
@media (max-width: 640px){
  .bt-blog-article{padding: 1.6rem 1.2rem;}
  .bt-blog-hero{margin: -1.2rem -1.2rem 1.1rem;}
  .bt-blog-article h1{font-size: clamp(1.9rem, 8vw, 2.5rem);}
  .bt-blog-article > p:first-of-type{font-size: 1rem;}
}