.cardList{align-content:flex-start;display:grid;gap:1rem;margin:0;padding:0}.cardList li{display:block;margin:0;padding:0}.cardList__link{border-radius:var(--radius-200-static);box-shadow:var(--shadow-large);color:var(--color-white);display:grid;gap:1.5rem;grid-template-columns:auto 1fr;padding:1.5rem;position:relative;text-decoration:none;transition:all .2s ease-out}.cardList__link>:not(figure){grid-column:2/-1}.cardList__link:where(:hover,:focus){box-shadow:var(--shadow-large-hover)}.cardList__link:where(:hover,:focus) .cardList__linkPreview{color:var(--color-grey-300);transition:color .2s ease-out}.cardList__link:where(:hover,:focus) .cardList__linkInfo{color:var(--color-grey-20);transition:color .2s ease-out}.cardList__link:focus-visible{box-shadow:var(--shadow-large-hover),0 0 0 3px var(--color-teal-500)}.cardList__status{color:var(--color-grey-800);position:absolute;right:.75rem;top:.75rem;transition:color .2s ease-out}.cardList__link:visited .cardList__status{color:var(--color-green-500);opacity:1}.cardList__link.router-link-active{background:var(--color-grey-850);box-shadow:none}.cardList__linkImage{align-items:center;display:grid;margin:0;padding:0;position:relative}.cardList__linkImage-icon{background:var(--color-white);border-radius:50%;color:var(--color-grey-800);display:grid;height:2rem;inset:auto .75rem .75rem auto;place-content:center;position:absolute;width:2rem}.cardList__linkImage>img{border-radius:var(--radius-300-static);display:block;height:100%;min-height:160px;-o-object-fit:cover;object-fit:cover}.cardList__linkContent:first-child{grid-column:1/-1}.cardList__linkTitle{font-size:var(--fontSize-h3);margin:.25em 0}.cardList__linkTitle svg{position:relative;top:1px}.cardList__link:has(figure:not(".cardList__linkImage--icon")) .cardList__linkTitle{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cardList__linkInfo{color:var(--color-grey-350);font-family:var(--font-body)}.cardList__linkInfo svg{position:relative;top:2px}.cardList__linkPreview{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:var(--color-grey-400);display:-webkit-box;margin:.25em 0 0;overflow:hidden}
