.detail-page{display:flex;flex-direction:column;gap:10px;margin:60px 0}.banner{overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.12)}.banner,.banner-img{width:100%;border-radius:15px}.banner-img{height:400px;object-fit:cover;transition:all .3s ease;opacity:.9}.banner-img:hover{transform:scale(1.02);opacity:1}.blog-header{text-align:flex-start;margin-top:10px}.blog-header h1{font-size:50px;font-weight:400;color:#111;margin:0;position:relative}.blog-content{font-size:18px;line-height:1.8;color:#000;margin-top:10px}@media (max-width:1024px){.banner-img{height:300px}.blog-header h1{font-size:36px}.blog-content{font-size:16px}}@media (max-width:768px){.detail-page{margin:30px 0;gap:20px}.banner-img{height:220px}.blog-header h1{font-size:28px;font-weight:400}.blog-content{font-size:15px;line-height:1.6}}@media (max-width:480px){.banner-img{height:180px}.blog-header h1{font-size:22px;font-weight:400}.blog-content{font-size:14px;line-height:1.5}}