.blog-layout.svelte-17j22sm{grid-template-columns:260px 1fr;gap:32px;padding:32px;display:grid}.blog-sidebar.svelte-17j22sm{height:calc(100vh - 100px);padding-right:12px;position:sticky;top:80px;overflow-y:auto}.blog-sidebar.svelte-17j22sm::-webkit-scrollbar{width:6px}.blog-sidebar.svelte-17j22sm::-webkit-scrollbar-track{background:0 0}.blog-sidebar.svelte-17j22sm::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.blog-sidebar.svelte-17j22sm::-webkit-scrollbar-thumb:hover{background:#858585ce}.article-link.svelte-17j22sm{color:inherit;border-radius:10px;padding:12px;text-decoration:none;display:block}.article-link.svelte-17j22sm span:where(.svelte-17j22sm){opacity:.6;margin-top:4px;font-size:.85rem;display:block}.blog-content.svelte-17j22sm{max-width:820px}.article-link.svelte-17j22sm{color:var(--text);border:1px solid #0000;border-radius:10px;flex-direction:column;margin-bottom:8px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.article-link.svelte-17j22sm:hover{background:var(--surface)}.article-link.active.svelte-17j22sm{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.article-link.active.svelte-17j22sm strong:where(.svelte-17j22sm){color:var(--accent)}.tag-filter.svelte-17j22sm{flex-wrap:wrap;gap:6px;margin:16px 0 24px;display:flex}.tag-filter.svelte-17j22sm button:where(.svelte-17j22sm){border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:6px 10px;transition:all .2s}.tag-filter.svelte-17j22sm button:where(.svelte-17j22sm):hover{background:var(--surface)}.tag-filter.svelte-17j22sm button.active:where(.svelte-17j22sm){background:var(--accent);border-color:var(--accent);color:#fff}@media (width<=768px){.blog-layout.svelte-17j22sm{padding:20px 16px;display:block}.blog-content.svelte-17j22sm{max-width:none}.blog-sidebar.svelte-17j22sm{display:none}.article-link.svelte-17j22sm{padding:12px 14px}}