.article-view{max-width:1100px;margin:30px auto;padding:10px}.carousel{aspect-ratio:16/9;width:100%;margin-bottom:20px;position:relative;overflow:hidden}.carousel-track{height:100%;transition:transform .5s ease-in-out;display:flex}.carousel-image{object-fit:cover;min-width:100%;height:100%}.prev-btn,.next-btn{color:#fff;cursor:pointer;z-index:2;background:red;border:none;border-radius:5px;padding:6px 10px;font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.prev-btn{left:8px}.next-btn{right:8px}.prev-btn:hover,.next-btn:hover{background:#8b0000}.article-view h2{margin-bottom:15px;font-size:32px}.article-view p{text-align:justify;margin-bottom:15px;font-size:19px;line-height:1.9}.article-meta{color:gray;margin-bottom:15px;font-size:14px}.article-view button{color:#fff;cursor:pointer;background:red;border:none;border-radius:5px;padding:10px 18px}.article-view button:hover{background:#8b0000}@media (max-width:992px){.article-view{max-width:95%}.carousel{aspect-ratio:16/10}}@media (max-width:768px){.article-view{max-width:100%;padding:8px}.carousel{aspect-ratio:4/3}.article-view h2{font-size:20px}.article-view p{font-size:15px}.prev-btn,.next-btn{padding:5px 8px;font-size:16px}}