.blogContent{max-width:none;font-family:var(--font-instrument),system-ui,sans-serif;font-size:1.0625rem;line-height:1.75;color:var(--muted);letter-spacing:-.003em;font-feature-settings:"ss01","cv05","liga","calt";text-rendering:optimizeLegibility}.blogContent blockquote,.blogContent li,.blogContent ol,.blogContent p,.blogContent ul{max-width:68ch}.blogContent>p:first-of-type{font-size:1.25rem;line-height:1.6;color:var(--text);font-weight:400;letter-spacing:-.01em;margin-bottom:1.35rem}.blogContent h2{font-family:var(--font-bricolage),system-ui,sans-serif;font-size:1.5rem;font-weight:600;color:var(--text);line-height:1.25;letter-spacing:-.02em;margin-top:.5rem;margin-bottom:.75rem;border-top:1px solid var(--line);padding-top:1.75rem;position:relative;scroll-margin-top:6rem}.blogContent>h2:first-of-type{border-top:none;padding-top:0}.blogContent h2:hover:before{content:"#";position:absolute;left:-1.3rem;top:1.75rem;font-family:var(--font-jetbrains),ui-monospace,monospace;color:var(--accent);opacity:.55;font-weight:500}.blogContent>h2:first-of-type:hover:before{top:0}.blogContent h3{font-family:var(--font-bricolage),system-ui,sans-serif;font-size:1.1875rem;font-weight:600;color:var(--text);line-height:1.3;letter-spacing:-.015em;margin-top:1.75rem;margin-bottom:.5rem;scroll-margin-top:6rem}.blogContent br+br,.blogContent p:empty{display:none}.blogContent p{color:var(--muted);line-height:1.75;margin-bottom:1.1rem}.blogContent a{color:var(--accentText);font-weight:500;text-decoration:underline;text-decoration-color:var(--accentBorder);text-decoration-thickness:1.5px;text-underline-offset:2px;transition:text-decoration-color .2s ease,color .2s ease}.blogContent a:hover{text-decoration-color:var(--accentText)}.blogContent strong{color:var(--text);font-weight:600}.blogContent ul{margin-bottom:1.25rem}.blogContent ul>*+*{margin-top:.5rem}.blogContent ul>li{position:relative;padding-left:1.225rem;color:var(--muted);line-height:1.75}.blogContent ul>li:before{content:"";position:absolute;left:0;top:.72rem;width:.375rem;height:.375rem;background-color:var(--accent);border-radius:9999px}.blogContent ol{list-style:decimal;list-style-position:outside;padding-left:1.5rem;margin-bottom:1.25rem}.blogContent ol>li{display:list-item;color:var(--muted);line-height:1.75;padding-left:.35rem;margin-top:.45rem}.blogContent ol>li::marker{color:var(--faint);font-family:var(--font-jetbrains),ui-monospace,monospace;font-size:.85em}.blogContent li strong{color:var(--text)}.blogContent blockquote{border-left:3px solid var(--accent);background:none;border-radius:0;padding:.25rem 0 .25rem 1.5rem;font-family:var(--font-bricolage),system-ui,sans-serif;font-size:1.375rem;line-height:1.4;font-style:normal;font-weight:500;letter-spacing:-.02em;color:var(--text);margin:2rem 0}.blogContent .infoBox{background:var(--accentSoft);border-left-color:var(--accentBorder);border-left-width:1px;border:1px solid var(--accentBorder);border-left:3px solid var(--accent);border-radius:1rem;padding:1.5rem;margin:1.5rem 0}.blogContent .infoBox h3{font-family:var(--font-bricolage),system-ui,sans-serif;font-size:1.125rem;font-weight:600;color:var(--accentText);margin:0 0 .5rem}.blogContent .infoBox p{color:var(--muted);margin-bottom:0}.blogContent .implementationBox{background-color:var(--bg2);border:1px solid var(--line);padding:2rem;border-radius:1rem;margin:2rem 0}.blogContent .stepItem,.blogContent .stepNumber{display:flex;align-items:center}.blogContent .stepNumber{width:2rem;height:2rem;background:linear-gradient(135deg,var(--accent2),var(--accent),var(--accent3));color:#fff;border-radius:9999px;justify-content:center;font-family:var(--font-jetbrains),ui-monospace,monospace;font-size:.8125rem;font-weight:500;margin-right:1rem;flex-shrink:0}.blogContent .stepText{color:var(--muted)}.blogContent table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5rem 0;font-size:.8125rem;background-color:var(--cardSolid);border:1px solid var(--line);border-radius:1rem;overflow:hidden;box-shadow:0 1px 2px rgba(10,32,42,.04),0 8px 24px -10px rgba(10,32,42,.1)}.blogContent td,.blogContent th{padding:.75rem 1.25rem;text-align:left;border-bottom:1px solid var(--line)}.blogContent td{color:var(--muted)}.blogContent td code,.blogContent th code{overflow-wrap:anywhere}@media (max-width:640px){.blogContent td,.blogContent th{padding:.6rem .75rem}}.blogContent thead th{background:var(--bg2);font-family:var(--font-jetbrains),ui-monospace,monospace;font-weight:400;font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);vertical-align:top;border-bottom:1px solid var(--line)}.blogContent tbody tr:nth-child(2n) td{background-color:var(--bg2)}.blogContent tbody tr:last-child td{border-bottom:none}.blogContent tbody tr:hover td{background-color:var(--accentSoft)}.blogContent pre{background-color:var(--text);color:var(--bg);padding:1.25rem 1.5rem;border-radius:1rem;overflow-x:auto;font-family:var(--font-jetbrains),ui-monospace,monospace;font-size:.8125rem;line-height:1.7;margin:1.5rem 0;border:1px solid var(--text)}.blogContent pre code{background:transparent;color:inherit;padding:0;font-weight:400}.blogContent code{background-color:var(--accentSoft);color:var(--accentText);padding:.1rem .4rem;border-radius:.375rem;font-family:var(--font-jetbrains),ui-monospace,monospace;font-size:.85em;font-weight:400}.blogContent img{max-width:100%;height:auto;display:block;margin:1.5rem auto;border:1px solid var(--line);border-radius:1rem}.blogContent img[data-zoom]{margin-bottom:.625rem}.blogContent img[data-zoom-ready]{cursor:zoom-in;transition:border-color .2s ease}.blogContent img[data-zoom-ready]:hover{border-color:var(--accent)}.blogContent img[data-zoom-ready]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.blogContent .blogZoomHint{margin:0 0 1.5rem;min-height:1.25rem;text-align:center;font-size:.8125rem;line-height:1.25rem;color:var(--faint)}.blogContent img[data-zoom-ready]+.blogZoomHint:before{content:"Tap to zoom"}@media (hover:hover) and (pointer:fine){.blogContent img[data-zoom-ready]+.blogZoomHint:before{content:"Click to zoom"}}.blogLightbox{position:fixed;inset:0;z-index:2147483647;background:rgba(6,12,18,.86);overscroll-behavior:contain;touch-action:none;animation:blogLightboxIn .18s ease-out}.blogLightbox:focus{outline:none}.blogLightboxStage{position:absolute;inset:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top, 0px) + 56px) 12px calc(env(safe-area-inset-bottom, 0px) + 72px);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.blogLightboxImg{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#fff;border-radius:.75rem;box-shadow:0 10px 40px rgba(0,0,0,.45);transform-origin:center;will-change:transform;cursor:zoom-in;-webkit-user-drag:none}.blogLightboxImg.isZoomed{cursor:grab}.blogLightboxImg.isAnimating{transition:transform .18s ease}.blogLightboxBar button,.blogLightboxClose{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:999px;color:#fff;background:transparent;cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.blogLightboxClose{top:calc(env(safe-area-inset-top, 0px) + 12px);right:12px;border:1px solid rgba(255,255,255,.3)}.blogLightboxBar,.blogLightboxClose{position:absolute;background:rgba(12,18,26,.82);box-shadow:0 2px 10px rgba(0,0,0,.4)}.blogLightboxBar{left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 16px);display:flex;gap:2px;padding:4px;border-radius:999px;border:1px solid rgba(255,255,255,.3);transform:translateX(-50%)}.blogLightboxClose:hover{background:rgba(12,18,26,.96)}.blogLightboxBar button:hover:not(:disabled){background:rgba(255,255,255,.2)}.blogLightboxBar button:disabled{opacity:.38;cursor:default}.blogLightboxBar button:focus-visible,.blogLightboxClose:focus-visible{outline:2px solid #fff;outline-offset:2px}@keyframes blogLightboxIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.blogLightbox{animation:none}.blogLightboxImg.isAnimating{transition:none}}.blogContent hr{border:none;border-top:1px solid var(--line);margin:2rem 0}.blog-progress{background-image:linear-gradient(90deg,var(--accent2),var(--accent),var(--accent3))}