section.svelte-u4k2t{padding:2rem}.card-grid.svelte-u4k2t{grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));grid-template-rows:masonry;gap:2rem;max-width:80rem;margin:0 auto;padding:0;list-style:none;display:grid}.card.svelte-u4k2t{background:var(--bg-light);color:#000;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}:root[data-theme=dark] .card.svelte-u4k2t{background:var(--bg-dark)}.card.svelte-u4k2t:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card.svelte-u4k2t img:where(.svelte-u4k2t){aspect-ratio:16/5;object-fit:cover;object-position:center;width:100%;view-transition-name:var(--image);view-transition-class:ts-image;border-top-left-radius:12px;border-top-right-radius:12px;display:block}::view-transition-group(.ts-image){border-top-left-radius:12px;border-top-right-radius:12px}.card-content.svelte-u4k2t{flex-direction:column;height:100%;padding:1.5rem;display:flex}.card-content.svelte-u4k2t header:where(.svelte-u4k2t){justify-content:space-between;align-items:center;display:flex}.card-title.svelte-u4k2t{view-transition-name:var(--title);color:#000;text-align:left;width:fit-content;margin:0;line-height:1.2}:root[data-theme=dark] .card-title.svelte-u4k2t{color:#fff}.card-date.svelte-u4k2t{white-space:nowrap;background:#eff6ff;border-radius:1000px;height:min-content;padding:.5em;font-size:.875rem;display:block}.card-desc.svelte-u4k2t{flex-grow:1;margin:0 0 1.5rem;font-size:1rem;line-height:1.5}.bottom-container.svelte-u4k2t{justify-content:space-between;display:flex}.bottom-container.svelte-u4k2t .link:where(.svelte-u4k2t){height:min-content;color:inherit;background:#ffde59;border:3px solid #000;border-radius:1000px;padding:.5em;font-weight:700;text-decoration:none;transition:all .1s;box-shadow:5px 5px #000}.bottom-container.svelte-u4k2t .link:where(.svelte-u4k2t):hover{transform:translate(1.5px,1.5px);box-shadow:3.5px 3.5px #000}.bottom-container.svelte-u4k2t .link:where(.svelte-u4k2t):active{transform:translate(5px,5px);box-shadow:0 0 #000}.card-tags.svelte-u4k2t{z-index:2;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.tag.svelte-u4k2t{background:var(--bg-light-tag);text-transform:lowercase;border-radius:1000px;height:min-content;padding:.25rem .75rem;font-size:.75rem;font-weight:600}:root[data-theme=dark] .tag.svelte-u4k2t{background:var(--bg-dark-tag)}
