.article-list{display:flex;flex-direction:column;justify-content:space-between;gap:6rem;padding:.5rem}.article-page-container{margin-top:1.5rem}.article-card-title{position:relative;top:-3rem;margin-bottom:-3rem;display:flex;height:6rem;flex-direction:column;align-items:center;justify-content:center;border-radius:.75rem;border-width:1px;border-color:var(--border);background-color:var(--background);padding:0;text-align:center;text-transform:uppercase;color:var(--primary-foreground)}.article-card-title img{border-radius:.75rem}.article-card-title div{padding-left:1rem;padding-right:1rem}.article-card{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:space-between;align-self:center;border-radius:.75rem;background-size:cover;background-position:100% 0;background-repeat:no-repeat;text-align:center;color:var(--primary-foreground)}.article-card.preview{border-style:none;background-color:transparent}.article-content{width:100%;align-items:center;justify-content:space-between;padding:.5rem;text-align:center;color:var(--primary-foreground)}@media (min-width:640px){.article-content{padding:1rem}}@media (min-width:1280px){.article-content{padding:1.5rem}}.article-card-title{font-size:2.25rem;line-height:2.5rem;font-weight:700}@media (min-width:1024px){.article-card-title{font-size:1.5rem;line-height:2rem}}.article-card-subtitle{font-size:1.25rem;line-height:1.75rem;font-weight:400}.article-media-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.article-media-item{padding:1rem}.article-more{margin:.5rem;border-radius:.75rem;border-width:1px;border-color:var(--border);padding:.5rem 1rem}