.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}.blog-content.svelte-17j22sm{max-width:820px;font-size:1.1rem;line-height:2}.blog-content.svelte-17j22sm a,.blog-content.svelte-17j22sm a:visited,.blog-content.svelte-17j22sm a:hover,.blog-content.svelte-17j22sm a:active{color:#b974da;text-decoration:none}.blog-content.svelte-17j22sm img{cursor:zoom-in;width:75%;height:auto;display:block}.article-link.svelte-17j22sm span:where(.svelte-17j22sm){opacity:.6;margin-top:4px;font-size:.85rem;display:block}.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}.current-article-tags.svelte-17j22sm{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.current-article-tags.svelte-17j22sm .tag:where(.svelte-17j22sm){border:1px solid var(--border);background:var(--surface);color:var(--accent);border-radius:999px;padding:4px 12px;font-size:.85rem;line-height:1.6;display:inline-block}.image-lightbox.svelte-17j22sm{z-index:9999;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;padding:40px;animation:.25s both svelte-17j22sm-lightbox-fade-in;display:flex;position:fixed;inset:0;overflow:auto}.image-lightbox.svelte-17j22sm img:where(.svelte-17j22sm){object-fit:contain;cursor:zoom-in;transform-origin:50%;border-radius:6px;flex:none;width:auto;max-width:95vw;height:auto;max-height:90vh;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:block;transform:scale(1)}.image-lightbox.svelte-17j22sm img.zoomed:where(.svelte-17j22sm){cursor:zoom-out;transform:scale(var(--zoom-level,1))}.lightbox-close.svelte-17j22sm{z-index:1;color:#fff;cursor:pointer;background:0 0;border:none;font-size:40px;transition:opacity .2s;position:fixed;top:16px;right:24px}.lightbox-close.svelte-17j22sm:hover{opacity:.7}@keyframes svelte-17j22sm-lightbox-fade-in{0%{opacity:0}to{opacity:1}}@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}.image-lightbox.svelte-17j22sm{padding:12px}.image-lightbox.svelte-17j22sm img:where(.svelte-17j22sm){max-width:100%;max-height:85vh}}@media (prefers-reduced-motion:reduce){.image-lightbox.svelte-17j22sm,.image-lightbox.svelte-17j22sm img:where(.svelte-17j22sm){transition:none;animation:none}}