.small-article-preview{display:flex;height:100%;gap:var(--article-card-gap);align-items:stretch;background:var(--surface);position:relative}.small-article-preview.image-right{flex-direction:row-reverse}.small-article-preview.image-top{flex-direction:column}.small-article-preview.image-top .small-article-image-container{width:100%;height:auto;aspect-ratio:var(--article-image-ratio);align-self:stretch}.small-article-image-container{position:relative;width:var(--article-side-image-width);height:auto;align-self:stretch;flex-shrink:0;overflow:hidden;background-color:var(--surface-muted)}.small-article-image{object-fit:cover;transition:transform .3s ease}.small-article-image-placeholder{width:100%;height:100%;background-color:var(--surface-muted);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-primary-serif);font-size:.75rem}.small-article-content{display:flex;flex-direction:column;flex:1;min-width:0}.small-article-title-link{text-decoration:none;color:var(--text-primary);overflow-wrap:anywhere}.small-article-title{font-family:var(--font-primary-serif);font-size:var(--font-size-card-title);font-weight:600;line-height:1.25;color:var(--text-primary);transition:color .2s ease;text-transform:capitalize;overflow:visible;display:block;word-break:break-word;overflow-wrap:break-word}.small-article-title:hover{color:var(--text-primary);overflow-wrap:anywhere}.small-article-meta{display:flex;align-items:center;gap:var(--article-content-gap);flex-wrap:wrap}.small-article-author,.small-article-date,.small-article-meta-divider{font-family:var(--font-body);font-size:var(--font-size-metadata);font-weight:500;line-height:1.4;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.small-article-author,.small-article-date{white-space:nowrap}.small-article-meta-divider{flex-shrink:0}.small-article-excerpt{font-family:var(--font-body);font-size:var(--font-size-preview);line-height:1.5;color:var(--text-secondary)}.small-article-preview.variant-compact{gap:var(--article-content-gap)}.small-article-preview.variant-compact .small-article-image-container{width:var(--article-compact-image-width);height:auto}.small-article-preview.variant-compact .small-article-title{font-size:var(--font-size-compact-title);overflow-wrap:anywhere}.small-article-preview.variant-compact .small-article-excerpt{font-size:var(--font-size-preview);font-family:var(--font-body)}.small-article-preview.variant-sidebar{flex-direction:column;gap:var(--article-content-gap)}.small-article-preview.variant-sidebar .small-article-image-container{width:100%;height:auto;aspect-ratio:var(--article-image-ratio)}@media (max-width:768px){.small-article-preview{flex-direction:column;gap:var(--article-content-gap)}.small-article-image-container{width:100%;height:auto;aspect-ratio:var(--article-image-ratio)}}