/* Blog only — continuous background through the footer */

html,body{
  background:#081722!important;
}

body > main{
  background-image:
    radial-gradient(circle at 84% 14%,rgba(84,222,255,.18),transparent 34%),
    radial-gradient(circle at 8% 78%,rgba(42,129,255,.12),transparent 34%),
    linear-gradient(135deg,#081722 0%,#0d2332 52%,#081722 100%)!important;
  background-attachment:scroll!important;
  min-height:100vh;
}

/* Blog listing + article page + footer sit on the same continuous background. */
.blog-page,
.article-page,
.site-footer{
  background:transparent!important;
  background-image:none!important;
  border-top:0!important;
  border-bottom:0!important;
}

/* Remove decorative footer/page glow layers that create a visible color jump. */
.blog-page::before,
.blog-page::after,
.article-page::before,
.article-page::after,
.site-footer::before,
.site-footer::after{
  display:none!important;
}

@media(max-width:900px){
  html,body{
    background:#091924!important;
  }

  body > main{
    background-image:
      radial-gradient(circle at 85% 10%,rgba(74,216,255,.14),transparent 32%),
      radial-gradient(circle at 8% 88%,rgba(45,122,255,.09),transparent 30%),
      linear-gradient(180deg,#091924 0%,#0c202e 52%,#091824 100%)!important;
    background-size:auto!important;
  }
}