.blog-article-page{background-color:var(--light-gray);min-height:100vh}.article-hero{position:relative;height:50vh;min-height:400px;background-size:cover;background-position:50%;background-repeat:no-repeat;display:flex;align-items:flex-end;padding-bottom:var(--spacing-xl)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.4) 0,rgba(15,23,42,.9));z-index:1}.hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--vibrant-teal);font-weight:600;margin-bottom:var(--spacing-md);transition:all .2s}.back-link:hover{color:var(--white);transform:translateX(-5px)}.article-category{display:inline-block;background-color:var(--electric-blue);color:var(--white);padding:4px 12px;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;text-transform:uppercase;margin-bottom:var(--spacing-sm);letter-spacing:.05em}.article-title{color:var(--white);font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin-bottom:var(--spacing-lg);font-family:var(--font-heading)}.article-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);color:hsla(0,0%,100%,.8);font-size:.9rem}.meta-item{display:flex;align-items:center;gap:8px}.article-container{max-width:800px;background-color:var(--white);padding:var(--spacing-2xl) var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:-3rem auto 0;position:relative;z-index:10}.article-body{font-family:var(--font-body);font-size:1.125rem;line-height:1.8;color:var(--dark-slate)}.article-body p{margin-bottom:var(--spacing-lg)}.article-body h2{font-size:2rem;margin-top:var(--spacing-2xl)}.article-body h2,.article-body h3{font-family:var(--font-heading);color:var(--deep-navy);margin-bottom:var(--spacing-md)}.article-body h3{font-size:1.5rem;margin-top:var(--spacing-xl)}.article-body blockquote{font-family:var(--font-heading);font-size:1.4rem;font-weight:500;line-height:1.5;color:var(--electric-blue);margin:var(--spacing-xl) 0;padding:var(--spacing-lg) var(--spacing-xl);border-left:5px solid var(--electric-blue);background:rgba(37,99,235,.05);border-radius:0 var(--radius-md) var(--radius-md) 0}.article-body ul{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.article-body li{margin-bottom:var(--spacing-xs);position:relative}.article-footer{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--light-gray)}.share-prompt{text-align:center;background:var(--light-gray);padding:var(--spacing-lg);border-radius:var(--radius-md)}.share-prompt h3{color:var(--deep-navy);margin-bottom:var(--spacing-xs)}.share-buttons{margin-top:var(--spacing-md);display:flex;justify-content:center;gap:var(--spacing-sm)}@media (max-width:768px){.article-container{padding:var(--spacing-xl) var(--spacing-md);margin-top:0;border-radius:0}.article-title{font-size:2.25rem}.article-body h2{font-size:1.75rem}}