article.svelte-1nk70wm{container-name:article;container-type:inline-size}a.svelte-1nk70wm{display:grid;grid-template-columns:96px 1fr;grid-template-rows:1fr auto;grid-template-areas:"date date" "cover cover" "text text";gap:var(--s-md);align-items:start}a.svelte-1nk70wm:hover{background-color:#fff1;box-shadow:0 0 0 12px #fff1}@container article (width > 400px){a.svelte-1nk70wm{grid-template-areas:"date cover" "text text"}a.svelte-1nk70wm .date:where(.svelte-1nk70wm){text-align:center;padding-left:0}}@container article (width > 600px){a.svelte-1nk70wm{grid-template-areas:"date cover" "_ text"}}@container article (width > 850px){a.svelte-1nk70wm{grid-template-columns:96px 1fr 1fr;grid-template-areas:"date text cover" "_ text cover"}}.cover.svelte-1nk70wm{grid-area:cover}.date.svelte-1nk70wm{padding:var(--s-smp) 0;color:var(--lightVibrant);outline:2px solid var(--lightVibrant);justify-content:center;grid-area:date;padding-left:var(--s-smp)}.past.svelte-1nk70wm .date:where(.svelte-1nk70wm){color:var(--c-neutral-500);outline-color:var(--c-neutral-500)}.text.svelte-1nk70wm{grid-area:text}.text.svelte-1nk70wm .title:where(.svelte-1nk70wm){color:var(--lightVibrant)}.past.svelte-1nk70wm .text:where(.svelte-1nk70wm) .title:where(.svelte-1nk70wm){color:var(--c-neutral-400)}