.article-header{background:var(--paper-50);border-bottom:1px solid var(--border-hairline);padding-block:var(--space-xl)}.breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:var(--step--1);color:var(--text-faint);margin-bottom:var(--space-md);flex-wrap:wrap}.breadcrumb a{color:var(--teal-700)}.breadcrumb span{color:var(--border-light)}.breadcrumb span:last-child{color:var(--text-faint)}.article-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.article-category{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--teal-700);background:var(--teal-100);padding:.2rem .6rem;border-radius:var(--radius-pill)}.article-meta time{font-size:var(--step--1);color:var(--text-faint)}.article-h1{font-size:var(--step-4);color:var(--text-strong);margin-bottom:.75rem;line-height:1.2}.article-desc{font-size:var(--step-0);color:var(--text-muted);line-height:1.65}.article-author{display:flex;align-items:center;gap:.75rem;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-hairline)}.author-info strong{display:block;font-size:var(--step--1);color:var(--text-strong)}.author-info span{font-size:var(--step--1);color:var(--text-faint)}.author-info a{color:var(--teal-700)}.article-hero-image{padding-block:var(--space-lg)}.article-hero-image img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);aspect-ratio:16/9;object-fit:cover;display:block}.article-body{padding-block:var(--space-xl)}.prose{font-size:var(--step-0);line-height:1.8;color:var(--text-body)}.prose :global(h2){font-size:var(--step-2);color:var(--text-strong);margin-top:3rem;margin-bottom:1rem;line-height:1.25;font-weight:800;letter-spacing:-.02em}.prose :global(h2:first-child){margin-top:0}.prose :global(h3){font-size:var(--step-1);color:var(--text-strong);margin-top:2rem;margin-bottom:.75rem;font-weight:700}.prose :global(h3:first-child){margin-top:0}.prose :global(h4){font-size:var(--step-0);color:var(--text-strong);margin-top:var(--space-lg);margin-bottom:.5rem;font-weight:700}.prose :global(p){margin-bottom:1.2rem}.prose :global(ul),.prose :global(ol){padding-left:1.5rem;margin-bottom:1.2rem}.prose :global(li){margin-bottom:.5rem;line-height:1.75}.prose :global(strong){color:var(--text-strong);font-weight:700}.prose :global(a){color:var(--blue-500);font-weight:600}.prose :global(a:hover){color:var(--blue-600)}.prose :global(table){width:100%;border-collapse:collapse;font-size:var(--step--1);margin-bottom:1.5rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-hairline)}.prose :global(th){text-align:left;padding:.65rem .85rem;background:var(--navy-800);color:#fff;font-weight:600}.prose :global(td){padding:.65rem .85rem;border-bottom:1px solid var(--border-hairline);color:var(--text-muted);background:var(--surface-raised)}.prose :global(tr:last-child td){border-bottom:none}.prose :global(blockquote){border-left:3px solid var(--blue-500);padding-left:1.25rem;margin-left:0;color:var(--text-muted);font-style:italic;margin-bottom:1.2rem}.prose :global(img){width:100%;border-radius:var(--radius-lg);margin-block:var(--space-lg);box-shadow:var(--shadow-md)}.prose :global(hr){border:none;border-top:1px solid var(--border-hairline);margin-block:var(--space-xl)}.author-card{display:flex;gap:var(--space-md);background:var(--paper-50);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-2xl)}.author-card-name{font-weight:700;color:var(--text-strong);margin-bottom:.4rem}.author-card-body p{font-size:var(--step--1);color:var(--text-muted);line-height:1.7}.author-card-body a{color:var(--teal-700);font-weight:600}.article-cta{background:var(--teal-700);border-radius:var(--radius-lg);padding:var(--space-xl);margin-top:var(--space-xl);text-align:center}.article-cta h2{color:#fff;font-size:var(--step-2);margin-bottom:.5rem}.article-cta p{color:#ffffffd9;font-size:var(--step--1);line-height:1.65;margin-bottom:1.25rem}.related-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:1.25rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.related-post{background:var(--surface-raised);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .2s,transform .2s}.related-post:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.related-image{aspect-ratio:16/9;overflow:hidden}.related-image img{width:100%;height:100%;object-fit:cover}.related-body{padding:var(--space-md)}.related-body h3{font-size:var(--step-0);color:var(--text-strong);margin-bottom:.4rem;line-height:1.35}.related-body p{font-size:var(--step--1);color:var(--text-muted);line-height:1.6}