@layer components{.content-card{position:relative;container-type:inline-size;background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:inset 0 1px oklch(from var(--color-neutral-100) l c h / .03);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.content-card:hover{border-color:oklch(from var(--color-primary) l c h / .2);box-shadow:0 8px 28px oklch(from var(--color-primary) 20% .05 h / .3),inset 0 1px oklch(from var(--color-neutral-100) l c h / .05);transform:translateY(-3px)}.content-card-link{display:flex;flex-direction:column;block-size:100%;text-decoration:none;color:inherit}.content-card-link:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-primary)}.content-card-thumbnail{aspect-ratio:16 / 9;overflow:hidden;background-color:var(--color-neutral-800)}.content-card-thumbnail-link{display:block;block-size:100%;color:inherit;text-decoration:none}.content-card-thumbnail-link:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-primary)}.content-card-thumbnail img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--transition-slow)}.content-card:hover .content-card-thumbnail img{transform:scale(1.05)}.content-card-content{display:flex;flex-direction:column;gap:var(--space-sm);padding-block:var(--space-lg);padding-inline:var(--space-lg);flex-grow:1}.content-card-title{font-size:1.125rem;font-weight:700;color:var(--color-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-card:hover .content-card-title{color:var(--color-primary)}.content-card-summary{color:var(--color-text-muted);font-size:.9375rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}@supports (line-clamp: 2){.content-card-title{line-clamp:2}.content-card-summary{line-clamp:3}}.content-card-date{font-size:.8125rem;color:var(--color-text-muted);margin-block-start:auto}.content-card-title-link{color:inherit;text-decoration:none}.content-card-title-link:focus-visible{outline:none;text-decoration:underline;text-decoration-color:var(--color-primary);text-decoration-thickness:2px;text-underline-offset:.2em}.content-card--with-thumbnail-overlay .content-card-thumbnail{position:relative;isolation:isolate}.content-card--with-thumbnail-overlay .content-card-thumbnail:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity var(--transition-base);background:linear-gradient(180deg,oklch(from var(--color-neutral-900) l c h / 0) 25%,oklch(from var(--color-neutral-900) l c h / .74))}.content-card-thumbnail-overlay{position:absolute;left:.65rem;right:.65rem;bottom:.65rem;z-index:2;opacity:0;transform:translateY(.35rem);pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base)}.content-card-thumbnail-overlay>*{pointer-events:auto}.content-card-thumbnail-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.7rem}.content-card-thumbnail-action{justify-content:center;text-wrap:nowrap;min-inline-size:0;padding-block:.34rem;padding-inline:.5rem;font-size:.76rem;border-width:1px;border-radius:.6rem}.content-card--with-thumbnail-overlay .content-card-thumbnail:hover:after,.content-card--with-thumbnail-overlay .content-card-thumbnail:focus-within:after{opacity:1}.content-card--with-thumbnail-overlay .content-card-thumbnail:hover .content-card-thumbnail-overlay,.content-card--with-thumbnail-overlay .content-card-thumbnail:focus-within .content-card-thumbnail-overlay{opacity:1;transform:translateY(0);pointer-events:auto}@container (max-width: 32rem){.content-card-thumbnail-actions{justify-content:stretch}.content-card-thumbnail-action{flex:1 1 auto}}@media(hover:none){.content-card--with-thumbnail-overlay .content-card-thumbnail:after{opacity:1}.content-card-thumbnail-overlay{opacity:1;transform:translateY(0);pointer-events:auto}}}