:root{--body-width: 800px;--body-width-padding: 1rem}#query-banner{text-align:center;margin-bottom:2rem;color:var(--color-text-muted);word-break:break-word}.article-preview{--card-img-size: 130px;--card-gap: 20px;--card-radius: 6px;display:flex;flex-direction:row;align-items:center;gap:var(--card-gap);margin-bottom:2.5rem;border-radius:var(--card-radius);width:100%;box-sizing:border-box}.article-preview-image-link{flex-shrink:0;align-self:stretch;width:40%;min-width:200px;display:flex;align-items:center;justify-content:center}.article-preview img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:var(--card-radius);border:1px solid var(--color-border);object-fit:contain;display:block}.article-preview-body{display:flex;flex-direction:column;gap:4px;min-width:0}.article-preview-date{font-size:.8rem;color:var(--color-text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.3}.article-preview-title-link{margin-bottom:.5rem}.article-preview-title{font-size:1.1rem;font-weight:500;color:var(--text);line-height:1.3;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer}.article-preview-description{font-size:.85rem;color:color-mix(in srgb,var(--color-text) 75%,black);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;margin-top:.5rem}.article-preview.loading .article-preview-image-link,.article-preview.loading .article-preview-date,.article-preview.loading .article-preview-title,.article-preview.loading .article-preview-description{background:var(--color-surface);background:linear-gradient(90deg,var(--color-surface) 25%,color-mix(in srgb,var(--color-surface),white 12%) 50%,var(--color-surface) 75%);background-size:200% 100%;-webkit-animation:1.5s card-shine linear infinite;animation:1.5s card-shine linear infinite;color:transparent;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;border:none;border-radius:3px}.article-preview.loading img{visibility:hidden}.article-preview.loading .article-preview-date,.article-preview.loading .article-preview-title,.article-preview.loading .article-preview-description{width:fit-content}.article-preview.loading{cursor:default;pointer-events:none}.article-preview.loading .article-preview-image-link img{border:none}@-webkit-keyframes card-shine{to{background-position-x:-200%}}@keyframes card-shine{to{background-position-x:-200%}}