.card.svelte-17o5h7x{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:20px;transition:transform .25s ease,box-shadow .25s ease}.card.svelte-17o5h7x:hover{transform:translateY(-3px)}.light.svelte-17o5h7x{background:#fff;border:1px solid #0000001a;box-shadow:0 1px 2px #0000000d}.light.svelte-17o5h7x:hover{box-shadow:0 12px 30px #00000014}.dark.svelte-17o5h7x{background:#ffffff0d;border:1px solid #ffffff1a}.dark.svelte-17o5h7x:hover{box-shadow:0 14px 34px #00000059;border-color:#fff3}.cover.svelte-17o5h7x{display:block;flex-shrink:0;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#f3f3f6}.cover.svelte-17o5h7x img:where(.svelte-17o5h7x){width:100%;height:100%;object-fit:cover}.placeholder.svelte-17o5h7x{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#eec5bdaa,transparent 55%),radial-gradient(circle at 75% 80%,#c6caf6cc,transparent 55%),#1b1b22}.placeholder.svelte-17o5h7x span:where(.svelte-17o5h7x){padding:6px 14px;border-radius:100px;background:#00000059;color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:700}.body.svelte-17o5h7x{display:flex;flex:1;flex-direction:column;gap:10px;padding:20px 22px 24px}.meta.svelte-17o5h7x{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-family:Inter,sans-serif;font-size:13px;font-weight:500;letter-spacing:normal;line-height:1.4}.light.svelte-17o5h7x .meta:where(.svelte-17o5h7x){color:#5c6070}.dark.svelte-17o5h7x .meta:where(.svelte-17o5h7x){color:#81859f}.draft.svelte-17o5h7x{padding:1px 8px;border-radius:100px;background:#ffd84d;color:#000;font-weight:700}.title.svelte-17o5h7x{margin:0;background:none;-webkit-text-fill-color:currentColor;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;line-height:1.3;letter-spacing:normal}.title.svelte-17o5h7x a:where(.svelte-17o5h7x){color:inherit;font-weight:inherit}.title.svelte-17o5h7x a:where(.svelte-17o5h7x):after{content:"";position:absolute;inset:0}.light.svelte-17o5h7x .title:where(.svelte-17o5h7x){color:#0b0b0f}.dark.svelte-17o5h7x .title:where(.svelte-17o5h7x){color:#fff}.description.svelte-17o5h7x{margin:0;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.55;letter-spacing:normal;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.light.svelte-17o5h7x .description:where(.svelte-17o5h7x){color:#3a3d48}.dark.svelte-17o5h7x .description:where(.svelte-17o5h7x){color:#b4bcd0}