.cardlink{border:1px solid var(--lightgray);color:var(--darkgray);border-radius:8px;height:8rem;margin:1rem 0;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.cardlink:hover{border-color:var(--secondary);color:var(--darkgray);text-decoration:none;box-shadow:0 2px 8px #00000014}.cardlink .external-icon{position:absolute;top:.4rem;right:.4rem}.cardlink-image-wrapper{background:var(--lightgray);flex-shrink:0;width:14rem;height:100%;overflow:hidden}@media (max-width:600px){.cardlink-image-wrapper{display:none}}.cardlink-image{object-fit:cover;border-radius:0;width:100%;height:100%;margin:0}.cardlink-content{flex-direction:column;flex:1;justify-content:center;gap:.25rem;min-width:0;padding:.75rem 1rem;display:flex}.cardlink-title{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.cardlink-description{color:var(--gray);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.cardlink-meta{color:var(--gray);align-items:center;gap:.4rem;margin-top:auto;font-size:.75rem;display:flex}.cardlink-favicon{border-radius:2px;width:14px;height:14px;margin:0}.cardlink-host{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}