.reading-progress[data-astro-cid-nfkyioed]{z-index:calc(var(--layer-navigation) + 2);pointer-events:none;background:oklch(48% .14 155/.18);height:4px;position:fixed;inset:auto 0 0;box-shadow:0 -1px oklch(48% .14 155/.12)}.reading-progress[data-astro-cid-nfkyioed] span[data-astro-cid-nfkyioed]{transform-origin:0;will-change:transform;background:oklch(69% .17 153);width:100%;height:100%;display:block;transform:scaleX(0)}.article-prose>:where(.post-callout,.post-checklist,.post-steps,.post-table,.post-quote,.post-stats,.post-code,.post-compare,.post-accordion,.post-cta,.post-figure){width:min(100%,48rem);max-width:none;margin-block:clamp(2rem,5vw,3.5rem)}.post-table,.post-table__scroll{min-width:0;max-width:100%}.post-lead{margin:0 0 clamp(2.5rem,5vw,3.75rem)}.article-prose .post-lead p{max-width:62ch}.article-prose .post-lead p:first-child{color:var(--blog-ink);letter-spacing:-.014em;font-size:clamp(1.17rem,1.45vw,1.38rem);font-weight:620;line-height:1.5}.article-prose .post-lead p:nth-child(2){color:var(--blog-muted)}.article-prose .post-lead p:last-child{color:var(--blog-ink);margin-bottom:0;font-weight:560}.post-brand-highlight{box-decoration-break:clone;background:var(--gradient-brand);color:#0000;background-clip:text;font-weight:650}.post-callout{--callout-color:oklch(49% .13 242);border:1px solid var(--callout-color);background:color-mix(in oklch, var(--callout-color), white 97%);border-radius:.5rem;padding:clamp(1.15rem,3vw,1.5rem)}.post-callout--success{--callout-color:oklch(52% .14 153)}.post-callout--warning{--callout-color:oklch(68% .15 77)}.post-callout--critical{--callout-color:oklch(55% .18 27)}.post-callout header{margin-bottom:.65rem}.post-callout header strong{color:var(--callout-color)}.post-callout strong,.post-checklist h3,.post-steps h3,.post-compare h3,.post-accordion>h3,.post-cta strong{font-family:var(--font-display);font-variation-settings:"wght" 580;font-weight:580}.post-callout__content>:last-child,.post-checklist>:last-child,.post-steps>:last-child,.post-accordion>:last-child,.post-cta p{margin-bottom:0}.post-checklist{background:oklch(95.7% .013 194);border-radius:.55rem;padding:clamp(1.2rem,3vw,1.65rem)}.post-checklist h3,.post-steps h3,.post-accordion>h3{letter-spacing:-.025em;margin:0 0 1.2rem;font-size:1.3rem}.post-checklist ul,.article-prose .post-compare ul{margin:0;padding:0;list-style:none;display:grid}.post-checklist ul{gap:.9rem}.post-checklist li{grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.post-checklist svg{fill:none;stroke:oklch(48% .14 155);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:1.25rem;height:1.25rem;margin-top:.15rem;overflow:visible}.post-steps ol{gap:1.6rem;margin:0;padding:0;list-style:none;display:grid}.post-steps li{grid-template-columns:2.6rem minmax(0,1fr);align-items:start;gap:.85rem;display:grid}.post-steps__number{color:oklch(49% .13 242);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-variation-settings:"wght" 570;letter-spacing:-.04em;font-size:1.45rem;font-weight:570;line-height:1}.post-steps strong{font-family:var(--font-display);font-variation-settings:"wght" 580;letter-spacing:-.02em;margin-bottom:.4rem;font-size:1.15rem;font-weight:580;line-height:1.05;display:block}.post-steps p{color:var(--blog-muted);margin:0;font-size:.94rem}.post-table figcaption,.post-code figcaption,.post-figure figcaption{color:var(--blog-muted);letter-spacing:.045em;font-size:.72rem;font-weight:650}.post-table figcaption{margin-bottom:.75rem}.post-table__scroll{border:1px solid var(--blog-rule);overscroll-behavior-inline:contain;scrollbar-width:thin;background:oklch(99.2% .003 190);border-radius:.45rem;overflow-x:auto}.post-table__scroll:focus-visible{outline-offset:.2rem;outline:2px solid oklch(53% .14 235)}.post-table table{border-collapse:collapse;width:100%;min-width:42rem;font-size:.86rem;line-height:1.45}.post-table th,.post-table td{border-bottom:1px solid var(--blog-rule);text-align:left;vertical-align:top;padding:.9rem 1rem}.post-table tr:last-child>*{border-bottom:0}.post-table thead th{color:var(--blog-muted);letter-spacing:.07em;text-transform:uppercase;background:oklch(95.5% .011 192);font-size:.67rem}.post-table tbody th{color:var(--blog-ink);font-weight:650}.post-table [data-tone=positive],.post-table [data-tone=negative]{color:var(--blog-ink)}.post-table [data-tone=positive]{background:oklch(97.4% .018 153)}.post-table [data-tone=negative]{background:oklch(97.4% .016 27)}.post-table [data-tone=positive]:before,.post-table [data-tone=negative]:before{vertical-align:-.08rem;border-radius:50%;place-items:center;width:1.1rem;height:1.1rem;margin-right:.42rem;font-size:.76rem;font-weight:760;line-height:1;display:inline-grid}.post-table [data-tone=positive]:before{color:oklch(37% .13 153);content:"+";background:oklch(90.5% .072 153)}.post-table [data-tone=negative]:before{color:oklch(45% .16 27);content:"−";background:oklch(91.5% .06 27)}.post-quote{padding:.35rem 0 .35rem clamp(2rem,5vw,3.5rem);position:relative}.post-quote:before{content:"";background:linear-gradient(#0000,oklch(49% .13 242/.48) 18% 82%,#0000);width:1px;position:absolute;top:0;bottom:0;left:.7rem}.post-quote__mark{fill:oklch(49% .13 242);width:2rem;margin-bottom:.9rem;display:block}.post-quote blockquote{font-family:var(--font-body);letter-spacing:-.018em;text-wrap:balance;margin:0;font-size:clamp(1.25rem,3vw,1.7rem);font-style:italic;font-weight:520;line-height:1.42}.post-quote blockquote:before,.post-quote blockquote:after{content:none}.post-quote figcaption{color:var(--blog-muted);flex-wrap:wrap;gap:.25rem .55rem;margin-top:1rem;font-size:.78rem;display:flex}.post-quote figcaption strong{color:var(--blog-ink)}.post-stats{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:0;margin-inline:0;padding:clamp(.5rem,2vw,1rem) 0;display:grid}.post-stats>div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.85rem;min-width:0;padding:.75rem clamp(1.1rem,3vw,1.75rem);display:grid;position:relative}.post-stats>div:first-child{padding-left:0}.post-stats>div:last-child{padding-right:0}.post-stats>div+div:before{content:"";background:linear-gradient(#0000,oklch(20% .02 194/.24) 50%,#0000);width:1px;position:absolute;top:8%;bottom:8%;left:0}.post-stats dt{max-width:13rem;color:var(--blog-muted);letter-spacing:-.005em;grid-area:1/2;font-size:.82rem;font-weight:560;line-height:1.35}.post-stats dd{font-family:var(--font-display);font-variation-settings:"wght" 540;letter-spacing:-.055em;grid-area:1/1;margin:0;font-size:clamp(2.2rem,4vw,3rem);font-weight:540;line-height:.95}.post-code{color:oklch(94% .015 190);background:oklch(16% .025 244);border-radius:.65rem;position:relative;overflow:hidden;box-shadow:inset 0 1px oklch(96% .01 210/.1),0 1.4rem 3rem -2rem oklch(10% .03 230/.72)}.post-code figcaption{color:oklch(76% .02 220);background:oklch(20% .027 242);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.85rem;min-height:3.35rem;padding-inline:1.1rem .6rem;display:grid}.post-code__label{color:oklch(96% .01 190);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.post-code__language{font-variant:all-small-caps;letter-spacing:.08em}.post-code button{width:6.9rem;min-height:2.35rem;color:inherit;cursor:pointer;font:inherit;background:oklch(27% .03 240);border:0;border-radius:.35rem;transition:color .18s,background-color .18s;position:relative;overflow:hidden}.post-code button:hover{color:oklch(98% .006 200);background:oklch(32% .035 239)}.post-code button:focus-visible{outline-offset:.12rem;outline:2px solid oklch(76% .13 210)}.post-code__copy-idle,.post-code__copy-success{justify-content:center;align-items:center;gap:.45rem;transition:opacity .26s cubic-bezier(.16,1,.3,1),transform .26s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;inset:0}.post-code__copy-success{opacity:0;color:oklch(82% .12 151);transform:translateY(.55rem)}.post-code__copy-idle svg,.post-code__copy-success svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:1rem;height:1rem}.post-code[data-copy-state=copied] .post-code__copy-idle{opacity:0;transform:translateY(-.55rem)}.post-code[data-copy-state=copied] .post-code__copy-success{opacity:1;transform:translateY(0)}.post-code__highlight{outline:0;max-width:100%;overflow:auto}.post-code__highlight:focus-visible{box-shadow:inset 0 0 0 2px oklch(76% .13 210)}.post-code__highlight pre{tab-size:2;max-width:100%;margin:0;padding:clamp(1.15rem,3vw,1.5rem);font-size:.82rem;line-height:1.7;overflow:auto;background:0 0!important}.post-code__highlight code{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.post-code__status{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.post-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-block:clamp(1.5rem,3vw,2.25rem);display:grid}.post-compare__label{color:var(--blog-muted);letter-spacing:.075em;text-transform:uppercase;grid-column:1/-1;margin:0 0 .15rem;font-size:.68rem;font-weight:700}.post-compare>div{background:oklch(95.8% .02 158);border-radius:.55rem;padding:clamp(1.2rem,3vw,1.6rem)}.post-compare>div+div{background:oklch(96.2% .012 28)}.post-compare h3{letter-spacing:-.025em;align-items:center;gap:.65rem;margin:0 0 1.15rem;font-size:1.3rem;display:flex}.post-compare__icon{border-radius:50%;flex:none;place-items:center;width:1.85rem;height:1.85rem;display:inline-grid}.post-compare__icon--positive{color:oklch(44% .14 153);background:oklch(89% .07 153)}.post-compare__icon--negative{color:oklch(50% .15 28);background:oklch(91% .055 29)}.post-compare__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.05rem}.post-compare ul{gap:.7rem}.article-prose .post-compare li{color:var(--blog-muted);padding-left:1.15rem;font-size:.92rem;font-weight:520;position:relative}.article-prose .post-compare li::marker{content:none}.post-compare li:before{content:"";background:currentColor;border-radius:50%;width:.3rem;height:.3rem;position:absolute;top:.65em;left:0}.post-accordion>div{gap:.5rem;display:grid}.post-accordion__item{background:oklch(95.9% .009 198);border-radius:.45rem;transition:background-color .22s;overflow:hidden}.post-accordion__item[data-open]{background:oklch(94.6% .016 198)}.post-accordion__item h4{margin:0}.post-accordion__item button{width:100%;min-height:3.5rem;color:var(--blog-ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;font-weight:650;display:flex}.post-accordion__item button:focus-visible{outline-offset:-.2rem;outline:2px solid oklch(49% .13 242)}.post-accordion__item button svg{fill:none;width:1.1rem;height:1.1rem;stroke:var(--blog-muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;flex:none;transition:transform .26s cubic-bezier(.16,1,.3,1)}.post-accordion__item[data-open] button svg{transform:rotate(180deg)}.post-accordion__panel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .36s cubic-bezier(.16,1,.3,1),opacity .22s;display:grid}.post-accordion__item[data-open] .post-accordion__panel{opacity:1;grid-template-rows:1fr}.post-accordion__panel-inner{min-height:0;overflow:hidden}.post-accordion__panel p{color:var(--blog-muted);margin:0;padding:0 3rem 1.15rem 1rem;font-size:.94rem}.post-cta{border:1px solid var(--blog-rule);background:oklch(99.2% .004 190);border-radius:.55rem;justify-content:space-between;align-items:center;gap:1.5rem;padding:clamp(1.35rem,4vw,2rem);display:flex;box-shadow:0 1.25rem 2.75rem -2.35rem oklch(17% .027 194/.5)}.post-cta strong{letter-spacing:-.03em;margin-bottom:.35rem;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.05;display:block}.post-cta p{max-width:34rem;color:var(--blog-muted);font-size:.9rem}.article-prose .post-cta a{min-height:2.8rem;color:var(--blog-paper);background:var(--blog-ink);-webkit-text-fill-color:currentColor;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:.6rem;padding-inline:1.15rem;font-size:.78rem;font-weight:650;text-decoration:none;display:inline-flex}.article-prose .post-cta a:hover span{transform:translate(.15rem)}.article-prose .post-cta a span{color:currentColor;-webkit-text-fill-color:currentColor;transition:transform .2s}.post-figure img{aspect-ratio:16/10;border:1px solid var(--blog-rule);object-fit:cover;border-radius:.4rem;width:100%;height:auto;display:block}.post-figure figcaption{margin-top:.65rem}@media (width<=48rem){.article-prose>:where(.post-callout,.post-checklist,.post-steps,.post-table,.post-quote,.post-stats,.post-code,.post-compare,.post-accordion,.post-cta,.post-figure){margin-block:2.25rem}.post-callout{padding:1rem}.post-steps li{grid-template-columns:2.35rem minmax(0,1fr);gap:.6rem}.post-table__scroll{border-left:0;border-right:0;border-radius:0}.post-table table{min-width:40rem}.post-table th,.post-table td{padding:.75rem .8rem}.post-stats{grid-template-columns:1fr;padding-block:0}.post-stats>div{gap:.65rem;padding:1.15rem 0}.post-stats>div:first-child{padding-top:0}.post-stats>div:last-child{padding-bottom:0}.post-stats>div+div:before{background:linear-gradient(90deg,#0000,oklch(20% .02 194/.24) 50%,#0000);width:auto;height:1px;inset:0 6% auto}.post-code figcaption{grid-template-columns:minmax(0,1fr) auto}.post-code__language{display:none}.post-code button{min-height:2.75rem}.post-compare{grid-template-columns:1fr;gap:.65rem;margin-block:1.6rem 2.25rem}.post-compare>div{padding:1.2rem}.post-cta{flex-direction:column;align-items:stretch}.post-cta a{width:100%;min-height:3rem}}@media (prefers-reduced-motion:reduce){.post-accordion__item,.post-accordion__item button svg,.post-accordion__panel,.post-code__copy-idle,.post-code__copy-success,.post-cta a span{transition:none}}