.blog-hero.svelte-u4k2t{background:var(--ybc-gradient);color:#fff;padding:64px 24px 56px;text-align:center}.blog-hero-inner.svelte-u4k2t{max-width:680px;margin:0 auto}.blog-hero.svelte-u4k2t h1:where(.svelte-u4k2t){font-family:var(--ybc-font-display);font-weight:800;font-size:44px;margin:0 0 12px}.blog-hero.svelte-u4k2t p:where(.svelte-u4k2t){font-size:18px;color:#ffffffeb;margin:0}.blog-body.svelte-u4k2t{background:#fff;padding:72px 24px 88px}.blog-grid.svelte-u4k2t{max-width:var(--ybc-container);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}.post-card.svelte-u4k2t{display:flex;flex-direction:column;border:1px solid var(--ybc-border);border-radius:var(--ybc-radius-lg);overflow:hidden;text-decoration:none;background:#fff;transition:transform .18s,box-shadow .18s}.post-card.svelte-u4k2t:hover{transform:translateY(-4px);box-shadow:var(--ybc-shadow-card)}.post-cover.svelte-u4k2t{position:relative;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden}.post-cover.svelte-u4k2t img:where(.svelte-u4k2t){width:100%;height:100%;object-fit:cover}.post-cover.placeholder.svelte-u4k2t{background:var(--ybc-gradient)}.cover-mark.svelte-u4k2t{font-family:var(--ybc-font-display);font-weight:800;font-size:40px;color:#ffffffd9;letter-spacing:.1em}.soon.svelte-u4k2t{position:absolute;top:12px;left:12px;background:#0000008c;color:#fff;font-family:var(--ybc-font-display);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.post-body.svelte-u4k2t{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px}.post-body.svelte-u4k2t h2:where(.svelte-u4k2t){font-family:var(--ybc-font-display);font-weight:800;font-size:20px;color:#111;margin:0;line-height:1.25}.summary.svelte-u4k2t{font-family:var(--ybc-font-body);font-size:14.5px;color:#555;line-height:1.55;margin:0}.post-meta.svelte-u4k2t{font-size:13px;color:var(--ybc-fg-6);display:flex;gap:8px;margin-top:4px}.post-meta.svelte-u4k2t .dot:where(.svelte-u4k2t){color:var(--ybc-border-3)}@media(max-width:560px){.blog-hero.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:32px}}