.article-layout{padding-top:calc(var(--space-24) + 80px);padding-bottom:var(--space-24);background-color:var(--bg-white);min-height:100vh}.article-container{max-width:700px;padding:0 var(--space-6);color:var(--text-primary);margin:0 auto}.article-header{text-align:center;margin-bottom:var(--space-12)}.article-title{margin-bottom:var(--space-6);color:var(--text-primary);font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1}.article-meta{font-family:Inter,sans-serif;font-size:var(--font-body-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:300}.article-intro{margin-top:var(--space-8);color:var(--text-secondary);font-size:1.125rem;line-height:1.6}.article-body{gap:var(--space-8);flex-direction:column;display:flex}.article-body h2{margin-top:var(--space-8);margin-bottom:calc(var(--space-4) * -1);font-family:Inter,sans-serif;font-size:1.75rem;font-weight:600;line-height:1.3}.article-body p{color:var(--text-primary);font-family:Inter,sans-serif;font-size:1.125rem;line-height:1.8}.article-body img,.article-banner{aspect-ratio:16/9;object-fit:cover;width:100vw;max-width:100%;height:auto;margin-left:50%;margin-top:var(--space-8);margin-bottom:var(--space-8);border-radius:0;transform:translate(-50%)}@media (min-width:1400px){.article-body img,.article-banner{border-radius:var(--radius-lg);max-width:1200px}}.article-pagination{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.article-pagination .btn{text-align:center;flex:0 auto}