.article-container{display:grid;grid-template-columns:1fr 350px;gap:50px;}.article-content{background:white;border-radius:8px;}.article-title{font-size:42px;font-weight:900;color:#333;line-height:1.3;margin-bottom:30px;}.article-section{margin-bottom:35px;}.article-section-title{font-size:16px;font-weight:700;color:#333;margin-bottom:15px;font-style:italic;}.article-text{font-size:15px;color:#555;line-height:1.8;text-align:justify;}.article-text strong{color:#333;font-weight:700;}.article-text em{font-style:italic;}.sidebar{position:sticky;top:30px;}.sidebar-box{background:linear-gradient(135deg,#c0f0f3 0%,#a8ecf0 100%);padding:30px;border-radius:8px;}.sidebar-title{font-size:24px;font-weight:900;color:#333;margin-bottom:25px;text-align:center;}.category-item{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.1);font-size:14px;color:#333;font-weight:500;cursor:pointer;transition:all .3s ease;}.category-item:last-child{border-bottom:none;}.category-item:hover{color:#00c4cd;padding-left:8px;}.category-item a{text-decoration:none;color:inherit;display:block;}.category-item a:hover{color:#00c4cd;}@media (max-width:1024px){.article-container{grid-template-columns:1fr;gap:30px}.sidebar{position:relative;top:0}.article-content{padding:30px}}@media (max-width:768px){.article-title{font-size:28px}.article-content{padding:20px}.sidebar-box{padding:20px}.article-text{text-align:left;font-size:14px}}