.blog.svelte-10q2z8g{width:min(1040px,92%);margin:0 auto;padding:24px 0 40px;color:var(--text-color);display:grid;gap:28px}.crumbs.svelte-10q2z8g{display:flex;gap:8px;align-items:center;color:#9eaaa4;font-size:14px}.crumbs.svelte-10q2z8g a:where(.svelte-10q2z8g){color:var(--primary-color);text-decoration:none}.hero.svelte-10q2z8g{padding:clamp(28px,6vw,64px);border:1px solid var(--border-color);border-radius:24px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(178,255,226,.13),transparent 55%),var(--secondary-bg);display:grid;justify-items:center;gap:12px}.hero.svelte-10q2z8g img:where(.svelte-10q2z8g){width:auto;height:54px;max-width:min(300px,85%)}.hero.svelte-10q2z8g h1:where(.svelte-10q2z8g){margin:4px 0 0;color:var(--primary-color);font-size:clamp(40px,7vw,68px);line-height:1}.hero.svelte-10q2z8g p:where(.svelte-10q2z8g){color:#d4ded9;font-size:18px}.post-grid.svelte-10q2z8g{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))}.post-card.svelte-10q2z8g{overflow:hidden;border-radius:18px;border:1px solid var(--border-color);background:var(--secondary-bg)}.post-image.svelte-10q2z8g{width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;display:block}.post-copy.svelte-10q2z8g{padding:20px;display:grid;gap:12px}.category.svelte-10q2z8g{width:fit-content;color:var(--primary-color);background:#b2ffe217;border:1px solid rgba(178,255,226,.22);border-radius:999px;padding:5px 9px;font-size:13px}h2.svelte-10q2z8g{margin:0;font-size:24px;line-height:1.2}h2.svelte-10q2z8g a:where(.svelte-10q2z8g){color:#fff;text-decoration:none}h2.svelte-10q2z8g a:where(.svelte-10q2z8g):hover{color:var(--primary-color)}.post-copy.svelte-10q2z8g p:where(.svelte-10q2z8g){color:#c5d0ca;line-height:1.6}.meta.svelte-10q2z8g{display:flex;gap:7px;color:#89958f;font-size:13px}.read-link.svelte-10q2z8g{color:var(--primary-color);text-decoration:none;font-weight:700;margin-top:4px}.empty-state.svelte-10q2z8g{min-height:260px;border:1px dashed #46504b;border-radius:18px;display:grid;place-content:center;justify-items:center;gap:16px;color:#aebbb4;text-align:center;padding:24px}.empty-state.svelte-10q2z8g svg:where(.svelte-10q2z8g){width:48px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 520px){.blog.svelte-10q2z8g{padding-top:16px;gap:18px}.hero.svelte-10q2z8g{border-radius:18px}}