:root{--primary: #003366;--secondary: #0066cc;--accent: #ffd700;--dark: #1a1a1a;--light: #f5f5f5;--white: #ffffff;--gray: #666666;--border-radius: 10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.article-container{max-width:1200px;margin:40px auto;padding:0 20px}.article-main{background:#fff;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.article-header{margin-bottom:30px}.article-header-top{display:flex;align-items:center;gap:15px;margin-bottom:15px;flex-wrap:wrap}.btn-back{display:inline-flex;align-items:center;gap:8px;color:var(--primary);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease;background:#f0f4f8}.btn-back:hover{background:var(--primary);color:#fff}.article-category{display:inline-block;background:var(--primary);color:#fff;padding:6px 15px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.article-title{font-size:36px;color:var(--primary);margin-bottom:20px;line-height:1.3;font-weight:700}.article-meta{display:flex;gap:25px;flex-wrap:wrap;color:#666;font-size:14px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.meta-item{display:flex;align-items:center;gap:8px}.meta-item i{color:var(--secondary)}.article-share{display:flex;align-items:center;gap:10px;margin-top:20px}.share-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:transform .3s;border:none;cursor:pointer;font-size:16px}.share-btn:hover{transform:translateY(-3px)}.share-facebook{background:#3b5998}.share-twitter{background:#1da1f2}.share-linkedin{background:#0077b5}.share-whatsapp{background:#25d366}.share-email{background:#666}.share-copy{background:var(--primary)}.alert-banner{background:linear-gradient(135deg,#d32f2f,#c62828);color:#fff;padding:20px 30px;display:flex;align-items:center;gap:20px;margin:30px 0;border-radius:12px}.alert-icon{font-size:2.5rem;flex-shrink:0}.alert-content h2{font-size:1.4rem;margin-bottom:5px;font-weight:700}.alert-content p{font-size:1rem;opacity:.9}.article-featured-image{width:100%;background:#f0f0f0;border-radius:12px;margin:30px 0;overflow:hidden;display:flex;align-items:center;justify-content:center}.article-featured-image img{width:100%;height:100%;object-fit:cover}.hoaks-ratio{aspect-ratio:4 / 5;max-height:800px;margin-left:auto;margin-right:auto;width:100%;max-width:640px}.article-content{font-size:17px;line-height:1.8;color:#444}.article-content{padding-top:20px}.article-content p{margin-bottom:20px}.article-content h2,.article-content h3{color:var(--primary);margin:30px 0 15px}.article-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:30px;border-top:2px solid #f0f0f0}.tag{background:#f0f4f8;color:var(--primary);padding:6px 15px;border-radius:20px;font-size:14px;font-weight:500}.related-articles-section{padding:60px 0;background:#f5f8fc;border-top:1px solid #eee;margin-top:60px}.container-related{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-size:28px;color:var(--primary);text-align:center;margin-bottom:40px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media(max-width:992px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.related-grid{grid-template-columns:1fr}}.related-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000000d;text-decoration:none;color:inherit;transition:transform .3s;display:flex;flex-direction:column}.related-card:hover{transform:translateY(-5px)}.related-image{height:200px;width:100%}.related-image img{width:100%;height:100%;object-fit:cover}.related-content{padding:20px}.related-date{font-size:12px;color:#888;display:block;margin-bottom:10px}.related-content h3{font-size:18px;color:var(--primary);margin-bottom:15px;line-height:1.4}.read-more{color:var(--secondary);font-weight:600;font-size:14px}@media(max-width:768px){.article-title{font-size:28px}.hoaks-ratio{max-width:100%}.article-container{padding:0 15px}}