@media (max-width:900px) {
      .bdp-layout { grid-template-columns: 1fr !important; }
      #blogDetailPanel aside { order: -1; }
      #bdpHero { height: 300px !important; }
    }
    @media (max-width:600px) {
      #bdpHero { height: 240px !important; }
      .bdp-layout { padding: 36px 20px 60px !important; gap: 36px !important; }
    }