.linkcard{border:1px solid var(--lightgray);color:inherit;background:var(--light);border-radius:6px;flex-direction:row;align-items:stretch;max-width:100%;margin:1.25rem 0;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.linkcard:hover{border-color:var(--gray);box-shadow:0 2px 8px #00000014}.linkcard__thumb{object-fit:cover;flex-shrink:0;width:140px;min-width:140px;display:block}.linkcard__body{flex-direction:column;justify-content:center;gap:.25rem;min-width:0;padding:.75rem 1rem;display:flex}.linkcard__meta{align-items:center;gap:.375rem;display:flex}.linkcard__favicon{vertical-align:middle;background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:16px;height:16px;display:inline-block}.linkcard .external-icon{display:none}.linkcard__domain{color:var(--gray);text-transform:lowercase;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.linkcard__title{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.975rem;font-weight:600;overflow:hidden}.linkcard__desc{color:var(--darkgray);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.825rem;overflow:hidden}@media (max-width:480px){.linkcard{flex-direction:column}.linkcard__thumb{width:100%;min-width:unset;height:140px}}