.article-hero{background-color:var(--color-charcoal);color:var(--color-white);padding:3rem 0;min-height:380px;display:flex;align-items:center;justify-content:center}.article-hero__container{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-lg);text-align:center}.article-hero__category{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-light);margin-bottom:var(--space-lg)}.article-hero__title{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-lg);line-height:1.15;color:var(--color-white)}.article-hero__meta{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);font-size:.9rem;color:var(--color-muted)}.article-hero__meta-item{display:flex;align-items:center;gap:var(--space-xs)}.article-hero__meta-divider{width:4px;height:4px;border-radius:50%;background-color:var(--color-muted)}.article{padding:var(--space-3xl) 0}.article__container{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-lg)}.article__featured-image{margin-bottom:var(--space-2xl);border-radius:4px;overflow:hidden;box-shadow:var(--shadow-lg)}.article__featured-image img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.article__image-caption{font-size:.85rem;color:var(--color-text-light);text-align:center;margin-top:var(--space-sm);font-style:italic}.article__content{font-size:1.1rem;line-height:1.85}.article__content h2{margin-top:var(--space-3xl);margin-bottom:var(--space-lg);font-size:1.65rem;padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border)}.article__content h3{margin-top:var(--space-2xl);margin-bottom:var(--space-md);font-size:1.3rem}.article__content p{margin-bottom:var(--space-lg)}.article__content ul,.article__content ol{margin:0 0 var(--space-lg) 0;padding-left:1.25em;list-style:none}.article__content ol{counter-reset:article-counter}.article__content li{position:relative;margin-bottom:var(--space-sm);line-height:1.7;padding-left:.5em}.article__content ul li:before{content:"•";position:absolute;left:-1em;color:var(--color-text);font-weight:700}.article__content ol li{counter-increment:article-counter}.article__content ol li:before{content:counter(article-counter) ".";position:absolute;left:-1.25em;color:var(--color-text);font-weight:600;text-align:right;width:1em}.article__content blockquote{border-left:3px solid var(--color-accent);padding:var(--space-lg) var(--space-xl);margin:var(--space-2xl) 0;background-color:var(--color-light-gray);border-radius:0 4px 4px 0;font-style:italic;color:var(--color-text-light)}.article__content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.article__content a:hover{color:var(--color-accent-dark)}.article__content strong{font-weight:600;color:var(--color-charcoal)}.article__sources{margin-top:var(--space-3xl);padding:var(--space-xl);background-color:var(--color-light-gray);border-radius:4px}.article__sources-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-light);margin-bottom:var(--space-md)}.article__sources-list{display:flex;flex-direction:column;gap:var(--space-sm)}.article__source-link{font-size:.95rem;display:inline-flex;align-items:center;gap:var(--space-xs)}.article__source-link:before{content:"→";color:var(--color-accent)}.related{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:2px solid var(--color-border)}.related__title{font-size:1.5rem;margin-bottom:var(--space-xl)}.related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg)}.article__cta{margin-top:var(--space-3xl);padding:var(--space-2xl);background-color:var(--color-charcoal);color:var(--color-white);border-radius:4px;text-align:center}.article__cta-title{font-size:1.35rem;margin-bottom:var(--space-md);color:var(--color-white)}.article__cta-text{color:var(--color-muted);margin-bottom:var(--space-lg);max-width:500px;margin-left:auto;margin-right:auto}@media(max-width:767px){.article-hero{padding:3rem 0}.article-hero__meta{flex-direction:column;gap:var(--space-sm)}.article-hero__meta-divider{display:none}.article__content{font-size:1rem}.article__content h2{font-size:1.4rem}}