.post-grid.svelte-2rhxaf{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:2rem}@media (min-width: 1024px){.post-grid.svelte-2rhxaf:has(.toc-side:where(.svelte-2rhxaf)){grid-template-columns:minmax(0,1fr) 240px}.toc-mobile.svelte-2rhxaf{display:none}}.toc-mobile.svelte-2rhxaf{margin-top:1.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.25rem}.toc-mobile.svelte-2rhxaf summary:where(.svelte-2rhxaf){cursor:pointer;color:var(--color-primary);font-weight:600}.toc-side.svelte-2rhxaf{position:sticky;top:90px;align-self:start;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;max-height:70vh;overflow-y:auto}.toc-title.svelte-2rhxaf{margin:0 0 .75rem;color:var(--color-primary);font-weight:600;font-size:.9rem}.toc-side.svelte-2rhxaf ol:where(.svelte-2rhxaf),.toc-mobile.svelte-2rhxaf ol:where(.svelte-2rhxaf){list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.toc-side.svelte-2rhxaf li.indent:where(.svelte-2rhxaf),.toc-mobile.svelte-2rhxaf li.indent:where(.svelte-2rhxaf){padding-left:1rem}.toc-side.svelte-2rhxaf a:where(.svelte-2rhxaf),.toc-mobile.svelte-2rhxaf a:where(.svelte-2rhxaf){color:var(--color-text-muted);text-decoration:none;font-size:.9rem;line-height:1.4;transition:color .2s ease}.toc-side.svelte-2rhxaf a:where(.svelte-2rhxaf):hover,.toc-mobile.svelte-2rhxaf a:where(.svelte-2rhxaf):hover,.toc-side.svelte-2rhxaf a.active:where(.svelte-2rhxaf),.toc-mobile.svelte-2rhxaf a.active:where(.svelte-2rhxaf){color:var(--color-primary)}.toc-side.svelte-2rhxaf a.active:where(.svelte-2rhxaf),.toc-mobile.svelte-2rhxaf a.active:where(.svelte-2rhxaf){font-weight:600}.nav-card.svelte-2rhxaf{flex:1;display:flex;flex-direction:column;gap:4px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.nav-card.svelte-2rhxaf:hover{border-color:var(--color-primary);transform:translateY(-2px)}.nav-label.svelte-2rhxaf{font-size:.8rem;color:var(--color-text-muted)}.nav-title.svelte-2rhxaf{color:var(--color-text);font-weight:600}.blog-content.svelte-2rhxaf{min-width:0;line-height:1.75;color:var(--color-text);font-size:1.02rem}.blog-content.svelte-2rhxaf h2{font-size:1.5rem;margin:2.2em 0 .8em;color:var(--color-text);scroll-margin-top:90px}.blog-content.svelte-2rhxaf h3{font-size:1.2rem;margin:1.8em 0 .6em;color:var(--color-text);scroll-margin-top:90px}.blog-content.svelte-2rhxaf p{margin:1em 0}.blog-content.svelte-2rhxaf ol{list-style-type:decimal;margin:1.25em 0;padding-left:1.75em}.blog-content.svelte-2rhxaf ul{list-style-type:disc;margin:1.25em 0;padding-left:1.75em}.blog-content.svelte-2rhxaf li{margin:.5em 0;padding-left:.25em;line-height:1.75}.blog-content.svelte-2rhxaf li::marker{color:var(--color-primary);font-weight:600}.blog-content.svelte-2rhxaf ol ol{list-style-type:lower-alpha;margin:.4em 0}.blog-content.svelte-2rhxaf ul ul{list-style-type:circle;margin:.4em 0}.blog-content.svelte-2rhxaf ol ul,.blog-content.svelte-2rhxaf ul ol{margin:.4em 0}.blog-content.svelte-2rhxaf li>p{margin:.4em 0}.blog-content.svelte-2rhxaf hr{border:0;border-top:1px solid var(--color-border);margin:2.5em 0}.blog-content.svelte-2rhxaf a{color:var(--color-blue)}.blog-content.svelte-2rhxaf img{max-width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border);margin:1.5em 0}.blog-content.svelte-2rhxaf figure{margin:2em 0;width:100%;display:block}.blog-content.svelte-2rhxaf figure img{margin:0 auto;display:block;width:100%}.blog-content.svelte-2rhxaf figcaption{margin-top:.65rem;font-size:.85rem;color:var(--color-text-muted);text-align:center;line-height:1.5}.blog-content.svelte-2rhxaf blockquote{border-left:3px solid var(--color-primary);margin:1.5em 0;padding:.25em 0 .25em 1em;color:var(--color-text-muted)}.blog-content.svelte-2rhxaf table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.92rem;display:block;overflow-x:auto}.blog-content.svelte-2rhxaf th,.blog-content.svelte-2rhxaf td{border:1px solid var(--color-border);padding:8px 12px;text-align:left}.blog-content.svelte-2rhxaf th{background-color:var(--color-surface);color:var(--color-primary)}.blog-content.svelte-2rhxaf code{font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-feature-settings:"calt" 1,"liga" 1;font-variant-ligatures:contextual;letter-spacing:0;font-size:.88em}.blog-content.svelte-2rhxaf :not(pre)>code{background-color:#ffffff12;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 6px;color:var(--color-yellow)}.blog-content.svelte-2rhxaf pre{position:relative;background-color:#0a0d13;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;overflow-x:auto;margin:1.5em 0}.blog-content.svelte-2rhxaf pre code{background:none;border:none;padding:0;color:var(--color-text);font-size:.88rem;line-height:1.7}.blog-content.svelte-2rhxaf .hljs-keyword{color:var(--color-purple)}.blog-content.svelte-2rhxaf .hljs-string,.blog-content.svelte-2rhxaf .hljs-regexp{color:var(--color-green)}.blog-content.svelte-2rhxaf .hljs-number,.blog-content.svelte-2rhxaf .hljs-literal{color:var(--color-yellow)}.blog-content.svelte-2rhxaf .hljs-title,.blog-content.svelte-2rhxaf .hljs-built_in{color:var(--color-blue)}.blog-content.svelte-2rhxaf .hljs-comment,.blog-content.svelte-2rhxaf .hljs-quote{color:var(--color-text-muted);font-style:italic}.blog-content.svelte-2rhxaf .copy-btn{position:absolute;top:8px;right:8px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.75rem;padding:3px 10px;cursor:pointer;opacity:0;transition:opacity .2s ease}.blog-content.svelte-2rhxaf pre:hover .copy-btn{opacity:1}.blog-content.svelte-2rhxaf .copy-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.blog-content.svelte-2rhxaf .installer-box{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin:2rem 0}.blog-content.svelte-2rhxaf .installer-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1.6rem;background-color:var(--color-primary);color:#0d1017!important;font-weight:700;font-size:1rem;border-radius:var(--radius-md);text-decoration:none!important;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.blog-content.svelte-2rhxaf .installer-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.blog-content.svelte-2rhxaf .installer-platforms{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.blog-content.svelte-2rhxaf .installer-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;padding:4px 12px;border-radius:9999px;border:1px solid var(--color-border);background-color:#ffffff08;color:var(--color-text-muted)!important;text-decoration:none!important;transition:all .2s ease}.blog-content.svelte-2rhxaf .installer-pill:hover{border-color:var(--color-primary);color:var(--color-primary)!important;background-color:#ff8f400d}.blog-content.svelte-2rhxaf .media-placeholder{border:2px dashed var(--color-border);background-color:#14182199;border-radius:var(--radius-lg);padding:2rem 1.5rem;margin:2rem 0;text-align:center;transition:border-color .2s ease,background-color .2s ease}.blog-content.svelte-2rhxaf .media-placeholder:hover{border-color:var(--color-primary);background-color:#141821d9}.blog-content.svelte-2rhxaf .media-badge{display:inline-block;font-family:Fira Code,monospace;font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:3px 10px;border-radius:var(--radius-sm);margin-bottom:.75rem}.blog-content.svelte-2rhxaf .media-badge-video{background-color:#59c2ff26;color:var(--color-blue);border:1px solid rgba(89,194,255,.3)}.blog-content.svelte-2rhxaf .media-badge-gif{background-color:#d2a6ff26;color:var(--color-purple);border:1px solid rgba(210,166,255,.3)}.blog-content.svelte-2rhxaf .media-badge-image{background-color:#aad94c26;color:var(--color-green);border:1px solid rgba(170,217,76,.3)}.blog-content.svelte-2rhxaf .media-title{font-weight:600;color:var(--color-text);font-size:1.05rem;margin:0 0 .5rem}.blog-content.svelte-2rhxaf .media-desc{font-size:.88rem;color:var(--color-text-muted);margin:0 0 .75rem;line-height:1.5}.blog-content.svelte-2rhxaf .media-hint{display:inline-block;font-family:Fira Code,monospace;font-size:.75rem;color:var(--color-yellow);background-color:#ffb4541a;padding:4px 10px;border-radius:var(--radius-sm);border:1px solid rgba(255,180,84,.2)}.blog-content.svelte-2rhxaf video{max-width:100%;border-radius:var(--radius-lg);border:1px solid var(--color-border);margin:1.5em 0;background:#000}.blog-content.svelte-2rhxaf .callout{border-radius:var(--radius-md);padding:1rem 1.25rem;margin:1.5em 0;background-color:var(--color-surface);border:1px solid var(--color-border);border-left-width:4px}.blog-content.svelte-2rhxaf .callout-header{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.85rem;letter-spacing:.05em;margin-bottom:.4rem}.blog-content.svelte-2rhxaf .callout-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.blog-content.svelte-2rhxaf .callout-icon-svg{width:1.15rem;height:1.15rem;stroke-width:2.25}.blog-content.svelte-2rhxaf .callout p{margin:0;font-size:.95rem;color:var(--color-text);line-height:1.6}.blog-content.svelte-2rhxaf .callout-important{background-color:#ff8f4014;border-color:#ff8f4040;border-left-color:var(--color-primary)}.blog-content.svelte-2rhxaf .callout-important .callout-header{color:var(--color-primary)}.blog-content.svelte-2rhxaf .callout-note{background-color:#59c2ff14;border-color:#59c2ff40;border-left-color:var(--color-blue)}.blog-content.svelte-2rhxaf .callout-note .callout-header{color:var(--color-blue)}.blog-content.svelte-2rhxaf .callout-warning{background-color:#ffb45414;border-color:#ffb45440;border-left-color:var(--color-yellow)}.blog-content.svelte-2rhxaf .callout-warning .callout-header{color:var(--color-yellow)}.blog-content.svelte-2rhxaf .callout-tip{background-color:#aad94c14;border-color:#aad94c40;border-left-color:var(--color-green)}.blog-content.svelte-2rhxaf .callout-tip .callout-header{color:var(--color-green)}.blog-content.svelte-2rhxaf .callout-caution{background-color:#d9575714;border-color:#d9575740;border-left-color:var(--color-error)}.blog-content.svelte-2rhxaf .callout-caution .callout-header{color:var(--color-error)}
