.article-hero{width:100%;max-height:480px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-8);background:var(--color-gray-200)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.article-date{font-size:var(--font-size-sm);color:var(--color-gray-500)}.article-title{font-size:var(--font-size-4xl);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}.article-excerpt{font-size:var(--font-size-lg);color:var(--color-gray-600);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8);border-left:3px solid var(--color-primary);padding-left:var(--space-4)}.article-body{max-width:720px;margin:0 auto;line-height:var(--line-height-relaxed);font-size:var(--font-size-lg)}.article-read-time{font-size:var(--font-size-sm);color:var(--color-gray-500)}.article-body h2,.article-body h3,.article-body h4{margin-top:var(--space-8);margin-bottom:var(--space-4)}.article-body p{margin-bottom:var(--space-4)}.article-body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-6) 0}.article-body ul,.article-body ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.article-body li{margin-bottom:var(--space-2)}.article-body blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-4);margin:var(--space-6) 0;color:var(--color-gray-600);font-style:italic}.article-share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-6) 0;margin-top:var(--space-8);border-top:1px solid var(--color-gray-200)}.article-share-label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-gray-600);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.article-share-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;color:var(--color-white);cursor:pointer;border:none;transition:opacity .2s}.article-share-btn:hover{opacity:.85}.article-share-btn--facebook{background:#1877f2}.article-share-btn--twitter{background:#000}.article-share-btn--whatsapp{background:#25d366}.article-share-btn--copy{background:var(--color-gray-700)}.article-related{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--color-gray-200)}.article-related-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-6)}.article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.article-not-found{text-align:center;padding:var(--space-16) 0}.article-not-found h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}.article-not-found p{color:var(--color-gray-500);margin-bottom:var(--space-6)}@media(max-width:768px){.article-title{font-size:var(--font-size-2xl)}.article-related-grid{grid-template-columns:1fr}.article-hero{max-height:300px}}