@layer reset,tokens,base,components;@layer features{.newsletter-issue-card{border-radius:var(--radius-card);padding:var(--space-8);background-color:var(--color-card);cursor:pointer;transition:background-color var(--duration-slow) var(--ease-out)}.newsletter-issue-link{display:block}.newsletter-issue-content{gap:var(--space-16);flex-direction:column;display:flex}.newsletter-issue-copy{gap:var(--space-12);padding-inline:var(--space-8);padding-bottom:var(--space-8);flex-direction:column;display:flex}.newsletter-issue-summary{gap:var(--space-4);flex-direction:column;display:flex}.newsletter-issue-title{color:var(--color-foreground);font-size:var(--text-20);font-weight:600;line-height:var(--text-20-leading);transition:color var(--duration-moderate) var(--ease-in-out), background-color var(--duration-moderate) var(--ease-in-out), border-color var(--duration-moderate) var(--ease-in-out), text-decoration-color var(--duration-moderate) var(--ease-in-out), fill var(--duration-moderate) var(--ease-in-out), stroke var(--duration-moderate) var(--ease-in-out)}.newsletter-issue-description{transition:color var(--duration-slow) ease;-webkit-line-clamp:2;color:var(--color-muted-foreground);font-size:var(--text-16);line-height:var(--leading-relaxed);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (hover:hover){.newsletter-issue-card:hover{background-color:var(--color-card-hover)}.newsletter-issue-card:hover .newsletter-issue-description{color:var(--color-text-secondary)}}@media (width>=40rem){.newsletter-issue-card{border-radius:var(--radius-24);padding:var(--space-16)}.newsletter-issue-content{gap:var(--space-24)}.newsletter-issue-copy{padding-inline:var(--space-16);padding-bottom:var(--space-16)}.newsletter-issue-title{font-size:var(--text-24);line-height:var(--text-24-leading)}}}@layer utilities;
