.mk-light.svelte-u4k2t{--bg:#f4f5f7;--panel:#fbfbfb;--line:#e2e8f0;--text:#0f172a;--muted:#64748b;--accent:#058f93;--accent-deep:#047074;--cseo-canvas-bg:#f4f5f7;--cseo-surface:#fbfbfb;--cseo-surface-elev:#f4f6f9;--cseo-surface-border:#e2e8f0;--cseo-text:#0f172a;--cseo-text-muted:#64748b;--cseo-text-faint:#94a3b8;--cseo-accent:#058f93;--cseo-accent-strong:#047074}.mk-blog-head.svelte-u4k2t{text-align:center;max-width:720px;margin:0 auto;padding:80px 24px 40px}.mk-blog-filter.svelte-u4k2t{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px;display:flex}.mk-filter-chip.svelte-u4k2t{background:var(--panel);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:999px;padding:7px 15px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.mk-filter-chip.svelte-u4k2t:hover{color:var(--text);border-color:var(--accent)}.mk-filter-chip.is-active.svelte-u4k2t{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.mk-blog-head.svelte-u4k2t h1:where(.svelte-u4k2t){margin:0 0 14px;font-size:clamp(32px,5vw,48px)}.mk-blog-head.svelte-u4k2t p:where(.svelte-u4k2t){color:var(--muted);font-size:17px}.mk-blog-grid.svelte-u4k2t{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.mk-post-card.svelte-u4k2t{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;transition:border-color .15s,transform .1s;display:flex;overflow:hidden}.mk-post-card.svelte-u4k2t:hover{border-color:var(--accent);transform:translateY(-2px)}.mk-post-thumb.svelte-u4k2t{aspect-ratio:1200/630;border-bottom:1px solid var(--line);overflow:hidden}.mk-post-body.svelte-u4k2t{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.mk-post-tag.svelte-u4k2t{letter-spacing:.1em;color:var(--accent);text-transform:uppercase;font-family:ui-monospace,monospace;font-size:11px}.mk-post-body.svelte-u4k2t h2:where(.svelte-u4k2t){margin:0;font-size:19px;line-height:1.25}.mk-post-body.svelte-u4k2t p:where(.svelte-u4k2t){color:var(--muted);flex:1;margin:0;font-size:14px}.mk-post-date.svelte-u4k2t{color:var(--muted);margin-top:6px;font-size:12px}@media (width<=980px){.mk-blog-grid.svelte-u4k2t{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.mk-blog-grid.svelte-u4k2t{grid-template-columns:1fr}}