.article-hero{align-items:flex-end;min-height:520px;margin-top:0;padding-bottom:0;display:flex;position:relative;overflow:hidden}.article-hero__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.article-hero__overlay{background:linear-gradient(#03071240 0%,#03071299 50%,#030712f2 100%);position:absolute;inset:0}.article-hero__inner{z-index:1;padding-top:7rem;padding-bottom:3rem;position:relative}.article-hero__inner .breadcrumb__link{color:#fff9}.article-hero__inner .breadcrumb__link:hover{color:var(--red-400)}.article-hero__inner .breadcrumb__current{color:#ffffffd9}.article-hero__inner .breadcrumb__sep,.article-hero__inner .breadcrumb__home-icon{color:#fff6}.article-hero__meta{flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0;display:flex}.article-hero__read,.article-hero__date{color:#ffffffa6;align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.article-hero__title{color:#fff;max-width:800px;margin-bottom:1.25rem;font-size:clamp(1.5rem,3.5vw,2.75rem);font-weight:800;line-height:1.2}.article-hero__author{color:#ffffffb3;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.article-hero__author strong{color:#fff}.article-hero__avatar{object-fit:contain;object-position:center;background:#fffffff2;border:2px solid #ffffff4d;border-radius:50%;width:36px;height:36px;padding:4px}.article-body-section{background:var(--bg-subtle);padding:4rem 0}.article-layout{grid-template-columns:1fr 320px;align-items:start;gap:3rem;display:grid}.article-sidebar{position:sticky;top:5.5rem}.article-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:3rem}.article-lead{color:var(--text-secondary);border-left:4px solid var(--primary);margin-bottom:2.5rem;padding-left:1.5rem;font-size:1.15rem;font-style:italic;line-height:1.8}.article-prose{color:var(--text-primary);line-height:1.85}.article-prose h2{color:var(--text-primary);border-bottom:2px solid var(--border);margin:2rem 0 1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:800}.article-prose h3{color:var(--text-primary);margin:1.5rem 0 .75rem;font-size:1.125rem;font-weight:700}.article-prose p{margin-bottom:1.25rem}.article-prose ul{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;list-style:none;display:flex}.article-prose li{padding-left:1.5rem;position:relative}.article-prose li:before{content:"→";color:var(--primary);font-weight:700;position:absolute;left:0}.article-prose strong{color:var(--text-primary);font-weight:700}.article-share{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2.5rem;padding-top:2rem;display:flex}.article-share__label{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;display:flex}.article-share__btn{color:#fff;width:38px;height:38px;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.article-share__btn:hover{transform:translateY(-3px)scale(1.1)}.article-share__btn--linkedin{background:#0077b5}.article-share__btn--twitter{background:#1da1f2}.article-share__btn--facebook{background:#1877f2}.article-sidebar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:1.5rem;padding:1.5rem}.article-author-card{align-items:flex-start;gap:1rem;display:flex}.article-author-card__avatar{object-fit:contain;object-position:center;background:var(--bg-subtle);border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:56px;height:56px;padding:8px}.article-author-card strong{color:var(--text-primary);margin-bottom:.25rem;font-size:.9rem;font-weight:700;display:block}.article-author-card p{color:var(--text-secondary);font-size:.8125rem;line-height:1.6}.article-related-list{flex-direction:column;gap:.75rem;display:flex}.article-related-link{color:var(--text-secondary);transition:color var(--transition);align-items:flex-start;gap:.375rem;font-size:.875rem;font-weight:500;line-height:1.4;display:flex}.article-related-link:hover{color:var(--primary)}.article-related-link svg{color:var(--primary);flex-shrink:0;margin-top:2px}.article-sidebar-empty{color:var(--text-muted);font-size:.875rem}.article-sidebar-cta{background:var(--gray-900);border-radius:var(--radius-xl);text-align:center;padding:1.5rem}.article-sidebar-cta p{color:#ffffffbf;margin-bottom:1rem;font-size:.875rem}.related-section{background:var(--bg-subtle)}.related-section__title{color:var(--text-primary);margin-bottom:2rem;font-size:1.5rem;font-weight:800}.related-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (max-width:1024px){.article-layout{grid-template-columns:1fr}.article-sidebar{grid-template-columns:1fr 1fr;gap:1rem;display:grid;position:static}.article-sidebar-card{margin-bottom:0}.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.article-content{padding:2rem 1.5rem}.article-sidebar,.related-grid{grid-template-columns:1fr}}
