#article-banner .carousel-item{height:350px}.article-main{padding:2%}.article-content{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.article-title-section{padding-bottom:20px}.article-title{font-size:2rem;font-weight:700;color:#333;line-height:1.3}.article-meta{display:flex;align-items:center;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;color:#666;font-size:.9rem}.article-meta-item{display:flex;align-items:center;gap:.5rem}.article-meta-item:has(a) a{color:#fff;margin-right:.5rem;background-color:var(--primary-color);padding:2px 5px;border-radius:5px;transition:all 0.3s ease;border:1px solid var(--primary-color)}.article-meta-item:has(a) a:hover{color:var(--primary-color);background-color:#fff;border:1px solid var(--primary-color)}.article-body{line-height:1.8;color:var(--text-color);margin-bottom:2rem}.article-body h2{margin:2rem 0 1rem;color:var(--primary-color);font-size:1.8rem;font-weight:600}.article-body h3{margin:1.5rem 0 1rem;color:#444;font-size:1.4rem;font-weight:600}.article-body p{margin-bottom:1rem;text-align:justify}.article-body img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.article-body ul,.article-body ol{list-style:disc;   margin-bottom:1.5rem;padding-left:1.5rem}.article-body li{margin-bottom:.5rem}.article-tags{padding-top:1.5rem;border-top:1px solid var(--border-color);margin-bottom:2rem}.article-tags-title{font-weight:600;margin-right:1rem}.article-tag{display:inline-block;background-color:var(--light-gray);color:#666;padding:.3rem .8rem;border-radius:20px;margin-right:.8rem;margin-bottom:.8rem;text-decoration:none;font-size:.9rem;transition:all 0.3s ease}.article-tag:hover{background-color:var(--primary-color);color:#fff}.related-articles{margin-top:3rem}.related-articles-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:2px solid var(--primary-color);color:var(--primary-color)}.related-article-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%}.related-article-card img{max-height:300px;object-fit:cover}.related-article-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgb(0 0 0 / .15)}.related-article-img{width:100%;object-fit:cover}.related-article-content{padding:1.2rem}.related-article-title{font-size:1.1rem;font-weight:600;margin-bottom:.8rem;color:var(--text-color)}.related-article-title a{color:var(--text-color);text-decoration:none;transition:color 0.3s ease}.related-article-title a:hover{color:var(--primary-color)}.related-article-excerpt{color:#666;font-size:.9rem;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.related-article-meta{font-size:.8rem;color:#999}.article-main .row{position:relative}@media (max-width:768px){.article-main{padding:5% 0}.article-banner{height:40vh}.article-banner h1{font-size:1.8rem}.article-content{padding:1.5rem}.article-meta{flex-wrap:wrap;gap:1rem}.related-article-img{height:150px}}