@layer components{.activity-card{--stack-space:0;display:flex;flex-direction:column;overflow:hidden;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-l);transition:border-color 150ms ease,box-shadow 150ms ease;&:hover{border-color:var(--color-accent);box-shadow:var(--shadow-m)}&:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-m)}& .activity-card__media{display:block;background:var(--color-accent-surface)}& .activity-card__body{--stack-space:var(--space-2xs);padding:var(--space-s)}& .activity-card__date{font-size:var(--size-step--1);color:var(--color-text-muted);text-transform:lowercase}& .activity-card__title{font-size:var(--size-step-1);& a{color:var(--color-text);text-decoration:none;&:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}}}& .activity-card__perex{color:var(--color-text-muted)}}}.activity-card .activity-card__media .progressive-image-container{width:100%;aspect-ratio:16/9;& img{width:100%;height:100%;object-fit:cover}}