.article-card{border-bottom:1px solid var(--border);content-visibility:auto;contain-intrinsic-size:auto 520px;gap:.75rem;padding:1.25rem 0;display:grid;position:relative}.article-card--no-hero{contain-intrinsic-size:auto 232px}.article-card__header{align-items:center;gap:.5rem;display:flex}.article-card__source{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.article-card__favicon{object-fit:cover;background:var(--backgroundElement);border-radius:4px;width:20px;height:20px}.article-card__source-name{color:var(--textSecondary);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.article-card__overflow{width:2rem;height:2rem;color:var(--textSecondary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;place-items:center;font-size:1.25rem;line-height:1;display:grid}.article-card__overflow:hover{background:var(--backgroundElement)}.article-card__overflow:focus-visible,.article-card__action:focus-visible,.article-card__menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.article-card__menu{border:1px solid var(--border);background:var(--card);color:var(--text);box-shadow:0 8px 24px color-mix(in srgb, var(--text) 16%, transparent);inset:unset;top:anchor(bottom);right:anchor(right);border-radius:8px;margin:.35rem 0 0;padding:.375rem 0;position:fixed}.article-card__menu-list{min-width:12rem;margin:0;padding:0;list-style:none}.article-card__menu-item{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:.5rem 1rem;font-size:.875rem;display:block}.article-card__menu-item:hover{background:var(--backgroundElement)}.article-card__menu-item--danger{color:#e11d48}.article-card__type{margin:0}.article-card__type data{background:color-mix(in srgb, var(--secondaryAction) 14%, transparent);color:var(--secondaryAction);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.article-card__hero-link{aspect-ratio:16/9;background:var(--backgroundElement);border-radius:12px;display:block;overflow:hidden}.article-card__hero{object-fit:cover;width:100%;height:100%;display:block}.article-card__title{margin:0;font-size:1.25rem;font-weight:700;line-height:1.35}.article-card__title a{color:inherit;text-decoration:none}.article-card__title a:hover{text-decoration:underline}.article-card__summary{color:var(--textSecondary);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.45;display:-webkit-box;overflow:hidden}.article-card__footer{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.article-card__meta{color:var(--textSecondary);margin:0;font-size:.8125rem}.article-card__actions{align-items:center;gap:.25rem;display:flex}.article-card__action{min-height:2rem;color:var(--textSecondary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:.3rem;padding:.35rem .45rem;font-size:.8125rem;display:inline-flex}.article-card__action:hover{background:var(--backgroundElement)}.article-card__action-icon--liked{color:var(--accent)}.article-card__action-icon--saved{color:var(--readLaterColor)}.article-card--skeleton .article-card__skeleton-chip,.article-card--skeleton .article-card__skeleton-line,.article-card--skeleton .article-card__skeleton-hero{background:color-mix(in srgb, var(--text) 8%, var(--backgroundElement));border-radius:6px}.article-card__skeleton-chip{width:1.25rem;height:1.25rem;display:inline-block}.article-card__skeleton-line{width:100%;height:.85rem;display:block}.article-card__skeleton-line--short{width:40%}.article-card__skeleton-hero{border-radius:12px;height:10rem}