.blog-index,.blog-article-wrap{max-width:1180px;margin:auto;padding:3rem 1.5rem 5rem}.blog-index-header{padding:1rem 0 3rem;max-width:62rem}.blog-eyebrow-row,.blog-article-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.blog-eyebrow{font-size:.72rem;letter-spacing:.15em;font-weight:700;color:hsl(var(--primary))}.blog-index h1{font-size:clamp(2.3rem,4.6vw,4.25rem);font-weight:750;letter-spacing:-.045em;line-height:1.13;max-width:54rem;margin-top:1.5rem;text-wrap:balance}.blog-intro{font-size:1.1rem;color:hsl(var(--muted-foreground));line-height:1.85;max-width:49rem;margin-top:1.25rem}.blog-language,.blog-article-top>a{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font-size:.8rem;color:hsl(var(--muted-foreground))}.blog-language:hover,.blog-article-top>a:hover{color:hsl(var(--primary))}.blog-cards{display:grid;gap:2rem}.blog-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);overflow:hidden;border:1px solid hsl(var(--border));border-radius:1rem;background:hsl(var(--card))}.blog-card-image{display:flex;align-items:center;background:#060c1a}.blog-card-image img{width:100%;height:auto}.blog-card-body{padding:2rem;display:flex;flex-direction:column;align-items:flex-start}.blog-topic{color:hsl(var(--primary));font-size:.74rem;line-height:1.6;font-weight:650;letter-spacing:.015em}.blog-card h2{font-weight:700;font-size:clamp(1.4rem,2.3vw,1.9rem);line-height:1.35;letter-spacing:-.025em;margin-top:.8rem}.blog-card h2 a:hover{color:hsl(var(--primary))}.blog-card-description{color:hsl(var(--muted-foreground));font-size:.91rem;line-height:1.85;margin-top:1rem}.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.73rem;color:hsl(var(--muted-foreground));margin-top:1.2rem;line-height:1.6}.blog-read{display:inline-flex;align-items:center;gap:.75rem;margin-top:1.5rem;min-height:44px;font-size:.85rem;font-weight:650;color:hsl(var(--primary))}.blog-read:hover{text-decoration:underline;text-underline-offset:4px}.blog-resources{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding:1.5rem 0;border-top:1px solid hsl(var(--border))}.blog-resources a{display:flex;align-items:center;gap:.6rem;font-size:.86rem;min-height:44px;color:hsl(var(--muted-foreground))}.blog-resources a:hover{color:hsl(var(--primary))}.blog-empty{padding:2rem 0;color:hsl(var(--muted-foreground))}.blog-article-top{border-bottom:1px solid hsl(var(--border));padding-bottom:.8rem}.blog-article-header{padding:2rem 0 2.5rem;max-width:55rem}.blog-breadcrumb{display:flex;align-items:center;gap:.7rem;font-size:.75rem;color:hsl(var(--muted-foreground));margin-bottom:1.5rem}.blog-breadcrumb a:hover{color:hsl(var(--primary))}.blog-article-header h1{font-size:clamp(2rem,3.9vw,3.5rem);line-height:1.15;font-weight:750;letter-spacing:-.04em;margin-top:.8rem;text-wrap:balance}.blog-reading-layout{display:grid;grid-template-columns:minmax(0,50rem) minmax(0,14rem);align-items:start;gap:3rem}.blog-reading-layout>article{min-width:0;outline:none}.blog-toc-desktop{position:sticky;top:6rem;max-height:calc(100dvh - 7rem);overflow:auto}.blog-toc{font-size:.8rem}.blog-toc>p{font-weight:650;margin-bottom:1rem}.blog-toc ol{border-left:1px solid hsl(var(--border));padding-left:1rem;display:grid;gap:.8rem}.blog-toc a{display:block;color:hsl(var(--muted-foreground));line-height:1.7}.blog-toc a:hover{color:hsl(var(--primary))}.blog-toc li[data-level="3"]{padding-left:.8rem}.blog-mobile-toc{display:none}.blog-video{margin-bottom:2.5rem}.blog-video-stage{position:relative;overflow:hidden;aspect-ratio:16/9;border:1px solid hsl(var(--border));border-radius:.8rem;background:#060c1a}.blog-video-stage>img,.blog-video-stage>iframe{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border:0}.blog-play{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:flex-end;gap:.65rem;padding:1rem;background:linear-gradient(transparent 60%,#030712cc);color:#fff}.blog-play>span{display:grid;place-items:center;width:44px;height:44px;background:#fff;color:#111827;border-radius:50%;box-shadow:0 3px 18px #0004}.blog-play strong{align-self:flex-end;line-height:44px;font-size:.85rem;text-shadow:0 2px 4px #000}.blog-play:hover>span{background:#7ce8e0}.blog-video figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.7rem;color:hsl(var(--muted-foreground))}.blog-video figcaption a{display:flex;align-items:center;gap:.4rem;min-height:32px;text-decoration:underline;text-underline-offset:3px}.blog-prose{font-size:1rem;line-height:1.95;overflow-wrap:anywhere}.blog-prose>*+*{margin-top:1.4rem}.blog-prose h2{font-size:1.6rem;line-height:1.4;font-weight:700;letter-spacing:-.02em;margin-top:3rem;padding-top:1.5rem;border-top:1px solid hsl(var(--border))}.blog-prose h3{font-size:1.25rem;font-weight:650;margin-top:2rem}.blog-prose h2,.blog-prose h3,#blog-content{scroll-margin-top:6rem}.blog-prose a{color:hsl(var(--primary));text-decoration:underline;text-underline-offset:4px}.blog-prose strong{font-weight:650}.blog-prose ul,.blog-prose ol{padding-left:1.5rem}.blog-prose ul{list-style:disc}.blog-prose ol{list-style:decimal}.blog-prose li{padding-left:.3rem;margin:.6rem 0}.blog-prose img{display:block;max-width:100%;height:auto;margin:0 auto;border:1px solid hsl(var(--border));border-radius:.6rem;background-color:hsl(var(--muted));background-image:conic-gradient(hsl(var(--background)) 25%,transparent 0 50%,hsl(var(--background)) 0 75%,transparent 0);background-size:20px 20px}.blog-image-link{display:block;width:-moz-fit-content;width:fit-content;max-width:100%;margin:auto;cursor:zoom-in}.blog-prose p>em:only-child{display:block;font-style:normal;font-size:.81rem;color:hsl(var(--muted-foreground));line-height:1.8}.blog-prose :not(pre)>code{font-size:.86em;padding:.16rem .3rem;border-radius:.25rem;background:hsl(var(--muted))}.blog-code{border:1px solid hsl(var(--border));border-radius:.6rem;overflow:hidden;background:hsl(var(--muted)/.4)}.blog-code figcaption{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid hsl(var(--border));font-size:.75rem;color:hsl(var(--muted-foreground))}.blog-code button{min-height:44px;padding:0 .5rem;font-weight:650}.blog-code pre{padding:1.1rem;font-size:.8rem;line-height:1.8;overflow:auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.blog-code code{white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.blog-table{overflow:auto;border:1px solid hsl(var(--border));border-radius:.6rem}.blog-table table{width:100%;border-collapse:collapse;font-size:.84rem;line-height:1.7}.blog-table th,.blog-table td{min-width:9rem;padding:.85rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid hsl(var(--border))}.blog-table th{background:hsl(var(--muted));font-weight:650}.blog-table tr:last-child td{border-bottom:0}.blog-copy-status{font-size:.8rem;min-height:1.5rem;margin-top:1rem;color:hsl(var(--primary))}.blog-next-step{margin-top:2rem;padding:2rem;background:hsl(var(--primary)/.045);border:1px solid hsl(var(--primary)/.2);border-radius:.8rem}.blog-next-step h2{margin-top:.75rem;font-size:1.5rem;line-height:1.4;font-weight:700}.blog-next-step>p:not(.blog-eyebrow){font-size:.94rem;line-height:1.8;color:hsl(var(--muted-foreground));margin-top:1rem}.blog-cta{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:.5rem;padding:.75rem 1.1rem;min-height:44px;margin-top:1.25rem;font-size:.86rem;font-weight:650}.blog-cta:hover{opacity:.9}.blog-image-dialog{position:fixed;margin:auto;width:-moz-fit-content;width:fit-content;max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);padding:1rem;border:1px solid hsl(var(--border));border-radius:.7rem;background:hsl(var(--background));color:hsl(var(--foreground));overflow:auto}.blog-image-dialog::backdrop{background:#030712bd}.blog-image-dialog header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem;font-size:.85rem}.blog-image-dialog button{display:grid;place-items:center;min-width:44px;min-height:44px}.blog-image-dialog img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 8rem);-o-object-fit:contain;object-fit:contain;background:hsl(var(--muted))}.blog-skip{position:fixed;top:-10rem;left:1rem;z-index:100;padding:.75rem 1rem;border:2px solid hsl(var(--primary));background:hsl(var(--background));border-radius:.5rem}.blog-skip:focus{top:1rem}.blog-index a:focus-visible,.blog-article-wrap a:focus-visible,.blog-article-wrap button:focus-visible,.blog-article-wrap summary:focus-visible,.blog-article-wrap [tabindex="0"]:focus-visible,.blog-image-dialog button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px;border-radius:.25rem}@media (max-width:1099px){.blog-reading-layout{display:block;max-width:50rem}.blog-toc-desktop{display:none}.blog-mobile-toc{display:block;padding:1rem;margin-bottom:2rem;border:1px solid hsl(var(--border));border-radius:.6rem}.blog-mobile-toc summary{min-height:28px;cursor:pointer;font-size:.9rem;font-weight:650}.blog-mobile-toc .blog-toc{margin-top:1rem}.blog-mobile-toc .blog-toc>p{display:none}}@media (max-width:767px){.blog-index,.blog-article-wrap{padding:1.5rem 1rem 3rem}.blog-index-header{padding-bottom:2rem}.blog-card{grid-template-columns:1fr}.blog-card-body{padding:1.5rem}.blog-article-header{padding-top:1.5rem}.blog-prose{font-size:.98rem}.blog-prose h2{font-size:1.35rem}.blog-intro{font-size:1rem}.blog-next-step{padding:1.5rem}.blog-play{padding:.7rem}.blog-play strong{font-size:.75rem}}