.card{background-color:var(--colorNeutralBackground1);border-radius:var(--borderRadiusLarge);box-shadow:var(--shadow4);overflow:hidden;transition:all var(--durationFaster)var(--curveEasyEase)}.card:hover{box-shadow:var(--shadow8);transform:translateY(-2px)}.card-link{text-decoration:none;color:inherit}.card-image{width:100%;height:200px;object-fit:cover}.card-content{padding:var(--spacingHorizontalL)}.card-title{font-size:var(--fontSizeBase500);line-height:var(--lineHeightBase500);font-weight:var(--fontWeightSemibold);margin:0 0 var(--spacingHorizontalS);color:var(--colorNeutralForeground1)}.card-meta{font-size:var(--fontSizeBase200);line-height:var(--lineHeightBase200);color:var(--colorNeutralForeground3);margin-bottom:var(--spacingHorizontalM);display:flex;align-items:center;gap:var(--spacingHorizontalS)}.card-excerpt{font-size:var(--fontSizeBase300);line-height:var(--lineHeightBase300);color:var(--colorNeutralForeground2);margin:0}.card-footer{padding:var(--spacingHorizontalM)var(--spacingHorizontalL);border-top:var(--strokeWidthThin)solid var(--colorNeutralBackground3);display:flex;justify-content:space-between;align-items:center}.card-tags{display:flex;gap:var(--spacingHorizontalXS);flex-wrap:wrap}.card-tag{font-size:var(--fontSizeBase100);line-height:var(--lineHeightBase100);color:var(--colorNeutralForeground3);background-color:var(--colorNeutralBackground2);padding:var(--spacingHorizontalXXS)var(--spacingHorizontalXS);border-radius:var(--borderRadiusSmall)}.card-list{display:grid;gap:var(--spacingHorizontalL);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card.featured{grid-column:1/-1}@media(min-width:768px){.card.featured{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.card.featured .card-image{height:100%}}.card.compact{display:flex;align-items:flex-start}.card.compact .card-image{width:120px;height:120px}.card.compact .card-content{flex:1}.card:hover .card-title{color:var(--colorBrandForeground1)}.card:focus-within{outline:var(--strokeWidthThick)solid var(--colorBrandBackground);outline-offset:2px}@media(max-width:768px){.card-image{height:160px}.card-content{padding:var(--spacingHorizontalM)}.card-footer{padding:var(--spacingHorizontalS)var(--spacingHorizontalM);flex-direction:column;gap:var(--spacingHorizontalS);align-items:flex-start}}@media(prefers-color-scheme:dark){.card{background-color:var(--colorNeutralBackground2)}.card:hover{background-color:var(--colorNeutralBackground3)}}