/* ================================================================
   MY SMSF — BLOG PAGE STYLES
================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

#msfb-blog { font-family: 'Plus Jakarta Sans', -apple-system, sans-serif; }

/* card hover effects */
#msfb-blog a[style*="flex-direction:column"]:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.12) !important;
}
#msfb-blog a[style*="display:block;background"]:hover {
  box-shadow: 0 16px 50px rgba(0,0,0,.12) !important;
}
/* image zoom on hover */
#msfb-blog a:hover img { transform: scale(1.04); }
#msfb-blog div[style*="height:200px"] img,
#msfb-blog div[style*="height:340px"] img {
  transition: transform .45s ease;
}
/* sidebar category links hover */
#msfb-blog aside a:hover {
  color: #0d5aa3 !important;
}
/* scrollbar hide on category tabs */
#msfb-blog div[style*="overflow-x:auto"]::-webkit-scrollbar { display: none; }

/* responsive */
@media (max-width: 960px) {
  #msfb-blog > div:last-of-type > div:first-of-type {
    grid-template-columns: 1fr !important;
  }
  #msfb-blog aside { position: static !important; }
}
@media (max-width: 640px) {
  #msfb-blog div[style*="grid-template-columns:repeat(2,1fr)"] {
    grid-template-columns: 1fr !important;
  }
}