/* Newsletter Issue Card (Figma 1577:74335): 16:9 thumbnail 160×90 (2026-10-23), volume row (⋮ card menu at the end, on hover), title text-lg,
   two-line deck, "Read the issue →". States: Default, Hover, Menu open. */
.nl-issue-card{position:relative;box-sizing:border-box;display:flex;align-items:flex-start;gap:var(--space-16);padding:var(--space-16);height:100%;
  background:var(--card-bg-default);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:background-color .2s,border-color .2s,box-shadow .2s}
.nl-issue-card:hover{background:var(--card-bg-hover);border-color:var(--border-subtle)}
.nl-issue-card__thumb{flex:none;width:160px;aspect-ratio:16/9;border-radius:var(--radius-sm-md);overflow:hidden;background:var(--image-placeholder)}
.nl-issue-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.nl-issue-card__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}
.nl-issue-card__vol{font:var(--text-xs);color:var(--card-text-secondary)}
.nl-issue-card__title{font:var(--text-lg);color:var(--text-primary);text-decoration:none}
.nl-issue-card__title::after{content:"";position:absolute;inset:0;border-radius:inherit}
.nl-issue-card__title:focus-visible{outline:none}
.nl-issue-card:focus-within{box-shadow:var(--shadow-focus-ring-accent)}
.nl-issue-card__deck{font:var(--text-sm);color:var(--card-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nl-issue-card__more{font:var(--text-xs);color:var(--text-primary)}
.nl-issue-card:is(.is-hover,.is-menu){background:var(--card-bg-hover);border-color:var(--border-subtle)}
.nl-issue-card__more{position:relative;z-index:2;text-decoration:none}
.nl-issue-card__more:hover{text-decoration:underline}
@media (max-width:599px){.nl-issue-card__thumb{width:120px}}