.bcard.svelte-5flobf{align-content:start;gap:16px;min-width:0;display:grid;position:relative}.bcard__media.svelte-5flobf{aspect-ratio:16/10;background:var(--bg-secondary);border-radius:18px;overflow:hidden}.bcard__media.svelte-5flobf img:where(.svelte-5flobf){object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.bcard.svelte-5flobf:hover .bcard__media:where(.svelte-5flobf) img:where(.svelte-5flobf){transform:scale(1.04)}.bcard__body.svelte-5flobf{align-content:start;gap:8px;min-width:0;display:grid}.bcard__tag.svelte-5flobf{background:var(--tag-bg,var(--indigo-10));color:var(--tag-fg,var(--indigo-50));font-size:12px;font-weight:var(--weight-semibold);border-radius:999px;justify-self:start;padding:4px 10px}.bcard__title.svelte-5flobf{color:var(--content-primary);font-family:var(--font-sans);font-size:18px;font-weight:var(--weight-bold);letter-spacing:-.01em;text-transform:none;text-wrap:pretty;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.3;display:-webkit-box;overflow:hidden}.bcard__title.svelte-5flobf a:where(.svelte-5flobf){color:inherit;text-decoration:none}.bcard__title.svelte-5flobf a:where(.svelte-5flobf):after{content:"";border-radius:18px;position:absolute;inset:0}.bcard__title.svelte-5flobf a:where(.svelte-5flobf):focus-visible{outline:none}.bcard.svelte-5flobf:has(a:where(.svelte-5flobf):focus-visible){outline:2px solid var(--indigo-50);outline-offset:6px;border-radius:18px}.bcard.svelte-5flobf:hover .bcard__title:where(.svelte-5flobf){color:var(--indigo-50)}.bcard__excerpt.svelte-5flobf{color:var(--content-secondary);font-size:var(--body-sm-size);line-height:var(--body-sm-lh);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.bcard__meta.svelte-5flobf{color:var(--content-tertiary);font-size:var(--body-xs-size);gap:2px;margin-top:4px;display:grid}.bcard__author.svelte-5flobf{color:var(--content-secondary);font-weight:var(--weight-semibold)}.bcard__meta.svelte-5flobf p:where(.svelte-5flobf){margin:0}.bcard__meta.svelte-5flobf p:where(.svelte-5flobf)>:where(.svelte-5flobf)+:where(.svelte-5flobf):before{content:"·";margin:0 8px}.bcard--feature.svelte-5flobf{background:#000;border-radius:24px;flex-direction:column;gap:0;height:100%;display:flex;overflow:hidden}.bcard--feature.svelte-5flobf .bcard__media:where(.svelte-5flobf){aspect-ratio:auto;border-radius:0;flex:1;min-height:0}@media (width<=1024px){.bcard--feature.svelte-5flobf .bcard__media:where(.svelte-5flobf){aspect-ratio:16/9;flex:none;min-height:0}}.bcard--feature.svelte-5flobf .bcard__body:where(.svelte-5flobf){background:#000;gap:10px;padding:24px 32px 28px}.bcard--feature.svelte-5flobf .bcard__tag:where(.svelte-5flobf){color:var(--content-primary);background:#fff;align-items:center;gap:6px;display:inline-flex}.bcard--feature.svelte-5flobf .bcard__tag:where(.svelte-5flobf):before{content:"";background:var(--tag-fg,var(--indigo-50));border-radius:50%;width:6px;height:6px}.bcard--feature.svelte-5flobf .bcard__title:where(.svelte-5flobf){color:#fff;letter-spacing:-.02em;max-width:34em;font-size:28px;line-height:1.2}.bcard--feature.svelte-5flobf:hover .bcard__title:where(.svelte-5flobf){color:#fff}.bcard--feature.svelte-5flobf .bcard__meta:where(.svelte-5flobf){color:#fffc;margin:0}.bcard--row.svelte-5flobf,.bcard--mini.svelte-5flobf{grid-template-columns:112px minmax(0,1fr);align-items:center}.bcard--row.svelte-5flobf{grid-template-columns:80px minmax(0,1fr);gap:14px}.bcard--row.svelte-5flobf .bcard__body:where(.svelte-5flobf){gap:4px}.bcard--row.svelte-5flobf .bcard__meta:where(.svelte-5flobf){margin:0}.bcard--row.svelte-5flobf .bcard__media:where(.svelte-5flobf),.bcard--mini.svelte-5flobf .bcard__media:where(.svelte-5flobf){aspect-ratio:1;border-radius:14px}.bcard--mini.svelte-5flobf .bcard__title:where(.svelte-5flobf){font-size:16px}.bcard--row.svelte-5flobf .bcard__title:where(.svelte-5flobf){font-size:15px}.bcard--mini.svelte-5flobf{grid-template-columns:72px minmax(0,1fr)}@media (width<=900px){.bcard--feature.svelte-5flobf .bcard__title:where(.svelte-5flobf){font-size:22px}}@media (width<=640px){.bcard--feature.svelte-5flobf .bcard__body:where(.svelte-5flobf){padding:20px}.bcard--feature.svelte-5flobf .bcard__title:where(.svelte-5flobf){font-size:20px}}@media (prefers-reduced-motion:reduce){.bcard__media.svelte-5flobf img:where(.svelte-5flobf){transition:none}}