.article-hero{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-lg);background:var(--color-bg-secondary)}.article-back{display:inline-block;color:var(--color-accent);text-decoration:none;font-weight:500;margin-bottom:var(--spacing-lg);transition:color var(--transition-fast)}.article-back:hover{color:var(--color-accent-dark)}.article-header{max-width:800px}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.article-read-time{color:var(--color-text-muted);font-size:.875rem}.article-topics{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.article-topic{background:rgba(59,130,246,.1);color:var(--color-accent);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.article-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;color:var(--color-text)}.article-content{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.article-body{max-width:800px;margin:0 auto}.article-body h2{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.article-body p{font-size:1.125rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.article-body ol,.article-body ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.article-body li{font-size:1.125rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.article-body strong{color:var(--color-text);font-weight:600}.article-body blockquote{border-left:4px solid var(--color-accent);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0;font-style:italic;color:var(--color-text-secondary)}.article-cta{background:var(--color-bg-secondary);padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.article-cta-box{max-width:600px;margin:0 auto;text-align:center}.article-cta-box h2{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.article-cta-box p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.article-cta-box .btn.btn-primary{background-color:transparent;color:var(--color-deep-blue);border:2px solid var(--color-deep-blue);padding:1rem 2.5rem;font-size:1rem;border-radius:var(--radius-lg);transition:all var(--transition-normal)}.article-cta-box .btn.btn-primary:hover{background-color:var(--color-deep-blue);color:var(--color-white);transform:translateY(-4px);box-shadow:var(--shadow-md)}@media (max-width:768px){.article-hero{padding-top:var(--spacing-lg)}.article-meta{flex-direction:column;align-items:flex-start}.article-body h2{font-size:1.5rem}.article-body li,.article-body p{font-size:1rem}}