/** * Standardized Blog Styles * Ensures consistent appearance for blog cards and post pages */ /* Blog Card Styles */ .blog__card { transition: transform 0.3s ease, box-shadow 0.3s ease; height: 100%; } .blog__card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; } .blog__card .thumbnail { overflow: hidden; position: relative; padding-top: 56.25%; /* 16:9 Aspect Ratio */ display: block; } .blog__card .thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .blog__card:hover .thumbnail img { transform: scale(1.05); } .blog__card .card-body { padding: 1.5rem; } /* Individual Blog Post Styles */ .detail__box { max-width: 900px; margin: 0 auto; } .detail__box figure { margin-bottom: 2rem; } .detail__box figure img { width: 100%; height: auto; object-fit: cover; border-radius: 0.5rem; } .detail__box h1 { margin-bottom: 1.5rem; font-weight: 600; color: #333; } .detail__box p { margin-bottom: 1.25rem; line-height: 1.7; }