.article-main{padding-bottom:var(--space-16)}.article-header{text-align:center;max-width:800px;margin:0 auto var(--space-10);padding-top:var(--space-8)}.article-category{margin-bottom:var(--space-4);display:inline-block}.article-title{font-size:clamp(2.5rem,5vw,4rem);color:var(--color-navy);line-height:1.1;margin-bottom:var(--space-4)}.article-tagline{font-size:var(--text-lg);color:var(--color-gold-dark);font-weight:500;margin-bottom:var(--space-6);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.5}.article-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-6);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500}.article-meta-item{display:flex;align-items:center;gap:var(--space-2)}.article-meta-item svg{color:var(--color-gold)}.article-hero-image{position:relative;max-width:1000px;margin:0 auto var(--space-12);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);height:500px}.article-hero-image--contain{height:auto;max-height:600px}.article-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.article-hero-image--contain img{height:auto;object-fit:contain}.article-content{max-width:760px;margin:0 auto;font-size:1.125rem;line-height:1.8;color:var(--color-text)}.article-content>*{margin-bottom:var(--space-6)}.article-content h2{font-size:var(--text-3xl);color:var(--color-navy);margin-top:var(--space-10);margin-bottom:var(--space-4);font-family:var(--font-display)}.article-content h3{font-size:var(--text-2xl);color:var(--color-navy-light);margin-top:var(--space-8);margin-bottom:var(--space-4)}.article-content p{color:#2c3e50e6}.article-content a{color:var(--color-gold-dark);text-decoration:underline;text-decoration-color:#d4af3766;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:500;transition:all var(--transition)}.article-content a:hover{color:var(--color-navy);text-decoration-color:var(--color-navy)}.article-content ul,.article-content ol{padding-left:var(--space-6);margin-bottom:var(--space-6)}.article-content li{margin-bottom:var(--space-2)}.article-content li::marker{color:var(--color-gold);font-weight:700}.article-content b,.article-content strong{font-weight:700;color:var(--color-navy)}.article-content blockquote{padding:var(--space-6) var(--space-8);margin:var(--space-8) 0;background-color:var(--color-cream);border-left:4px solid var(--color-gold);border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-size:var(--text-xl);font-style:italic;color:var(--color-navy);position:relative}.article-content blockquote:before{content:'"';position:absolute;top:-10px;left:10px;font-size:4rem;color:#d4af3733;font-family:serif;line-height:1}.article-content img{width:100%;border-radius:var(--radius-lg);margin:var(--space-8) 0;box-shadow:var(--shadow-md)}.article-content figcaption{text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:calc(var(--space-2) * -1);margin-bottom:var(--space-8);font-style:italic}.article-content .arabic{font-size:1.5em;display:block;text-align:center;margin:var(--space-6) 0}.author-box{margin-top:var(--space-12);padding:var(--space-8);background:var(--color-white);border:1px solid var(--color-cream-dark);border-radius:var(--radius-xl);display:flex;gap:var(--space-6);align-items:center;box-shadow:var(--shadow-sm)}.author-image{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--color-gold)}.author-image img{width:100%;height:100%;object-fit:cover}.author-info h4{font-size:var(--text-xl);color:var(--color-navy);margin-bottom:var(--space-1)}.author-info p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:0;line-height:1.5}@media(max-width:768px){.article-header{padding-top:var(--space-4)}.article-meta{flex-direction:column;gap:var(--space-2)}.article-hero-image{height:300px;border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.article-hero-image--contain{height:auto;max-height:none}.article-content blockquote{padding:var(--space-4) var(--space-5);font-size:var(--text-lg)}.author-box{flex-direction:column;text-align:center;padding:var(--space-6)}.article-content,.article-header{padding-left:var(--space-6);padding-right:var(--space-6)}}.post-nav{margin-top:var(--space-12);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-8)}.post-nav__link{flex:1;min-width:0;font-size:11px;padding:.5rem .75rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-nav__all{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:70px;padding:8px 4px;background:var(--color-cream);color:var(--color-gold-dark);font-weight:700;font-size:9px;text-transform:uppercase;border-radius:var(--radius-lg);text-decoration:none!important;transition:all var(--transition);border:1px solid var(--color-gold-light);line-height:1}.post-nav__all i{width:14px!important;height:14px!important}.post-nav__all:hover{background:var(--color-gold-light);color:var(--color-navy);transform:translateY(-1px)}@media(max-width:640px){.post-nav{gap:5px;padding-top:var(--space-6)}.post-nav__link{font-size:9px;padding:6px 4px;border-width:1px;white-space:nowrap!important;display:inline-flex;align-items:center;justify-content:center;min-height:auto;gap:3px}.post-nav__all{min-width:55px;padding:6px 2px;font-size:7px;gap:2px;border-radius:var(--radius-md);line-height:1.1}.post-nav__all i{width:12px!important;height:12px!important}}