.article-container{width:100%;max-width:var(--content-width);padding-inline:var(--space-md);padding-block:var(--space-3xl);margin-inline:auto}.article-image-box{aspect-ratio:16/8;border-radius:var(--radius-xl);width:100%;margin-block:var(--space-2xl);box-shadow:var(--shadow-md);border:.0625rem solid var(--color-border-light);background-color:#f0f0f0;justify-content:center;align-items:center;display:flex;overflow:hidden}.article-image-box img{object-fit:cover;width:100%;height:100%}.article-body{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text)}.article-body h1,.article-body h2,.article-body h3,.article-body h4{color:var(--color-text);margin-top:var(--space-2xl);margin-bottom:var(--space-xs);line-height:var(--leading-tight)}.article-body h1{font-size:var(--text-2xl)}.article-body h2{font-size:var(--text-lg);font-weight:var(--weight-bold)}.article-body h3{font-size:var(--text-base);font-weight:var(--weight-semibold)}.article-body p{margin-bottom:var(--space-lg);color:var(--color-text-secondary)}.article-body ul,.article-body ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li{margin-bottom:var(--space-2xs);color:var(--color-text-secondary)}.article-body a{color:var(--color-primary);text-underline-offset:.2em;text-decoration:underline}.article-body a:hover{color:var(--color-primary-hover)}.article-body blockquote{border-left:.25rem solid var(--color-primary);padding-left:var(--space-lg);margin-block:var(--space-lg);color:var(--color-text-secondary);background-color:var(--color-primary-lighter);padding-block:var(--space-sm);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}