.article-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-12);align-items:start}@media (max-width:1024px){.article-layout{grid-template-columns:1fr 300px;gap:var(--space-8)}}@media (max-width:768px){.article-layout{grid-template-columns:1fr}}.article-body{min-width:0}.article-intro{font-size:var(--text-lg);color:var(--color-navy);line-height:1.7;font-weight:400;border-left:4px solid var(--color-blue);padding-left:var(--space-6);margin-bottom:var(--space-8)}.article-body h2{font-size:var(--text-2xl);color:var(--color-navy);margin-top:var(--space-10);margin-bottom:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--color-gray-200)}.article-body h2:first-of-type{border-top:none;padding-top:0}.article-body h3{font-size:var(--text-lg);color:var(--color-navy);margin-top:var(--space-6);margin-bottom:var(--space-3)}.article-body p{color:var(--color-gray-700);line-height:1.75;margin-bottom:var(--space-4)}.article-body ol,.article-body ul{color:var(--color-gray-700);line-height:1.75;margin-bottom:var(--space-4);padding-left:var(--space-6)}.article-body li{margin-bottom:var(--space-2)}.article-body strong{color:var(--color-navy);font-weight:600}.article-callout{background:var(--color-blue-50,#eff6ff);border-left:4px solid var(--color-blue);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:var(--space-5) var(--space-6);margin:var(--space-8) 0;color:var(--color-navy);font-size:var(--text-sm);line-height:1.7}.article-callout strong{display:block;margin-bottom:var(--space-2);font-size:var(--text-base)}.article-callout ul{margin:var(--space-3) 0 0;padding-left:var(--space-5)}.article-cta-box{background:linear-gradient(135deg,var(--color-navy) 0,#1e3a5f 100%);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-8);margin:var(--space-10) 0;text-align:center}.article-cta-box h3{font-size:var(--text-xl);color:#fff;margin:0 0 var(--space-3)}.article-cta-box p{color:rgba(255,255,255,.8);margin:0 0 var(--space-6);max-width:500px;margin-left:auto;margin-right:auto}.article-related{list-style:none;padding:0;margin:0;border-top:1px solid var(--color-gray-200);padding-top:var(--space-6)}.article-related li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-gray-100)}.article-related li:last-child{border-bottom:none}.article-related a{color:var(--color-blue);font-weight:500;font-size:var(--text-sm);text-decoration:none;display:flex;align-items:center;gap:var(--space-2)}.article-related a:hover{color:var(--color-blue-dark,#1d4ed8)}.article-related a::before{content:"→";flex-shrink:0}.article-sidebar{position:sticky;top:calc(var(--header-height,72px) + var(--space-8));display:flex;flex-direction:column;gap:var(--space-6)}.article-sidebar-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6)}.article-sidebar-card--cta{background:linear-gradient(135deg,#0b1f3a 0,#1e3a5f 100%);border-color:transparent}.article-sidebar-card--cta .article-sidebar-label{color:rgba(255,255,255,.55)}.article-sidebar-card--cta h4{color:#fff!important}.article-sidebar-card--cta p{color:rgba(255,255,255,.75)!important}.article-sidebar-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-400);margin-bottom:var(--space-3)}.article-sidebar-card h4{font-size:var(--text-base);color:var(--color-navy);margin:0 0 var(--space-2);font-weight:700}.article-sidebar-card p{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6;margin:0 0 var(--space-4)}.article-sidebar-card ul{list-style:none;padding:0;margin:0}.article-sidebar-card ul li{padding:var(--space-1) 0}.article-sidebar-card ul a{font-size:var(--text-sm);color:var(--color-gray-600);text-decoration:none;display:flex;gap:var(--space-2);align-items:flex-start}.article-sidebar-card ul a::before{content:"·";color:var(--color-blue);font-weight:700;flex-shrink:0}.article-sidebar-card ul a:hover{color:var(--color-blue)}@media (max-width:768px){.article-sidebar{position:static}}.article-share{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-gray-200)}.article-share-label{font-size:var(--text-sm);color:var(--color-gray-500);font-weight:500}.article-share-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:all .15s}.article-share-btn--linkedin{background:#0a66c2;color:#fff}.article-share-btn--linkedin:hover{background:#004182}.article-share-btn--twitter{background:#000;color:#fff}.article-share-btn--twitter:hover{background:#333}