:root{--line-hover:#ffffff47}[data-theme=light]{--line-hover:#0e12164d;--bg:var(--paper);--bg-elev:var(--paper-card);--bg-card:#f4f6f8;--line:#0e121621;--line-soft:#0e121612;--text:var(--ink);--muted:var(--ink-muted);--muted-2:#78828d;--cyan:#0d7cae;--cyan-ink:#fff;--irid:linear-gradient(94deg, #1583b4 8%, #5a53c9 38%, #b8477f 68%, #a06a24 96%)}[data-theme=light] body:after{opacity:.055;filter:invert()}[data-theme=light] .btn-primary:hover{background:#0a6893}[data-theme=light] .site-header.scrolled{background:#eceff2db}[data-theme=light] .mobile-nav{background:#eceff2f7}[data-theme=light] .post-body{color:#37414b}[data-theme=light] .post-body mark{background:#0d7cae29}[data-theme=light] .post-body code{color:#0a5f85;background:#0e12160d}[data-theme=light] .a-compare-after li,[data-theme=light] .a-pc-pros li{color:#37414b}[data-theme=light] .a-callout-warning{--tone:#b3730c}[data-theme=light] .a-callout-success{--tone:#1c8a5a}[data-theme=light] .a-callout-tip{--tone:#5a53c9}[data-theme=light] .a-compare-before .a-compare-title,[data-theme=light] .a-pc-cons .a-pc-title{color:#c2413f}[data-theme=light] .a-compare-before li:before,[data-theme=light] .a-pc-cons li:before{background:#c2413f}[data-theme=light] .a-compare-after .a-compare-title,[data-theme=light] .a-pc-pros .a-pc-title{color:#1c8a5a}[data-theme=light] .a-compare-after li:before,[data-theme=light] .a-pc-pros li:before{border-color:#1c8a5a}[data-theme=light] .a-code{border-color:#0e121629}[data-theme=light] .a-code-bar{background:#ffffff0a;border-bottom-color:#ffffff14}[data-theme=light] .a-code-bar span{color:#8b97a5}[data-theme=light] .a-code-copy{color:#b8c2cd;border-color:#ffffff29}[data-theme=light] .a-code-copy:hover{color:#fff;border-color:#ffffff52}[data-theme=light] .a-table tbody tr:hover td{background:#0e121608}[data-theme=light] .post-card-media-empty{background:radial-gradient(120% 120% at 20% 0%, #0d7cae29, transparent 62%), var(--bg-card)}[data-theme=light] .preview-bar{color:#fff;background:#b3730c}[data-theme=light] .post-card:hover{border-color:#0d7cae73}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}.theme-anim body,.theme-anim body :not(svg):not(path){transition:background-color .55s,border-color .55s,color .55s!important}@media (prefers-reduced-motion:reduce){::view-transition-group(root){animation:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}.crumbs-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.crumbs-row .crumbs{margin-bottom:0}.theme-toggle{border:1px solid var(--line);color:var(--muted);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:999px;flex:none;align-items:center;gap:9px;padding:9px 16px 9px 13px;font-size:13.5px;transition:color .25s,border-color .25s;display:inline-flex}.theme-toggle:hover{color:var(--text);border-color:var(--line-hover)}.theme-toggle svg{flex:none}.theme-toggle .ic-sun{display:block}.theme-toggle .ic-moon,[data-theme=light] .theme-toggle .ic-sun{display:none}[data-theme=light] .theme-toggle .ic-moon{display:block}.blog-hero h1{max-width:14ch}.blog-filters{flex-wrap:wrap;gap:10px;margin-top:clamp(34px,5vw,52px);display:flex}.blog-filters a{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:500;transition:color .25s,border-color .25s,background .25s;display:inline-flex}.blog-filters a:hover{color:var(--text);border-color:var(--line-hover)}.blog-filters a.active{background:var(--cyan);border-color:var(--cyan);color:var(--cyan-ink)}.blog-filters a i{font-style:normal;font-family:var(--font-mono);opacity:.6;font-size:12px}.blog-section{padding-bottom:0}.post-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.post-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);transition:border-color .3s,transform .3s;overflow:hidden}.post-card:hover{border-color:#2fb6e96b;transform:translateY(-4px)}.post-card>a{flex-direction:column;height:100%;display:flex}.post-card-media{aspect-ratio:16/10;background:var(--bg-card);border-bottom:1px solid var(--line-soft);overflow:hidden}.post-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.post-card:hover .post-card-media img{transform:scale(1.05)}.post-card-media-empty{background:radial-gradient(120% 120% at 20% 0%, #2fb6e938, transparent 62%), var(--bg-card);place-items:center;display:grid}.post-card-media-empty span{font-family:var(--font-display);text-transform:uppercase;background:var(--irid);color:#0000;opacity:.75;-webkit-background-clip:text;background-clip:text;font-size:74px;font-weight:700}.post-card-body{flex-direction:column;flex:1;gap:12px;padding:24px 24px 26px;display:flex}.post-card-meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);flex-wrap:wrap;align-items:center;gap:10px;font-size:11.5px;display:flex}.post-tag{color:var(--cyan);letter-spacing:.06em;border:1px solid #2fb6e959;border-radius:999px;padding:4px 10px}.post-card h3{font-family:var(--font-display);letter-spacing:-.005em;margin:0;font-size:19px;font-weight:600;line-height:1.24}.post-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.post-card-more{color:var(--cyan);align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-size:14.5px;font-weight:600;display:inline-flex}.post-card-more svg{transition:transform .25s}.post-card:hover .post-card-more svg{transform:translate(4px)}.post-card-featured{margin-bottom:20px}.post-card-featured>a{grid-template-columns:1.15fr 1fr;align-items:stretch;display:grid}.post-card-featured .post-card-media{aspect-ratio:auto;border-bottom:none;border-right:1px solid var(--line-soft);min-height:340px}.post-card-featured .post-card-body{justify-content:center;gap:16px;padding:clamp(28px,3.4vw,48px)}.post-card-featured h3{font-size:clamp(24px,2.6vw,34px)}.post-card-featured p{font-size:16.5px}.blog-pager{justify-content:center;gap:8px;margin-top:clamp(44px,5vw,64px);display:flex}.blog-pager a{border:1px solid var(--line);min-width:46px;height:46px;font-family:var(--font-mono);color:var(--muted);border-radius:14px;justify-content:center;align-items:center;font-size:15px;transition:color .25s,border-color .25s,background .25s;display:inline-flex}.blog-pager a:hover{color:var(--text);border-color:var(--line-hover)}.blog-pager a.active{background:var(--cyan);border-color:var(--cyan);color:var(--cyan-ink)}.blog-empty{border:1px dashed var(--line);border-radius:var(--radius);text-align:center;padding:clamp(40px,6vw,76px)}.blog-empty .display{margin-bottom:18px;font-size:clamp(24px,3.4vw,40px)}.blog-empty p:not(.display){color:var(--muted);max-width:48ch;margin:0 auto 28px}.post-hero{padding-top:clamp(126px,16vh,168px);position:relative;overflow:hidden}.post-hero h1{max-width:20ch;font-size:clamp(32px,5.4vw,68px)}.post-hero .lead{max-width:62ch;margin-top:24px}.post-meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:32px;font-size:12.5px;display:flex}.post-meta .post-author{color:var(--muted);align-items:baseline;gap:8px;display:inline-flex}.post-meta .post-author i{color:var(--muted-2);text-transform:none;letter-spacing:0;font-style:normal}.post-cover{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);margin-top:clamp(38px,5vw,62px);overflow:hidden}.post-cover img{aspect-ratio:16/8;object-fit:cover;width:100%;height:auto}.post-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:clamp(36px,5vw,78px);padding-top:clamp(50px,6vw,84px);display:grid}.post-layout-solo{grid-template-columns:minmax(0,1fr);max-width:780px;margin:0 auto}.post-toc{position:sticky;top:104px}.post-toc-inner{border-left:1px solid var(--line);max-height:calc(100vh - 150px);padding-left:22px;overflow-y:auto}.post-toc-title{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2);margin:0 0 16px;font-size:11.5px}.post-toc nav{flex-direction:column;gap:2px;display:flex}.post-toc nav a{color:var(--muted);border-left:1.5px solid #0000;margin-left:-23px;padding:7px 0 7px 22px;font-size:14.5px;line-height:1.45;transition:color .25s,border-color .25s}.post-toc nav a:hover{color:var(--text)}.post-toc nav a.active{color:var(--cyan);border-left-color:var(--cyan)}.post-share{border-top:1px solid var(--line-soft);margin-top:26px;padding-top:20px}.post-share span{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2);margin-bottom:12px;font-size:11.5px;display:block}.post-copy{font-family:var(--font-body);color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:9px 18px;font-size:14.5px;transition:color .25s,border-color .25s}.post-copy:hover{color:var(--text);border-color:var(--line-hover)}.post-copy.done{color:var(--cyan);border-color:#2fb6e980}.post-body{color:#cdd4dc;max-width:74ch;font-size:17.5px;line-height:1.72}.post-body>*{margin:0 0 24px}.post-body>:last-child{margin-bottom:0}.post-body a:not(.btn){color:var(--cyan);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.post-body a:not(.btn):hover{color:#6fd0f7}.post-body strong{color:var(--text);font-weight:600}.post-body em{font-style:italic}.post-body mark{color:var(--text);background:#2fb6e92e;border-radius:5px;padding:1px 5px}.post-body code{font-family:var(--font-mono);border:1px solid var(--line-soft);color:#a9e4fb;background:#ffffff0f;border-radius:6px;padding:2px 6px;font-size:.88em}.a-lead{color:var(--text);border-left:2px solid var(--cyan);padding-left:20px;font-size:clamp(18px,1.8vw,21px);line-height:1.6}.a-h2{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin:clamp(46px,5vw,66px) 0 20px;scroll-margin-top:100px;font-size:clamp(23px,2.6vw,32px);font-weight:600;line-height:1.16;position:relative}.a-h3{font-family:var(--font-body);color:var(--text);margin:38px 0 14px;scroll-margin-top:100px;font-size:clamp(19px,2vw,22px);font-weight:600;line-height:1.3;position:relative}.a-anchor{color:var(--cyan);opacity:0;font-weight:400;text-decoration:none;transition:opacity .2s;position:absolute;top:0;left:-.85em}.a-h2:hover .a-anchor,.a-h3:hover .a-anchor{opacity:.65}.a-divider{background:var(--line);border:none;height:1px;margin:clamp(40px,5vw,60px) 0}.a-list{padding-left:0;list-style:none}.a-list li{margin-bottom:12px;padding-left:30px;position:relative}.a-list-bullet li:before{content:"";background:var(--cyan);border-radius:50%;width:6px;height:6px;position:absolute;top:.66em;left:8px}.a-list-numbered{counter-reset:a-num}.a-list-numbered li{counter-increment:a-num}.a-list-numbered li:before{content:counter(a-num);font-family:var(--font-mono);color:var(--cyan);font-size:13px;position:absolute;top:.1em;left:0}.a-list-check li:before{content:"";border-left:1.8px solid var(--cyan);border-bottom:1.8px solid var(--cyan);width:15px;height:9px;position:absolute;top:.42em;left:0;transform:rotate(-45deg)}.a-takeaways{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(120% 130% at 0% 0%, #2fb6e921, transparent 58%), var(--bg-elev);padding:clamp(24px,3vw,34px)}.a-takeaways-title{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin:0 0 18px;font-size:11.5px}.a-takeaways ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.a-takeaways li{color:var(--text);padding-left:30px;font-size:16.5px;line-height:1.55;position:relative}.a-takeaways li:before{content:"";background:var(--cyan);width:12px;height:1.5px;position:absolute;top:.5em;left:2px}.a-quote{margin:clamp(38px,4.5vw,56px) 0;padding:0;position:relative}.a-quote blockquote{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);border-left:2px solid #0000;border-image:var(--irid) 1;margin:0;padding-left:clamp(26px,3vw,44px);font-size:clamp(19px,2.1vw,25px);font-weight:500;line-height:1.36}.a-quote figcaption{align-items:center;gap:14px;margin-top:22px;padding-left:clamp(28px,3vw,46px);display:flex}.a-quote figcaption img{object-fit:cover;border-radius:50%;flex:none;width:52px;height:52px}.a-quote figcaption span{flex-direction:column;gap:2px;display:flex}.a-quote figcaption b{color:var(--text);font-size:15.5px;font-weight:600}.a-quote figcaption i{font-style:normal;font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted-2);font-size:12px}.a-callout{border:1px solid var(--line);background:var(--bg-elev);border-radius:18px;gap:16px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.a-callout:before{content:"";background:var(--tone,var(--cyan));width:2px;position:absolute;top:0;bottom:0;left:0}.a-callout-ic{width:38px;height:38px;color:var(--tone,var(--cyan));background:color-mix(in srgb, var(--tone,var(--cyan)) 14%, transparent);border-radius:12px;flex:none;place-items:center;display:grid}.a-callout p{margin:0;font-size:16.5px}.a-callout-title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tone,var(--cyan));margin-bottom:8px!important;font-size:11.5px!important}.a-callout-info{--tone:#2fb6e9}.a-callout-warning{--tone:#f5b95c}.a-callout-success{--tone:#62d29a}.a-callout-tip{--tone:#a9a6f8}.a-faq{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);overflow:hidden}.a-faq-title{font-family:var(--font-display);color:var(--text);margin:0;padding:22px 26px 6px;font-size:18px;font-weight:600}.a-faq-item{border-top:1px solid var(--line-soft)}.a-faq-item:first-of-type{border-top:none}.a-faq-item summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 26px;font-size:17px;font-weight:600;list-style:none;transition:color .2s;display:flex}.a-faq-item summary::-webkit-details-marker{display:none}.a-faq-item summary:hover{color:var(--cyan)}.a-faq-mark{flex:none;width:20px;height:20px;margin-top:3px;position:relative}.a-faq-mark:before,.a-faq-mark:after{content:"";background:var(--cyan);width:13px;height:1.6px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.a-faq-mark:after{transform:translate(-50%,-50%)rotate(90deg)}.a-faq-item[open] .a-faq-mark:after{transform:translate(-50%,-50%)rotate(0)}.a-faq-answer{color:var(--muted);padding:0 26px 22px;font-size:16.5px;line-height:1.66;animation:.35s cubic-bezier(.16,1,.3,1) a-faq-open}@keyframes a-faq-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.a-cta{border-radius:var(--radius);background:radial-gradient(110% 160% at 100% 0%, #2fb6e929, transparent 60%), var(--bg-elev);border:1px solid #2fb6e94d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:clamp(26px,3vw,38px);display:flex}.a-cta-title{font-family:var(--font-display);color:var(--text);font-size:clamp(19px,2vw,24px);font-weight:600;line-height:1.22;margin:0 0 10px!important}.a-cta-text{color:var(--muted);max-width:52ch;font-size:16px;margin:0!important}.a-cta .btn{flex:none}.a-steps{border:1px solid var(--line);border-radius:var(--radius);gap:2px;display:grid;overflow:hidden}.a-step{background:var(--bg-elev);padding:24px 26px;position:relative}.a-step i{font-style:normal;font-family:var(--font-mono);letter-spacing:.14em;color:var(--cyan);margin-bottom:10px;font-size:12px;display:block}.a-step h4{color:var(--text);margin:0 0 8px;font-size:17.5px;font-weight:600}.a-step p{color:var(--muted);font-size:16px;margin:0!important}.a-stats{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2px;display:grid;overflow:hidden}.a-stat{background:var(--bg-elev);padding:26px 24px}.a-stat strong{font-family:var(--font-display);background:var(--irid);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1;display:block}.a-stat span{color:var(--muted);font-size:14.5px;line-height:1.4;display:block}.a-compare,.a-proscons{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:2px;display:grid;overflow:hidden}.a-compare-col,.a-pc-col{background:var(--bg-elev);padding:26px}.a-compare-title,.a-pc-title{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px;font-size:11.5px}.a-compare-before .a-compare-title,.a-pc-cons .a-pc-title{color:#f08a8a}.a-compare-after .a-compare-title,.a-pc-pros .a-pc-title{color:#62d29a}.a-compare ul,.a-proscons ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.a-compare li,.a-proscons li{color:var(--muted);padding-left:26px;font-size:16px;line-height:1.55;position:relative}.a-compare-before li:before,.a-pc-cons li:before{content:"";background:#f08a8a;width:12px;height:1.8px;position:absolute;top:.52em;left:2px}.a-compare-after li,.a-pc-pros li{color:#c8d2da}.a-compare-after li:before,.a-pc-pros li:before{content:"";border-bottom:1.8px solid #62d29a;border-left:1.8px solid #62d29a;width:12px;height:7px;position:absolute;top:.34em;left:2px;transform:rotate(-45deg)}.a-table-wrap{border:1px solid var(--line);border-radius:var(--radius);-webkit-overflow-scrolling:touch;overflow-x:auto}.a-table{border-collapse:collapse;width:100%;min-width:520px;font-size:15.5px}.a-table th{text-align:left;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);background:var(--bg-card);border-bottom:1px solid var(--line);white-space:nowrap;padding:16px 20px;font-size:11.5px}.a-table td{border-bottom:1px solid var(--line-soft);color:var(--muted);padding:15px 20px}.a-table tbody tr:last-child td{border-bottom:none}.a-table tbody tr:hover td{color:var(--text);background:#ffffff05}.a-caption,.a-figure figcaption,.a-gallery figcaption{color:var(--muted-2);font-size:14px;line-height:1.5;margin-top:12px!important}.a-figure{margin:clamp(32px,4vw,48px) 0!important}.a-figure img{border:1px solid var(--line);border-radius:16px;width:100%;height:auto}.a-figure-wide{width:min(100%,74ch);margin-left:calc(-1*clamp(0px,4vw,60px))!important}.a-gallery{gap:14px;display:grid}.a-gallery-2{grid-template-columns:repeat(2,1fr)}.a-gallery-3{grid-template-columns:repeat(3,1fr)}.a-gallery figure{margin:0}.a-gallery img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:14px;width:100%}.a-video{aspect-ratio:16/9;border:1px solid var(--line);background:var(--bg-card);cursor:pointer;border-radius:18px;position:relative;overflow:hidden}.a-video iframe,.a-video-poster{border:0;width:100%;height:100%;position:absolute;inset:0}.a-video-poster{object-fit:cover;opacity:.55;transition:opacity .35s}.a-video:hover .a-video-poster{opacity:.7}.a-video-play{z-index:2;background:var(--cyan);width:76px;height:76px;color:var(--cyan-ink);cursor:pointer;border:none;border-radius:50%;place-items:center;padding-left:4px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.a-video:hover .a-video-play{transform:translate(-50%,-50%)scale(1.08)}.a-video-title{z-index:2;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text);font-size:12px;position:absolute;bottom:20px;left:22px}.a-video.playing .a-video-play,.a-video.playing .a-video-poster,.a-video.playing .a-video-title{display:none}.a-code{border:1px solid var(--line);background:#0d1015;border-radius:16px;overflow:hidden}.a-code-bar{border-bottom:1px solid var(--line-soft);background:#ffffff05;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.a-code-bar span{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-size:11.5px}.a-code-copy{font-family:var(--font-body);color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:5px 14px;font-size:13px;transition:color .2s,border-color .2s}.a-code-copy:hover{color:var(--text);border-color:#ffffff4d}.a-code-copy.done{color:var(--cyan);border-color:#2fb6e980}.a-code pre{margin:0;padding:20px;overflow-x:auto}.a-code code{font-family:var(--font-mono);color:#cfd8e3;background:0 0;border:none;padding:0;font-size:13.5px;line-height:1.65}.post-tags{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;margin-top:clamp(44px,5vw,64px);padding-top:28px;display:flex}.post-tags a{font-family:var(--font-mono);color:var(--muted-2);border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:13px;transition:color .25s,border-color .25s}.post-tags a:hover{color:var(--cyan);border-color:#2fb6e973}.read-progress{z-index:95;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.read-progress i{background:var(--irid);width:0;height:100%;transition:width .12s linear;display:block}.preview-bar{z-index:96;color:#2a1d07;text-align:center;background:#f5b95c;padding:9px 16px;font-size:14px;font-weight:600;position:sticky;top:0}.blog-404{min-height:62vh}.blog-outro{padding-bottom:clamp(78px,10vw,140px)}.blog-outro-card{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(90% 140% at 100% 0%, #2fb6e921, transparent 62%), var(--bg-elev);grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(30px,4vw,60px);padding:clamp(30px,4.4vw,62px);display:grid}.blog-outro-card .display{font-size:clamp(26px,3.6vw,44px)}.blog-outro-card .lead{margin-top:20px}.blog-outro-links{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.blog-outro-links a:not(.btn){font-family:var(--font-mono);color:var(--muted);font-size:14.5px;transition:color .25s}.blog-outro-links a:not(.btn):hover{color:var(--cyan)}@media (width<=1080px){.post-grid{grid-template-columns:repeat(2,1fr)}.post-layout{grid-template-columns:minmax(0,1fr)}.post-layout>*,.post-body{min-width:0}.post-toc{position:static}.post-toc-inner{border-left:none;border-top:1px solid var(--line);max-height:none;padding-top:22px;padding-left:0}.post-toc nav{grid-template-columns:repeat(2,1fr);gap:4px 24px;display:grid}.post-toc nav a{border-left:1.5px solid var(--line-soft);margin-left:0;padding-left:14px}.post-share{display:none}.a-figure-wide{width:100%;margin-left:0!important}}@media (width<=860px){.post-card-featured>a{grid-template-columns:1fr}.post-card-featured .post-card-media{aspect-ratio:16/9;border-right:none;border-bottom:1px solid var(--line-soft);min-height:0}.blog-outro-card,.a-compare,.a-proscons{grid-template-columns:1fr}.a-gallery-3{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.blog-hero,.post-hero{padding-top:112px}.crumbs-row{flex-wrap:nowrap;align-items:center;gap:12px}.crumbs-row .crumbs{flex:1;gap:6px;min-width:0;font-size:11.5px;line-height:1.45}.theme-toggle{border-radius:14px;justify-content:center;width:44px;height:44px;padding:0}.theme-toggle-label{display:none}.blog-hero h1{max-width:none;font-size:clamp(34px,10.5vw,40px);line-height:1.04}.blog-hero .lead{margin-top:20px;margin-bottom:0;font-size:16.5px;line-height:1.62}.blog-filters{width:calc(100% + (var(--pad) * 2));margin:28px calc(-1 * var(--pad)) 0;padding:0 var(--pad) 8px;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;overflow-x:auto}.blog-filters::-webkit-scrollbar{display:none}.blog-filters a{scroll-snap-align:start;flex:none;min-height:44px;padding:9px 15px;font-size:14px}.blog-section{padding-top:48px}.post-grid{grid-template-columns:1fr;gap:16px}.post-card-featured{margin-bottom:16px}.post-card-featured>a{flex-direction:column;display:flex}.post-card-media,.post-card-featured .post-card-media{aspect-ratio:16/9;flex:none;width:100%;min-height:0}.post-card-body{gap:10px;padding:20px 20px 22px}.post-card h3{font-size:18px;line-height:1.3}.post-card p{font-size:14.5px;line-height:1.55}.post-card-featured .post-card-body{gap:12px;padding:22px 20px 24px}.post-card-featured h3{font-size:clamp(21px,6.5vw,25px)}.post-card-featured p{font-size:15px}.post-card-more{min-height:32px;padding-top:4px}.post-hero h1{overflow-wrap:break-word;max-width:none;margin-top:18px;font-size:clamp(27px,8.2vw,32px);line-height:1.12}.post-hero .lead{margin-top:18px;font-size:16.5px;line-height:1.58}.post-meta{gap:8px 14px;margin-top:24px;font-size:11.5px;line-height:1.45}.post-meta .post-author{flex-wrap:wrap;gap:2px 7px}.post-cover{border-radius:16px;margin-top:30px}.post-cover img{aspect-ratio:16/9}.post-layout{gap:30px;padding-top:34px}.post-toc-inner{border:1px solid var(--line);background:var(--bg-elev);border-radius:16px;padding:18px}.post-toc-title{margin-bottom:12px}.post-toc nav{overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;gap:8px;margin:0 -18px;padding:0 18px 8px;display:flex;overflow-x:auto}.post-toc nav::-webkit-scrollbar{display:none}.post-toc nav a{border:1px solid var(--line);background:var(--bg-card);border-radius:999px;flex:none;align-items:center;max-width:min(78vw,290px);min-height:44px;margin:0;padding:9px 14px;line-height:1.35;display:inline-flex}.post-toc nav a.active{border-color:var(--cyan)}.post-share{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:14px;display:flex}.post-share span{margin-bottom:0}.post-copy{min-height:44px;padding:9px 14px}.post-body{overflow-wrap:break-word;max-width:100%;font-size:16px;line-height:1.68}.post-body>*{margin-bottom:20px}.a-lead{padding-left:16px;font-size:17px;line-height:1.56}.a-h2{margin-top:42px;font-size:clamp(22px,6.5vw,27px);line-height:1.2}.a-h3{margin-top:32px;font-size:19px}.a-anchor{display:none}.a-takeaways,.a-step,.a-stat,.a-compare-col,.a-pc-col{padding:20px}.a-takeaways li{padding-left:25px;font-size:15.5px}.a-cta{flex-direction:column;align-items:flex-start}.a-cta .btn{justify-content:center;width:100%}.a-callout{padding:20px}.a-callout p{font-size:15.5px}.a-faq-title{padding:20px 20px 6px}.a-faq-item summary{gap:14px;padding:18px 20px;font-size:16px}.a-faq-answer{padding:0 20px 20px;font-size:15.5px}.a-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.a-stat strong{font-size:clamp(25px,8vw,32px)}.a-table{min-width:500px;font-size:14px}.a-table th,.a-table td{padding:13px 16px}.a-code-bar{gap:10px;padding:10px 12px}.a-code pre{padding:16px}.a-code code{font-size:12.5px}.a-gallery-2,.a-gallery-3{grid-template-columns:1fr}.a-callout{flex-direction:column;gap:12px}.a-video-play{width:60px;height:60px}.post-tags{gap:8px;margin-top:40px;padding-top:22px}.post-tags a{align-items:center;min-height:40px;display:inline-flex}.blog-related{padding-top:68px}.blog-outro-card{padding:24px 20px}.blog-outro-card .display{font-size:clamp(24px,7.5vw,30px)}.blog-outro-card .lead{margin-top:16px}.blog-outro-links{gap:12px;width:100%}.blog-outro-links .btn{justify-content:center;width:100%}.site-footer .footer-grid{grid-template-columns:1fr;gap:28px}.site-footer .footer-bottom{flex-direction:column;gap:10px}}@media (width<=360px){.blog-hero,.post-hero{padding-top:102px}.blog-hero h1{font-size:31px}.post-hero h1{font-size:26px}.a-stats{grid-template-columns:1fr}.post-share{flex-direction:column;align-items:flex-start}.post-copy{width:100%}}@media (prefers-reduced-motion:reduce){.post-card-media img,.post-card-more svg,.a-video-play{transition:none}.a-faq-answer{animation:none}}