.blog-page{padding-block:2.25rem 1rem}.blog-layout{--blog-sidebar-width:var(--blog-sidebar-current-width,var(--blog-sidebar-boot-width,272px));--blog-sidebar-track:var(--blog-sidebar-current-track,var(--blog-sidebar-boot-track,var(--blog-sidebar-width)));--blog-sidebar-top:calc(var(--header-height) + 2.25rem);--blog-sidebar-bottom-gap:2rem;grid-template-columns:var(--blog-sidebar-track) 2.5rem minmax(0, 1fr);align-items:start;display:grid}.blog-layout[data-sidebar-animating]{transition:grid-template-columns .2s}.blog-sidebar-shell{top:var(--blog-sidebar-top);grid-area:1/1/auto/span 2;grid-template-columns:var(--blog-sidebar-track) 2.5rem;max-height:min(75dvh, calc(100dvh - var(--blog-sidebar-top) - var(--blog-sidebar-bottom-gap)));align-self:start;display:grid;position:sticky}.blog-sidebar-viewport{grid-column:1;min-width:0;overflow:clip}.blog-sidebar{width:var(--blog-sidebar-width);min-width:0;max-height:min(75dvh, calc(100dvh - var(--blog-sidebar-top) - var(--blog-sidebar-bottom-gap)));flex-direction:column;display:flex}.blog-sidebar-toggle{z-index:2;width:2rem;height:2rem;color:var(--text-supporting);cursor:pointer;background:0 0;border:0;border-radius:.45rem;place-items:center;display:inline-grid;position:absolute;top:0;left:0}.blog-sidebar-toggle:hover,.blog-sidebar-toggle:focus-visible{color:var(--text-strong)}.blog-sidebar-toggle svg{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.125rem;height:1.125rem}.blog-sidebar-header{flex:none;align-items:center;height:2rem;margin-bottom:1rem;padding-left:2.5rem;display:flex}.blog-sidebar-header h2{letter-spacing:-.015em;font-size:1rem;font-weight:800}.blog-tag-module{flex-direction:column;flex:1;min-height:0;display:flex}.blog-mobile-tag-toggle{display:none}.blog-tag-panel{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:color-mix(in srgb, var(--text-supporting) 26%, transparent) transparent;scrollbar-width:thin;flex:1;min-height:0;margin-right:1rem;padding-right:.5rem;overflow-y:auto}.blog-tag-panel::-webkit-scrollbar{width:.55rem}.blog-tag-panel::-webkit-scrollbar-track{background:0 0}.blog-tag-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-supporting) 26%, transparent);background-clip:padding-box;border:.18rem solid #0000;border-radius:999px}.blog-tag-directory{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.blog-tag-filter{min-height:2.25rem;color:var(--text-default);border-left:2px solid #0000;border-radius:.5rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.45rem .7rem;font-size:.875rem;text-decoration:none;display:grid}.blog-tag-filter:hover{background:color-mix(in srgb, var(--text-strong) 4%, transparent);color:var(--text-strong)}.blog-tag-filter[data-selected]{border-left-color:var(--text-accent);background:color-mix(in srgb, var(--text-accent) 14%, transparent);color:var(--text-accent-hover);font-weight:700}.blog-tag-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.blog-tag-count{color:var(--text-supporting);font-family:var(--font-mono);font-size:.68rem}.blog-sidebar-rail{grid-column:2;align-self:stretch;position:relative}[data-blog-sidebar-resizer]{z-index:1;inset-block:0;touch-action:none;cursor:col-resize;-webkit-user-select:none;user-select:none;outline:none;width:.75rem;position:absolute;left:-.375rem}[data-blog-sidebar-boundary]{inset-block:0;background:var(--line);width:1px;position:absolute;left:50%;transform:translate(-50%)}[data-blog-sidebar-resizer]:focus-visible [data-blog-sidebar-boundary],[data-blog-sidebar-resizer][data-dragging] [data-blog-sidebar-boundary]{background:color-mix(in srgb, var(--text-supporting) 34%, transparent)}.blog-layout[data-sidebar-collapsed] [data-blog-sidebar-boundary],html[data-blog-sidebar-collapsed] .blog-layout:not([data-sidebar-controlled]) [data-blog-sidebar-boundary],.blog-layout[data-sidebar-collapsed] [data-blog-sidebar-collapse-icon],.blog-layout:not([data-sidebar-collapsed]) [data-blog-sidebar-expand-icon],html[data-blog-sidebar-collapsed] .blog-layout:not([data-sidebar-controlled]) [data-blog-sidebar-collapse-icon]{display:none}html[data-blog-sidebar-collapsed] .blog-layout:not([data-sidebar-controlled]) [data-blog-sidebar-expand-icon]{display:initial}.blog-results-column{grid-area:1/3;min-width:0}.blog-results{min-width:0;scroll-margin-top:calc(var(--header-height) + 1.5rem);container:blog-results/inline-size}.blog-results-toolbar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"mode count size";align-items:center;gap:.75rem 1.25rem;display:grid}.blog-compact-switch{--compact-switch-track:#797e85;--compact-switch-active:#34727e;--compact-switch-thumb:#fff;min-height:2.25rem;color:var(--text-supporting);font-family:var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:.4375rem;grid-area:mode;justify-self:start;align-items:center;gap:.625rem;margin-inline-start:-.5rem;padding:.375rem .5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:color .14s,background-color .14s;display:inline-flex}:root.dark .blog-compact-switch{--compact-switch-track:#656b74;--compact-switch-active:#77aeb9;--compact-switch-thumb:#f3f6f7}.blog-compact-switch[aria-checked=true]{color:var(--text-strong)}.blog-compact-switch:hover:enabled{color:var(--text-strong);background:color-mix(in srgb, var(--text-strong) 6%, transparent)}.blog-compact-switch:disabled{cursor:default}.blog-compact-switch__track{background:var(--compact-switch-track);border-radius:999px;flex:none;width:2.25rem;height:1.25rem;transition:background-color .14s;position:relative}.blog-compact-switch__track:after{content:"";background:var(--compact-switch-thumb);border-radius:50%;width:.875rem;height:.875rem;transition:transform .14s;position:absolute;inset-block-start:.1875rem;inset-inline-start:.1875rem;box-shadow:0 1px 2px #0000001f}.blog-compact-switch[aria-checked=true] .blog-compact-switch__track{background:var(--compact-switch-active)}.blog-compact-switch[aria-checked=true] .blog-compact-switch__track:after{transform:translate(1rem)}.blog-result-count{grid-area:count;justify-self:end}[data-blog-page-size-control]{grid-area:size;justify-self:end}@container blog-results (width<=34rem){.blog-results-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mode size""count count";column-gap:.75rem}.blog-result-count{justify-self:start}}.blog-result-count,.blog-page-status{color:var(--text-supporting);font-family:var(--font-mono);font-size:.75rem;line-height:1rem}.blog-page-size{min-height:2.25rem;color:var(--text-supporting);font-family:var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:inline-flex}.blog-page-size-copy{font-variant-numeric:tabular-nums;display:grid}.blog-page-size-copy:before{content:attr(data-width-label);visibility:hidden;grid-area:1/1}.blog-page-size-copy>[data-blog-page-size-value]{grid-area:1/1;justify-self:end}.blog-page-size-chevron{flex:none}.blog-page-size[aria-expanded=true] .blog-page-size-chevron{transform:rotate(180deg)}.blog-page-size:hover:enabled,.blog-page-size[aria-expanded=true]{border-color:var(--line);color:var(--text-strong);background:#8080801a}.blog-page-size:disabled{cursor:default}.blog-page-size-menu{--page-size-surface:#fff;--page-size-text:#18202d;--page-size-border:#dce2eb;--page-size-active:#edf1f7;--page-size-active-border:#64748b;inset:auto;z-index:80;border:1px solid var(--page-size-border);background:var(--page-size-surface);color:var(--page-size-text);font-family:var(--font-sans);font-variant-numeric:tabular-nums;overscroll-behavior:contain;scrollbar-width:thin;visibility:hidden;-webkit-user-select:none;user-select:none;border-radius:.5rem;margin:0;padding:.25rem;font-size:.875rem;line-height:1.25rem;position:fixed;top:0;left:0;overflow:auto;box-shadow:0 6px 20px #00000029}:root.dark .blog-page-size-menu{--page-size-surface:#141a24;--page-size-text:#f1f5f9;--page-size-border:#343e4f;--page-size-active:#263142;--page-size-active-border:#94a3b8}.blog-page-size-menu[data-positioned]{visibility:visible}.blog-page-size-option{min-height:2.25rem;color:inherit;cursor:pointer;border-radius:.25rem;grid-template-columns:1rem 1fr;align-items:center;gap:.5rem;padding:.375rem .5rem;display:grid}.blog-page-size-option[hidden]{display:none}.blog-page-size-check{visibility:hidden}.blog-page-size-option[aria-selected=true]{font-weight:600}.blog-page-size-option[aria-selected=true] .blog-page-size-check{visibility:visible}.blog-page-size-option[data-active]{background:var(--page-size-active);outline:1px solid var(--page-size-active-border);outline-offset:-1px}@media (pointer:coarse),(max-width:39.999rem){.blog-compact-switch,.blog-page-size,.blog-page-size-option{min-height:2.75rem}}@media (forced-colors:active){.blog-compact-switch__track{forced-color-adjust:none;outline-offset:-1px;background:canvas;outline:1px solid buttontext}.blog-compact-switch__track:after{box-shadow:none;background:buttontext}.blog-compact-switch[aria-checked=true] .blog-compact-switch__track{background:highlight;outline-color:highlight}.blog-compact-switch[aria-checked=true] .blog-compact-switch__track:after{background:highlighttext}.blog-page-size-menu{color:canvastext;background:canvas;border-color:canvastext}.blog-page-size-option[data-active]{outline-offset:-2px;outline:2px solid highlight}}.blog-empty{color:var(--text-supporting);padding-block:4rem;font-size:.9rem}.blog-article-list{margin:0 0 0;padding:0;list-style:none}.blog-article-list>li:not([hidden])~li:not([hidden]){border-top:1px solid var(--line)}.blog-article{gap:1rem;min-width:0;padding-block:1.625rem;display:grid}.blog-article-copy{min-width:0}.blog-article h2{letter-spacing:-.025em;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:800;line-height:clamp(1.75rem,3.5vw,2rem)}.blog-article h2 a{color:var(--text-strong);text-decoration:none;-webkit-text-decoration-color:color-mix(in srgb, var(--text-accent) 42%, transparent);text-decoration-color:color-mix(in srgb, var(--text-accent) 42%, transparent);text-underline-offset:.18em;text-decoration-thickness:2px}.blog-article h2 a:hover,.blog-article h2 a:focus-visible{text-decoration:underline;-webkit-text-decoration-color:var(--text-accent);text-decoration-color:var(--text-accent)}.blog-article-copy p{max-width:56rem;margin-top:.5rem;font-size:.875rem;line-height:1.5rem}.blog-article-meta{min-width:0}.blog-article-meta time{color:var(--text-supporting);font-family:var(--font-mono);margin:0 0 .75rem .625rem;font-size:.75rem;font-weight:700;line-height:1rem;display:block}.blog-article-meta ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.blog-article-tag{border:1px solid color-mix(in srgb, var(--text-accent) 16%, transparent);background:color-mix(in srgb, var(--text-accent) 7%, transparent);color:var(--text-default);font-family:var(--font-mono);border-radius:999px;padding:.25rem .625rem;font-size:.62rem;text-decoration:none;display:block}.blog-article-tag[data-selected]{border-color:var(--text-accent);background:var(--text-accent);color:var(--text-on-accent)}main:has([data-blog-listing]){z-index:2}[data-blog-listing]:has([data-blog-pagination]:not([hidden])) [data-blog-results] a{scroll-margin-block-end:var(--blog-pagination-reserve,5.5rem)}[data-blog-listing]:has([data-blog-pagination]:not([hidden])) [data-blog-page-size]{scroll-margin-block-end:var(--blog-pagination-reserve,5.5rem)}@media (max-width:63.999rem){.page-outlet:has([data-blog-pagination]:not([hidden])){padding-bottom:var(--blog-pagination-reserve,5.5rem)}.page-outlet:has([data-blog-pagination]:not([hidden])) .site-footer a{scroll-margin-block-end:var(--blog-pagination-reserve,5.5rem)}}.page-outlet:has([data-blog-pagination][data-visual-zoom]:not([hidden])){padding-bottom:var(--blog-pagination-reserve,5.5rem)}.page-outlet:has([data-blog-pagination][data-visual-zoom]:not([hidden])) .site-footer a{scroll-margin-block-end:var(--blog-pagination-reserve,5.5rem)}.blog-pagination{--blog-pagination-surface-top:#fff;--blog-pagination-surface-bottom:#f3f6f8;--blog-pagination-text:#475f71;--blog-pagination-muted:#667785;--blog-pagination-edge:#bcc8d38c;--blog-pagination-rim:#fff;--blog-pagination-hover-top:#faffff;--blog-pagination-hover-bottom:#e8f1f6;--blog-pagination-hover-edge:#87aabf;--blog-pagination-hover-text:#284f67;--blog-pagination-shadow:#243f5424;--blog-pagination-disabled-top:#eff2f4;--blog-pagination-disabled-bottom:#ecf0f3;--blog-pagination-disabled-text:#9aa8b2;--blog-pagination-tooltip:#fcfcfe;--blog-pagination-count-shadow:#f3f5f7;--blog-pagination-circle-size:3rem;--blog-pagination-safe-bottom:env(safe-area-inset-bottom,0px);--blog-pagination-safe-right:env(safe-area-inset-right,0px);z-index:20;left:50%;bottom:calc(1rem + var(--blog-pagination-safe-bottom));width:min(14rem, calc(var(--blog-pagination-viewport-width,100vw) - 2rem));color:var(--blog-pagination-text);font-family:var(--font-sans);grid-template-columns:max-content auto max-content;grid-template-areas:"previous status next";place-items:start center;margin:0;padding:0;display:grid;position:fixed;transform:translate(-50%)}:root.dark .blog-pagination{--blog-pagination-surface-top:#2c3b47;--blog-pagination-surface-bottom:#202d37;--blog-pagination-text:#d4e3ec;--blog-pagination-muted:#94a7b4;--blog-pagination-edge:#b5cadb2e;--blog-pagination-rim:#dfeeff14;--blog-pagination-hover-top:#354e5d;--blog-pagination-hover-bottom:#283e4b;--blog-pagination-hover-edge:#81a9bf99;--blog-pagination-hover-text:#e1f5ff;--blog-pagination-shadow:#00000045;--blog-pagination-disabled-top:#1d2830;--blog-pagination-disabled-bottom:#19242c;--blog-pagination-disabled-text:#657783;--blog-pagination-tooltip:#25313a;--blog-pagination-count-shadow:#111a21}.blog-pagination[hidden]{display:none}.blog-pagination[data-positioned]{bottom:auto;transform:none}.blog-pagination[data-placement=bottom]:not([data-measure-side]):before{content:"";z-index:-1;left:50%;bottom:calc(-1 * var(--blog-pagination-bottom-gap,1rem));width:var(--blog-pagination-viewport-width,100vw);height:calc(100% + 1rem + var(--blog-pagination-bottom-gap,1rem));background:linear-gradient(to bottom, transparent, var(--page) 2rem);pointer-events:none;position:absolute;transform:translate(-50%)}.blog-pagination a{min-width:var(--blog-pagination-circle-size);color:inherit;text-align:center;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;font-size:.75rem;font-weight:400;line-height:1rem;text-decoration:none;display:flex;position:relative}.blog-pagination [data-blog-page=previous]{grid-area:previous}.blog-pagination [data-blog-page=next]{grid-area:next}.blog-page-circle{width:var(--blog-pagination-circle-size);height:var(--blog-pagination-circle-size);border:1px solid var(--blog-pagination-edge);background:linear-gradient(155deg, var(--blog-pagination-surface-top), var(--blog-pagination-surface-bottom));box-shadow:inset 0 1px 0 var(--blog-pagination-rim), 0 5px 18px var(--blog-pagination-shadow);border-radius:50%;flex:none;place-items:center;transition:border-color .16s,color .16s,box-shadow .16s;display:grid}.blog-pagination a:focus-visible{outline:none}.blog-pagination a:focus-visible .blog-page-circle{outline-offset:3px;outline:2px solid #22d3ee}.blog-pagination a[href]:focus-visible .blog-page-circle{border-color:var(--blog-pagination-hover-edge);background:linear-gradient(155deg, var(--blog-pagination-hover-top), var(--blog-pagination-hover-bottom));color:var(--blog-pagination-hover-text)}.blog-pagination a[aria-disabled=true]{cursor:default;color:var(--blog-pagination-disabled-text)}.blog-pagination a[aria-disabled=true] .blog-page-circle{background:linear-gradient(155deg, var(--blog-pagination-disabled-top), var(--blog-pagination-disabled-bottom));box-shadow:inset 0 1px 0 var(--blog-pagination-rim);border-color:#0000}.blog-page-arrow{width:1.375rem;height:1.375rem;transition:transform .16s}.blog-page-label{white-space:nowrap;text-shadow:0 0 5px var(--blog-pagination-count-shadow), 0 1px 2px var(--blog-pagination-count-shadow)}.blog-pagination .blog-page-status{margin-top:calc(var(--blog-pagination-circle-size) / 2 - .5rem);color:var(--blog-pagination-muted);font-family:var(--font-sans);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;text-shadow:0 0 5px var(--blog-pagination-count-shadow), 0 1px 2px var(--blog-pagination-count-shadow);grid-area:status;font-size:.75rem;line-height:1rem}.blog-pagination [data-blog-page-indicator]{align-items:baseline;gap:.25rem;display:flex}.blog-pagination [data-blog-page-current]{color:var(--blog-pagination-text);font-weight:500}.blog-pagination:is([data-placement=side],[data-measure-side]){--blog-pagination-circle-size:3.25rem;grid-template-columns:minmax(0,1fr);grid-template-areas:"previous""next""status";gap:.75rem;width:4rem}.blog-pagination[data-measure-side]{right:0;transform:none;left:auto!important}.blog-pagination:is([data-placement=side],[data-measure-side]) .blog-page-label{display:none}.blog-pagination:is([data-placement=side],[data-measure-side]) .blog-page-arrow{rotate:90deg}.blog-pagination:is([data-placement=side],[data-measure-side]) .blog-page-status{margin:0}.blog-page-tooltip{z-index:1;top:calc(var(--blog-pagination-circle-size) / 2);border:1px solid var(--blog-pagination-edge);background:var(--blog-pagination-tooltip);color:var(--blog-pagination-text);box-shadow:0 3px 12px var(--blog-pagination-shadow);white-space:nowrap;visibility:hidden;border-radius:.5rem;padding:.4375rem .625rem;position:absolute;right:calc(100% + .75rem);transform:translateY(-50%)}.blog-page-tooltip:after{content:"";width:.75rem;position:absolute;inset:0 -.75rem 0 auto}.blog-pagination[data-placement=side] a[href]:focus-visible:not([data-tooltip-dismissed]) .blog-page-tooltip{visibility:visible}@media (hover:hover){.blog-pagination a[href]:hover .blog-page-circle{border-color:var(--blog-pagination-hover-edge);background:linear-gradient(155deg, var(--blog-pagination-hover-top), var(--blog-pagination-hover-bottom));color:var(--blog-pagination-hover-text);box-shadow:inset 0 1px 0 var(--blog-pagination-rim), 0 7px 23px var(--blog-pagination-shadow)}.blog-pagination[data-placement=side] [data-blog-page=previous][href]:hover .blog-page-arrow{transform:translate(-2px)}.blog-pagination[data-placement=side] [data-blog-page=next][href]:hover .blog-page-arrow{transform:translate(2px)}.blog-pagination[data-placement=side] a[href]:hover:not([data-tooltip-dismissed]) .blog-page-tooltip{visibility:visible}}@media (hover:none){.blog-pagination:is([data-placement=side],[data-measure-side]) .blog-page-label{display:block}}.blog-pagination a[href]:active .blog-page-circle{box-shadow:inset 0 2px 5px var(--blog-pagination-shadow)}@media (prefers-reduced-motion:reduce){.blog-page-circle,.blog-page-arrow{transition:none}.blog-pagination a .blog-page-arrow{transform:none!important}}@media (forced-colors:active){.blog-pagination[data-placement=bottom]:before{background:canvas}.blog-page-circle,.blog-page-tooltip{color:canvastext;background:canvas;border-color:canvastext}.blog-pagination a[aria-disabled=true] .blog-page-circle{color:graytext;border-color:graytext}}.blog-tag-heading{letter-spacing:-.04em;margin-bottom:2.5rem;font-size:clamp(2rem,4vw,2.5rem)}@container blog-results (width>=42rem){.blog-article{grid-template-columns:minmax(0,1fr) minmax(12rem,18rem);align-items:start;gap:1.75rem}}[data-blog-display-mode=compact] .blog-article-list{margin-top:.25rem}[data-blog-display-mode=compact] .blog-article{padding:0;display:block}[data-blog-display-mode=compact] .blog-article-copy p,[data-blog-display-mode=compact] .blog-article-meta{display:none}[data-blog-display-mode=compact] .blog-article h2{letter-spacing:0;font-size:1rem;font-weight:500;line-height:1.5rem}[data-blog-display-mode=compact] .blog-article h2 a{overflow-wrap:anywhere;min-height:3rem;padding-block:.75rem;display:block}@media (max-width:63.999rem){.blog-page{padding-top:3rem}.blog-layout{display:block}.blog-sidebar-shell{max-height:none;display:block;position:static}.blog-sidebar-viewport{overflow:visible}.blog-sidebar{width:auto;max-height:none}.blog-sidebar-toggle,.blog-sidebar-header,.blog-sidebar-rail{display:none}.blog-mobile-tag-toggle{width:100%;min-height:2.5rem;color:var(--text-strong);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;font-size:.9rem;font-weight:750;display:flex}.blog-mobile-tag-chevron{border-right:2px solid var(--text-supporting);border-bottom:2px solid var(--text-supporting);width:.55rem;height:.55rem;transform:rotate(45deg)}.blog-layout[data-mobile-tags-collapsed] .blog-mobile-tag-chevron{transform:rotate(225deg)}.blog-layout[data-mobile-tags-collapsed] .blog-tag-panel{display:none}.blog-tag-panel{scrollbar-gutter:auto;max-height:none;margin-right:0;padding-right:0;overflow:visible}.blog-tag-directory{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.blog-results-column{margin-top:1rem}}@media (min-width:40rem) and (max-width:63.999rem){.blog-page{padding-top:4rem}}