[data-theme=card] .articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem}[data-theme=card] .article{flex-direction:column;gap:0;padding:0;overflow:hidden;border-radius:var(--radius);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;border:1px solid var(--border)}[data-theme=card] .article:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px);transition:box-shadow .2s,transform .2s}[data-theme=card] .article-img-wrap{width:100%;height:0;padding-bottom:56.25%;border-radius:0}[data-theme=card] .article-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:0;z-index:1}[data-theme=card] .article-img-fallback span{font-size:.85rem}[data-theme=card] .article-body{padding:.75rem 1rem 1rem}[data-theme=card] .article-title{font-size:1.05em;font-weight:700;line-height:1.4;margin-bottom:.4rem}[data-theme=card] .article-meta{font-size:.72em;margin-bottom:.35rem}[data-theme=card] .article-desc{-webkit-line-clamp:3;font-size:.85em;line-height:1.55}[data-theme=card] .article:first-child{grid-column:1 / -1}@media(min-width:700px){[data-theme=card] .article:first-child{display:grid;grid-template-columns:1fr 1fr}[data-theme=card] .article:first-child .article-img-wrap{height:100%;padding-bottom:0;min-height:260px}[data-theme=card] .article:first-child .article-body{padding:1.5rem;display:flex;flex-direction:column;justify-content:center}[data-theme=card] .article:first-child .article-title{font-size:1.35em}}@media(max-width:1024px)and (min-width:769px){[data-theme=card] .articles{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:768px){[data-theme=card] .articles{grid-template-columns:repeat(2,1fr);gap:.75rem}[data-theme=card] .article-body{padding:.75rem 1rem 1rem}[data-theme=card] .article-title{font-size:.95em}}@media(max-width:480px){[data-theme=card] .articles{grid-template-columns:1fr;gap:.75rem}[data-theme=card] .article-img-wrap{padding-bottom:50%}[data-theme=card] .article-body{padding:.75rem 1rem}}