.card.svelte-ko8vok{position:relative;display:flex;flex-direction:column;gap:1.1rem;padding:1.6rem;border-radius:1.1rem;border:1px solid var(--hairline);background:var(--surface);overflow:hidden;isolation:isolate;transition:border-color .45s var(--ease-out-expo),translate .45s var(--ease-out-expo),box-shadow .45s var(--ease-out-expo)}.card.svelte-ko8vok:hover{border-color:color-mix(in oklab,var(--accent) 55%,var(--hairline));translate:0 -3px;box-shadow:var(--shadow-lift)}.field.svelte-ko8vok{position:absolute;inset:0;z-index:-1;background:radial-gradient(22rem circle at var(--px, 50%) var(--py, 0%),var(--accent-wash),transparent 62%);opacity:0;transition:opacity .5s var(--ease-out-expo)}.card.svelte-ko8vok:hover .field:where(.svelte-ko8vok){opacity:1}.icon.svelte-ko8vok{display:grid;place-items:center;width:3.1rem;height:3.1rem;border-radius:.8rem;border:1px solid var(--hairline-strong);background:var(--surface-sunken);color:var(--accent);transition:border-color .45s var(--ease-out-expo),box-shadow .45s var(--ease-out-expo)}.card.svelte-ko8vok:hover .icon:where(.svelte-ko8vok){border-color:var(--accent);box-shadow:0 0 22px -8px var(--glow)}.body.svelte-ko8vok{display:flex;flex-direction:column;gap:.5rem;flex:1}.title.svelte-ko8vok{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;line-height:1.35}.featured.svelte-ko8vok .title:where(.svelte-ko8vok){font-size:1.35rem}.summary.svelte-ko8vok{color:var(--text-muted);font-size:.95rem;line-height:1.75}.more.svelte-ko8vok{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;color:var(--accent)}.more.svelte-ko8vok svg:where(.svelte-ko8vok){transition:translate .4s var(--ease-out-expo)}html[dir=rtl] .more.svelte-ko8vok svg:where(.svelte-ko8vok){scale:-1 1}.card.svelte-ko8vok:hover .more:where(.svelte-ko8vok) svg:where(.svelte-ko8vok){translate:.2rem 0}html[dir=rtl] .card.svelte-ko8vok:hover .more:where(.svelte-ko8vok) svg:where(.svelte-ko8vok){translate:-.2rem 0}.compact.svelte-ko8vok{gap:.85rem;padding:1.25rem}.compact.svelte-ko8vok .icon:where(.svelte-ko8vok){width:2.6rem;height:2.6rem}.compact.svelte-ko8vok .title:where(.svelte-ko8vok){font-size:1.05rem}.compact.svelte-ko8vok .summary:where(.svelte-ko8vok){font-size:.875rem;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}@media(min-width:48rem){.featured.svelte-ko8vok{padding:2rem}}