.blog-page{cursor:auto}
.blog-page #cursor-dot,.blog-page #cursor-ring{display:none}
.blog-hero{padding:calc(var(--nav-h) + 4rem) 0 3rem;background:
  radial-gradient(ellipse at 20% 0%,rgba(124,255,107,.12),transparent 50%),
  linear-gradient(180deg,#0D1410 0%,#0A0F0C 100%)}
.blog-main{padding:2rem 0 6rem}
.blog-themes{display:flex;flex-direction:column;gap:2.5rem}
.blog-theme{
  border:1px solid var(--border);border-radius:18px;padding:2rem;
  background:var(--glass);transition:border-color .3s;
}
.blog-theme:hover{border-color:var(--border-gold)}
.bt-head{margin-bottom:1.25rem;max-width:640px}
.bt-name{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:500;margin-bottom:.5rem}
.bt-blurb{color:var(--t60);line-height:1.7}
.bt-posts{display:grid;gap:.65rem}
.blog-post-link{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:1rem 1.15rem;border-radius:12px;border:1px solid var(--border);
  background:rgba(0,0,0,.2);transition:all .25s;
}
.blog-post-link:hover{border-color:var(--gold);transform:translateX(4px)}
.bp-title{font-family:var(--display);font-weight:600;font-size:.95rem}
.bp-meta{font-size:.72rem;color:var(--t35);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.nav-link.active{color:var(--gold)}
@media(max-width:700px){
  .blog-post-link{flex-direction:column;align-items:flex-start}
}