.article-layout{display: grid;grid-template-columns: 2.7fr 1fr;gap: 3rem;align-items: flex-start}.article-main{background: var(--bg-card);border: 1px solid var(--border);border-radius: 16px;padding: 3rem;box-shadow: 0 10px 45px var(--shadow)}.article-meta-bar{display: inline-flex;flex-wrap: wrap;gap: 1.5rem;font-size: 0.85rem;color: var(--text-muted);margin-bottom: 1.5rem}.article-meta-bar span{display: flex;align-items: center;gap: 0.5rem}.article-meta-bar i{color: var(--gold)}.article-title{font-family: 'Cinzel',serif;font-size: 2.4rem;font-weight: 700;line-height: 1.3;color: var(--text);margin-bottom: 1.5rem}.article-img-box{width: 100%;height: 480px;border-radius: 10px;overflow: hidden;margin-bottom: 2.5rem;box-shadow: 0 8px 30px rgba(0,0,0,0.2)}.article-img-box img{width: 100%;height: 100%;object-fit: cover}.article-body-content{font-size: 1.05rem;line-height: 1.85;color: var(--text)}.article-body-content p{margin-bottom: 1.5rem}.article-body-content h2,.article-body-content h3,.article-body-content h4{font-family: 'Cinzel',serif;color: var(--text);margin-top: 2rem;margin-bottom: 1rem;font-weight: 700}.article-body-content h2{font-size: 1.6rem}.article-body-content h3{font-size: 1.35rem}.article-body-content ul,.article-body-content ol{margin-left: 2rem;margin-bottom: 1.5rem}.article-body-content li{margin-bottom: 0.5rem}.article-body-content blockquote{border-left: 4px solid var(--gold);background: var(--bg-2);padding: 1rem 1.5rem;margin: 1.5rem 0;font-style: italic;border-radius: 0 8px 8px 0}.article-body-content img{max-width: 100%;height: auto;border-radius: 8px;margin: 1.5rem 0}.back-btn-wrapper{margin-top: 3rem;border-top: 1px solid var(--border);padding-top: 2rem}.btn-back-list{display: inline-flex;align-items: center;gap: 0.5rem;color: var(--gold);text-decoration: none;font-weight: 600;font-size: 0.95rem;transition: all 0.2s}.btn-back-list:hover{color: var(--gold-light);transform: translateX(-4px)}.sidebar-box{background: var(--bg-card);border: 1px solid var(--border);border-radius: 12px;padding: 2rem;box-shadow: 0 6px 25px var(--shadow);margin-bottom: 2rem}.sidebar-title{font-family: 'Cinzel',serif;font-size: 1.25rem;font-weight: 700;color: var(--text);margin-bottom: 1.5rem;border-bottom: 2px solid var(--gold);padding-bottom: 0.75rem}.recent-news-list{display: flex;flex-direction: column;gap: 1.5rem}.recent-news-item{display: flex;gap: 1rem;text-decoration: none;align-items: center}.recent-thumb{width: 70px;height: 70px;border-radius: 8px;overflow: hidden;flex-shrink: 0;box-shadow: 0 2px 10px rgba(0,0,0,0.15)}.recent-thumb img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s}.recent-news-item:hover .recent-thumb img{transform: scale(1.08)}.recent-info{flex: 1}.recent-title{font-family: 'Cinzel',serif;font-size: 0.88rem;font-weight: 700;line-height: 1.4;color: var(--text);margin-bottom: 0.25rem;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;transition: color 0.3s}.recent-news-item:hover .recent-title{color: var(--gold-light)}.recent-date{font-size: 0.75rem;color: var(--text-muted)}.breadcrumb-current{max-width: 250px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom}.page-header-section{word-wrap: break-word;word-break: break-word;overflow-wrap: break-word}.page-header-row{max-width: 100%}.page-header-section.has-hero-bg{min-height: 480px;background-size: 100% 100% !important;background-position: center !important;background-repeat: no-repeat !important;padding-top: calc(2.2rem + 69px) !important;padding-bottom: 2rem !important}@media(max-width: 992px){.article-layout{grid-template-columns: 1fr;gap: 3rem}.article-main{padding: 2rem}.article-title{font-size: 1.8rem}.article-img-box{height: 320px}}@media(max-width: 576px){.article-main{padding: 1.25rem}.breadcrumb-current{max-width: 120px}.page-header-row{flex-direction: column;align-items: flex-start}}.author-share-bar{display: flex;justify-content: space-between;align-items: center;padding-bottom: 1.5rem;margin-bottom: 2rem;border-bottom: 1px dashed var(--border);flex-wrap: wrap;gap: 1rem}.author-profile{display: flex;align-items: center;gap: 0.75rem}.author-avatar{width: 42px;height: 42px;border-radius: 50%;object-fit: cover;border: 2px solid var(--gold)}.author-info{display: flex;flex-direction: column}.author-name{font-weight: 600;color: var(--text);font-size: 0.92rem;line-height: 1.2}.author-role{font-size: 0.75rem;color: var(--text-muted);margin-top: 2px}.share-section{display: flex;align-items: center;gap: 0.5rem}.share-label{font-size: 0.85rem;font-weight: 600;color: var(--text-muted);margin-right: 0.25rem}.share-links{display: flex;align-items: center;gap: 0.5rem}.share-btn{width: 34px;height: 34px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;background: var(--bg-body);border: 1px solid var(--border);color: var(--text-muted);font-size: 0.88rem;transition: all 0.25s cubic-bezier(0.4,0,0.2,1);cursor: pointer;text-decoration: none}.share-btn:hover{transform: translateY(-2px);color: #fff;box-shadow: 0 4px 10px rgba(0,0,0,0.15)}.share-btn.btn-wa:hover{background: #25D366;border-color: #25D366}.share-btn.btn-x:hover{background: #000000;border-color: #000000}.share-btn.btn-fb:hover{background: #1877F2;border-color: #1877F2}.share-btn.btn-copy:hover{background: var(--gold);border-color: var(--gold)}@media(max-width: 576px){.author-share-bar{flex-direction: column;align-items: flex-start;gap: 1.25rem}.share-section{width: 100%;justify-content: space-between;border-top: 1px dashed var(--border);padding-top: 1rem}}