.blog-hero{padding-top:8rem;padding-bottom:2rem}.blog-header h1{letter-spacing:-1px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.blog-subtitle{color:var(--text-muted);font-size:1.25rem;line-height:1.6}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.blog-card{flex-direction:column;height:100%;padding:2.5rem;transition:transform .3s,box-shadow .3s;display:flex}.blog-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0b3d2e1f}.blog-card-content{flex-grow:1}.blog-date{text-transform:uppercase;letter-spacing:1px;color:var(--primary-color);margin-bottom:1rem;font-size:.85rem;font-weight:600;display:block}.blog-title{color:var(--text-main);margin-bottom:1rem;font-size:1.5rem;line-height:1.3;transition:color .3s}.hover-text-primary:hover{color:var(--primary-color)}.blog-excerpt{color:var(--text-muted);line-height:1.7}.blog-card-footer{border-top:1px solid var(--glass-border);margin-top:1.5rem;padding-top:1.5rem}.read-more{color:var(--text-main);font-weight:600;transition:color .3s}.read-more:hover{color:var(--primary-color)}.blog-nawal{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:.2rem .65rem;font-size:.8rem;font-weight:600}.prose-content{color:var(--text-muted);font-size:1.1rem;line-height:1.9}.prose-content p.quote-paragraph{border-left:3px solid var(--primary-color);color:var(--text-main);opacity:.85;margin-left:.5rem;padding-left:1.25rem;font-style:italic}.article-author p{line-height:1.5}.community-section{padding:2rem}.community-section h3{color:var(--text-main);font-size:1rem;font-weight:700}.community-links{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.community-link{background:var(--bg-subtle,#3e5a400f);color:var(--text-muted);border-radius:10px;align-items:center;gap:.65rem;padding:.75rem 1rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.community-link:hover{background:var(--bg-card);color:var(--primary-color);transform:translateY(-2px)}.community-icon{font-size:1.1rem}