.article-page{--article-accent: var(--brand-accent);--article-accent-dark: color-mix(in srgb, var(--brand-accent) 72%, #000 22%);--article-accent-current: var(--article-accent);--article-font-quote: var(--font-signature-ui);--article-quote-measure: min(100%, 42rem);--article-quote-padding-top: 1.1rem;--article-quote-font-size: clamp(1.65rem, 2.8vw, 2.35rem);--article-quote-mark-size: clamp(4rem, 9vw, 5.8rem);--article-quote-mark-open-offset-x: -.22em;--article-quote-mark-open-offset-y: .08em;--article-quote-mark-close-offset-x: -.02em;--article-quote-mark-close-offset-y: .26em;--article-quote-mark-gap: .04em;--article-quote-footer-gap: .45rem .8rem;--article-quote-role-separator-gap: .8rem;max-width:100%}@media(prefers-color-scheme:dark){.article-page{--article-accent-current: var(--article-accent-dark)}}.article-header{margin-bottom:2.2rem}.article-header__top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;width:100%;margin-bottom:1.7rem}.article-eyebrow{margin:0;font-family:var(--font-sans);font-size:.74rem;font-weight:700;line-height:1;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--article-accent-current) 84%,var(--text-color))}.article-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:.9rem;width:100%}.article-title-row h1{margin-bottom:0;min-width:0;font-size:clamp(2.8rem,5.2vw,4.1rem);line-height:1.02;letter-spacing:-.02em}.article-header h1,.article-tier__header h2{font-family:var(--font-serif),Georgia,serif}.article-meta{font-size:.8rem;line-height:1;color:color-mix(in srgb,var(--muted-text-color) 98%,var(--text-color));margin-bottom:0;margin-left:auto;text-align:right}.article-read-status{position:relative;display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto;align-self:baseline;margin-right:calc((var(--page-inline-padding-end) + max(0px,(100vw - var(--content-width)) / 2)) * -1);min-width:11.5rem;padding:.56rem 1rem .62rem 2.4rem;background:var(--read-accent);color:#f6fff8;clip-path:polygon(1rem 0,100% 0,100% 100%,1rem 100%,0 50%);vertical-align:baseline;transition:opacity .28s ease,transform .28s ease,filter .28s ease}.article-read-status__bookmark{position:absolute;left:1.18rem;top:50%;transform:translateY(-50%);width:.82rem;height:1rem;border-radius:.18rem .18rem 0 0;background:currentColor;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);box-shadow:0 0 0 1px color-mix(in srgb,currentColor 14%,transparent);animation:read-bookmark-breathe 3.8s ease-in-out infinite}.article-read-status__label{display:inline-block;font-family:var(--font-sans);font-size:.72rem;font-weight:700;line-height:1;letter-spacing:.06em;text-transform:uppercase}.article-completion{margin-top:5.25rem;margin-bottom:3.25rem;padding-top:0}.article-completion__divider{width:100%;height:1px;margin-bottom:1.9rem;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--read-accent) 54%,var(--border-color)) 16%,color-mix(in srgb,var(--read-accent) 54%,var(--border-color)) 84%,transparent 100%)}.article-completion__eyebrow{margin-bottom:.65rem;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--read-accent) 72%,var(--muted-text-color))}.article-completion__body{display:flex;align-items:end;justify-content:space-between;gap:1.5rem}.article-completion__copy h2{margin-bottom:.4rem;font-size:clamp(1.45rem,2.7vw,2rem)}.article-completion__copy p{max-width:42rem;margin-bottom:0;color:var(--card-description-color)}.article-read-toggle{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;justify-content:center;min-width:10.25rem;height:3.25rem;padding:.85rem 1.05rem .92rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--read-accent) 20%,var(--border-color));background:color-mix(in srgb,var(--read-accent) 7%,var(--surface-color));color:color-mix(in srgb,var(--read-accent) 36%,var(--text-color));cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;isolation:isolate;gap:0}.article-read-toggle:hover{border-color:color-mix(in srgb,var(--read-accent) 38%,var(--border-color));background:color-mix(in srgb,var(--read-accent) 11%,var(--surface-color));color:color-mix(in srgb,var(--read-accent) 42%,var(--text-color));box-shadow:0 14px 28px #0000000d;transform:translateY(-1px)}.article-read-toggle__label{display:inline-block;line-height:1;font-family:var(--font-signature-ui);font-size:1.02rem;font-style:italic;font-weight:500;letter-spacing:.01em;text-transform:none}.article-read-toggle__icon{position:relative;display:none;align-items:center;justify-content:center;width:1rem;height:1rem;flex:0 0 1rem}.article-read-toggle__icon svg{width:1rem;height:1rem;opacity:0}.article-read-toggle.is-celebrating{gap:0;box-shadow:0 10px 24px #0000000a}.article-read-toggle.is-celebrating .article-read-toggle__icon{display:inline-flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;flex-basis:auto}.article-read-toggle.is-celebrating .article-read-toggle__label{display:none}[data-read-badge][hidden]{display:none!important}.article-read-status [data-read-badge][hidden]{display:inline-block!important;visibility:hidden}.article-read-status[hidden]{display:inline-flex!important;visibility:hidden;opacity:0;transform:translateY(4px) scale(.985);filter:saturate(.8);pointer-events:none}.article-read-toggle[data-read=true]{border-color:color-mix(in srgb,var(--read-accent) 42%,var(--border-color));background:color-mix(in srgb,var(--read-accent) 16%,var(--surface-color));color:color-mix(in srgb,var(--read-accent) 84%,var(--text-color));box-shadow:0 16px 32px color-mix(in srgb,var(--read-accent) 14%,transparent)}.article-read-toggle[data-read=true] .article-read-toggle__label--idle{display:none}.article-read-toggle:not([data-read=true]) .article-read-toggle__label:not(.article-read-toggle__label--idle){display:none}.article-read-toggle:after{content:attr(data-last-read-label);position:absolute;right:0;bottom:calc(100% + .55rem);transform:translateY(4px);white-space:nowrap;padding:.36rem .58rem;border-radius:10px;background:color-mix(in srgb,var(--surface-color) 94%,var(--background-color));border:1px solid color-mix(in srgb,var(--article-accent-current) 12%,var(--border-color));box-shadow:0 10px 22px #00000014;font-family:var(--font-sans);font-size:.75rem;color:color-mix(in srgb,var(--text-color) 78%,var(--muted-text-color));opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.article-read-toggle:not([data-read=true]):after{content:none}.article-read-toggle:hover:after{opacity:1;transform:translateY(0)}@media(max-width:700px){.article-header__top{align-items:flex-start;flex-wrap:wrap}.article-eyebrow{flex:1 1 auto;min-width:0}.article-title-row{align-items:flex-start;flex-wrap:wrap;justify-content:space-between}.article-read-status{margin-left:auto;margin-right:calc(var(--page-inline-padding-end) * -1);min-width:8.9rem;padding:.42rem .75rem .42rem 2.25rem}.article-read-status__bookmark{left:1.1rem;width:.62rem;height:.8rem}.article-read-status__label{font-size:.62rem;letter-spacing:.05em}.article-read-status[hidden]{display:none!important}.article-completion__body{flex-direction:column;align-items:flex-start}.article-read-toggle{min-width:0;width:100%}}@media(max-width:420px){.article-header__top,.article-title-row{gap:.55rem}.article-meta{min-width:0}.article-read-status{flex-shrink:0}}.article-description{max-width:42rem;font-size:1.06rem;font-family:var(--font-reading);line-height:1.7;color:var(--card-description-color)}.article-card__media img,.article-tier__body img{display:block;width:100%;height:auto}.article-card__media--placeholder{background:linear-gradient(145deg,color-mix(in srgb,var(--article-accent-current) 14%,var(--background-color)),color-mix(in srgb,var(--article-accent-current) 5%,var(--background-color)))}.article-sections{display:grid;gap:0}.article-tier{position:relative;padding:2.35rem 0 1rem}.article-tier__content{position:relative}.article-tier[data-reveal-tier] .article-tier__content{opacity:.28;transform:translateY(24px);filter:blur(8px)}.article-tier[data-reveal-tier].is-visible .article-tier__content{opacity:1;transform:translateY(0);filter:blur(0);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1)}.article-tier:first-child{padding-top:0}.article-tier[data-scroll-reveal]{--reveal-progress: 0}.article-tier[data-scroll-reveal] .article-tier__body{transition:opacity .12s linear,transform .12s linear,filter .12s linear}.article-tier[data-scroll-reveal] .article-tier__body>:first-child{opacity:1;transform:none;filter:none}.article-tier[data-scroll-reveal] .article-tier__body>:not(:first-child){opacity:calc(.38 + (var(--reveal-progress) * .62));transform:translateY(calc((1 - var(--reveal-progress)) * 10px));filter:blur(calc((1 - var(--reveal-progress)) * 3.5px));transition:opacity .12s linear,transform .12s linear,filter .12s linear}.article-tier-divider{height:2px;width:100%;margin:0 0 3rem;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--article-accent-current) 55%,var(--border-color)),transparent)}.article-tier__header{margin-bottom:1.6rem}.article-tier__header h2{margin-bottom:0;font-size:clamp(1.45rem,3vw,1.9rem)}.article-tier__body>:first-child{margin-top:0}.article-tier__body,.article-tier__body p,.article-tier__body li,.article-tier__body blockquote{font-family:var(--font-reading);line-height:1.7}.article-tier__body p{white-space:pre-line}.article-tier__body img{margin:1.8rem 0;border-radius:16px;border:1px solid color-mix(in srgb,var(--article-accent-current) 16%,var(--border-color));background:color-mix(in srgb,var(--article-accent-current) 4%,var(--background-color))}.article-tier__body table{width:100%;max-width:100%;margin:1.7rem 0 1.9rem;border-collapse:collapse;table-layout:fixed;border-top:1px solid color-mix(in srgb,var(--article-accent-current) 22%,var(--border-color));border-bottom:1px solid color-mix(in srgb,var(--article-accent-current) 18%,var(--border-color))}.article-tier__body th,.article-tier__body td{padding:.78rem .9rem;text-align:left;vertical-align:top;overflow-wrap:anywhere}.article-tier__body thead th{font-family:var(--font-sans);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--article-accent-current) 74%,var(--muted-text-color));border-bottom:1px solid color-mix(in srgb,var(--article-accent-current) 26%,var(--border-color))}.article-tier__body tbody tr+tr td{border-top:1px solid color-mix(in srgb,var(--article-accent-current) 12%,var(--border-color))}.article-tier__body tbody tr:nth-child(2n){background:color-mix(in srgb,var(--article-accent-current) 4%,transparent)}.article-quote{margin:3rem 0;padding:var(--article-quote-padding-top) 0 .5rem}.article-quote__body{margin:0;padding:0;border:0}.article-quote__body p{margin:0;text-align:center}.article-quote__body p+p{margin-top:1rem}.article-quote__text{display:inline-block;max-width:var(--article-quote-measure);font-family:var(--article-font-quote);font-size:var(--article-quote-font-size);font-weight:500;font-style:italic;line-height:1.18;letter-spacing:.005em;text-align:center;text-wrap:balance}.article-quote__mark{display:inline-block;position:relative;font-family:var(--article-font-quote);font-size:var(--article-quote-mark-size);line-height:0;color:color-mix(in srgb,var(--article-accent-current) 32%,transparent);pointer-events:none}.article-quote__mark--open{margin-right:var(--article-quote-mark-gap);left:var(--article-quote-mark-open-offset-x);top:var(--article-quote-mark-open-offset-y)}.article-quote__mark--close{margin-left:var(--article-quote-mark-gap);left:var(--article-quote-mark-close-offset-x);top:var(--article-quote-mark-close-offset-y)}.article-quote__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--article-quote-footer-gap);margin-top:1.6rem;color:color-mix(in srgb,var(--article-accent-current) 72%,var(--muted-text-color));font-family:var(--font-sans);font-size:.82rem;line-height:1.4;text-align:center}.article-quote__attribution{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.article-quote__role{color:var(--secondary-text-color)}.article-quote__role:before{content:"•";margin-right:var(--article-quote-role-separator-gap);color:color-mix(in srgb,var(--article-accent-current) 58%,var(--border-color))}.article-mermaid{margin:3.9rem 0;max-width:100%}.article-mermaid__graph{display:grid;min-height:0;padding:0;place-items:center}.article-mermaid[data-mermaid-state=loading] .article-mermaid__graph{opacity:.001}.article-mermaid[data-mermaid-state=rendered] .article-mermaid__graph{animation:article-mermaid-fade-in .36s ease-out both}.article-mermaid__graph svg{display:block;width:auto;height:auto;max-width:100%}.article-mermaid__fallback{margin:0;max-width:100%}.article-mermaid__fallback[hidden]{display:none!important}.article-mermaid__note{margin:.7rem 0 0;padding-top:.55rem;border-top:1px solid color-mix(in srgb,var(--article-accent-current) 22%,var(--border-color));color:var(--muted-text-color);font-size:.75rem;font-style:italic;letter-spacing:.03em;text-align:center}.article-tier[data-tier=bitesize]{padding-top:1.45rem;padding-bottom:1.6rem}.article-tier[data-tier=bitesize]:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translate(-50%);background:color-mix(in srgb,var(--article-accent-current) 21%,var(--background-color));z-index:-1}.article-tier[data-tier=bitesize] .article-tier__header h2{color:var(--article-accent-current)}.article-tier[data-tier=more-detail].is-visible .article-tier-divider{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--article-accent-current) 72%,var(--border-color)),transparent)}.article-tier[data-tier=more-detail] .article-tier__header h2{position:relative}.article-tier[data-tier=more-detail] .article-tier__header h2:after{content:"?";display:inline-block;margin-left:.2ch;opacity:calc(1 - var(--reveal-progress));transform:translateY(calc((1 - var(--reveal-progress)) * -2px)) scale(1);transform-origin:50% 60%;animation:more-detail-question-breathe 6.8s ease-in-out infinite;transition:opacity .12s linear,transform .12s linear}.article-tier[data-tier=more-detail] .article-tier__header:after{content:"";display:block;width:64px;height:2px;margin-top:.55rem;background:color-mix(in srgb,var(--article-accent-current) 65%,var(--border-color))}.article-tier[data-tier=deep-dive]{padding-top:3.8rem;padding-bottom:1.8rem}.article-tier[data-tier=deep-dive] .article-tier-divider{height:4px;margin-bottom:3rem;background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--article-accent-current) 85%,var(--border-color)) 18%,color-mix(in srgb,var(--article-accent-current) 85%,var(--border-color)) 82%,transparent 100%)}.article-tier[data-tier=deep-dive]:before{content:"";position:absolute;inset:1.95rem -24px 0;border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--article-accent-current) 6%,var(--background-color)),color-mix(in srgb,var(--article-accent-current) 2%,var(--background-color)));border:1px solid color-mix(in srgb,var(--article-accent-current) 24%,var(--border-color));box-shadow:0 20px 44px #0000000d;z-index:-1;opacity:0;transform:translateY(34px) scale(.985);transition:opacity 1.4s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1),box-shadow 1.6s cubic-bezier(.16,1,.3,1)}.article-tier[data-tier=deep-dive].is-visible:before{opacity:1;transform:translateY(0) scale(1);box-shadow:0 28px 64px #00000014}.article-tier[data-tier=deep-dive] .article-tier__header{position:relative;padding-top:.25rem}.article-tier[data-tier=deep-dive] .article-tier__header h2{color:color-mix(in srgb,var(--article-accent-current) 88%,var(--text-color))}.article-tier[data-tier=deep-dive] .article-tier__header:before{content:"Deep dive";display:inline-block;margin-bottom:.7rem;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--article-accent-current) 14%,var(--background-color));color:var(--article-accent-current);font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.article-tier[data-tier=deep-dive] .article-tier__body{position:relative}.article-tier[data-tier=deep-dive].is-visible .article-tier__content{animation:deep-dive-float-in 1.8s cubic-bezier(.16,1,.3,1) both}@media(max-width:61.25rem){.article-page h3{margin-bottom:.24em}.article-tier{padding-top:.7rem;padding-bottom:.2rem}.article-tier[data-tier=bitesize]{padding-top:.4rem;padding-bottom:.45rem}.article-tier[data-tier=deep-dive]{padding-top:1.05rem;padding-bottom:.45rem}.article-tier[data-tier=deep-dive]:before{border-radius:0;border-left:0;border-right:0}.article-tier__body th,.article-tier__body td{padding:.68rem .72rem}}@media(max-width:700px){.article-page{--article-quote-padding-top: .95rem;--article-quote-font-size: clamp(1.35rem, 6.3vw, 1.8rem);--article-quote-mark-size: 3.7rem;--article-quote-mark-open-offset-x: -.18em;--article-quote-mark-open-offset-y: .1em;--article-quote-mark-close-offset-x: -.01em;--article-quote-mark-close-offset-y: .24em;--article-quote-footer-gap: .35rem .65rem;--article-quote-role-separator-gap: .65rem}}.article-categories{margin-top:3.6rem}.article-categories__frame{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.4rem;padding:1.35rem;border-radius:24px;border:1px solid color-mix(in srgb,var(--article-accent-current) 16%,var(--border-color));background:radial-gradient(circle at top left,color-mix(in srgb,var(--article-accent-current) 10%,transparent),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--article-accent-current) 7%,var(--background-color)),color-mix(in srgb,var(--article-accent-current) 2%,var(--background-color)));box-shadow:0 24px 52px #0000000d;overflow:hidden}.article-categories__frame:after{content:"";position:absolute;inset:1rem auto auto 1rem;width:5rem;height:5rem;border-radius:999px;background:color-mix(in srgb,var(--article-accent-current) 14%,transparent);filter:blur(36px);pointer-events:none}.article-categories__intro{position:relative;z-index:1;display:grid;align-content:start;gap:.5rem;padding:.35rem .15rem .15rem}.article-categories__eyebrow{margin:0;font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--article-accent-current) 78%,var(--muted-text-color))}.article-categories__intro h2{margin:0;font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.02}.article-categories__summary{max-width:30ch;margin:0;color:var(--card-description-color);line-height:1.62}.article-categories__list{position:relative;z-index:1;list-style:none;display:grid;gap:.75rem;margin:0;padding:0}.article-categories__link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.95rem 1rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--article-accent-current) 14%,var(--border-color));background:color-mix(in srgb,var(--surface-color) 94%,var(--background-color));color:var(--text-color);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.article-categories__link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--article-accent-current) 32%,var(--border-color));background:color-mix(in srgb,var(--article-accent-current) 4%,var(--surface-color));box-shadow:0 14px 30px color-mix(in srgb,var(--article-accent-current) 10%,transparent)}.article-categories__index{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;min-height:2.1rem;padding:0 .55rem;border-radius:999px;background:color-mix(in srgb,var(--article-accent-current) 10%,var(--background-color));color:var(--article-accent-current);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em}.article-categories__label{min-width:0;font-size:1rem;font-weight:600;line-height:1.3}.article-categories__cta{font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--article-accent-current) 74%,var(--muted-text-color))}.article-tags{display:grid;gap:.7rem;margin-top:2.25rem}.article-tags+.article-completion{margin-top:2.1rem}.article-tags__eyebrow{margin:0;font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--article-accent-current) 74%,var(--muted-text-color))}.article-tags__list{list-style:none;display:flex;flex-wrap:wrap;gap:.65rem;margin:0;padding:0}.article-tags__link{--tag-chip-accent: var(--article-accent-current);font-size:.86rem}.article-tags__link:hover,.article-tags__link:focus-visible{background:color-mix(in srgb,var(--tag-chip-accent) 12%,var(--background-color));border-color:color-mix(in srgb,var(--tag-chip-accent) 28%,var(--border-color));color:color-mix(in srgb,var(--tag-chip-accent) 82%,var(--text-color))}.article-footer{margin-top:4.5rem;padding:2rem 0 .6rem;border-top:1px solid color-mix(in srgb,var(--article-accent-current) 34%,var(--border-color))}.article-footer__eyebrow{margin-bottom:.45rem;font-family:var(--font-sans);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--article-accent-current)}.article-footer__copy{max-width:40rem;margin-bottom:1.5rem;color:var(--card-description-color)}.article-footer__signature{display:inline-flex;flex-direction:column;gap:0;margin-top:0}.article-page{--code-block-padding-y: 1.4rem;--code-block-padding-x: 2.2rem;--code-block-gutter-width: var(--code-block-padding-x);--code-block-gutter-marker-left: calc( var(--code-block-gutter-width) - var(--code-highlight-diff-marker-width) - .3rem );--code-block-padding-right: calc(var(--code-block-padding-x) + 1rem);--code-block-border-color: color-mix(in srgb, currentColor 28%, black);--inline-code-bg-light: #f6f8fa;--inline-code-bg-dark: #24292f;--diagnostic-inline-gutter-width: var(--code-block-padding-right);--diagnostic-inline-line-offset: var(--code-block-padding-x);--diagnostic-inline-pill-radius: 10px;--diagnostic-inline-pill-font-size: .82rem;--diagnostic-inline-pill-shadow: 0 1px 6px rgba(0, 0, 0, .2);--diagnostic-inline-pill-text-shadow: 0 1px 4px rgba(0, 0, 0, .5);--diagnostic-inline-icon-padding-x: .5rem;--diagnostic-inline-icon-font-size: 1rem;--diagnostic-inline-icon-divider-width: 2px;--diagnostic-inline-icon-divider-color: rgba(0, 0, 0, .25);--diagnostic-inline-message-padding-left: .5rem;--diagnostic-inline-message-padding-right: 4.4rem;--diagnostic-inline-message-weight: 500;--diagnostic-error-row: color-mix(in srgb, #ff5f57 14%, transparent);--diagnostic-error-pill: #b33b34;--diagnostic-error-pill-text: #fff4f3;--diagnostic-warning-row: color-mix(in srgb, #f5c542 15%, transparent);--diagnostic-warning-pill: #927a12;--diagnostic-warning-pill-text: #fff8d8;--code-highlight-diff-add-row: rgba(52, 199, 89, .16);--code-highlight-diff-add-text: #8fe1a2;--code-highlight-diff-remove-row: rgba(255, 59, 48, .16);--code-highlight-diff-remove-text: #ff9b97;--code-highlight-diff-marker-width: 1ch;--code-highlight-diff-marker-weight: 700;--diagnostic-info-row: color-mix(in srgb, #8e8e93 13%, transparent);--diagnostic-info-pill: #6e6e73;--diagnostic-info-pill-text: #f5f5f7}.article-page pre{position:relative;padding-block:var(--code-block-padding-y);padding-left:var(--code-block-padding-x);padding-right:var(--code-block-padding-right);border:1px solid var(--code-block-border-color);border-radius:.5rem;overflow-x:auto;margin:2.72rem 0}.article-page pre code{background:none;padding:0;font-size:.85rem;line-height:1.6;display:block;width:100%}.article-page [data-copy-code]{position:absolute;top:.8rem;right:.8rem;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid color-mix(in srgb,var(--border-color) 82%,rgba(255,255,255,.22));border-radius:999px;background:color-mix(in srgb,var(--surface-color) 88%,rgba(255,255,255,.08));color:color-mix(in srgb,var(--muted-text-color) 68%,var(--text-color));box-shadow:0 10px 22px #00000014;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.article-page [data-copy-code]:is(:hover,:focus-visible){border-color:color-mix(in srgb,var(--article-accent-current) 28%,var(--border-color));background:color-mix(in srgb,var(--surface-color) 80%,rgba(255,255,255,.12));color:color-mix(in srgb,var(--article-accent-current) 46%,var(--text-color));box-shadow:0 14px 26px #0000001a;transform:translateY(-1px)}.article-page [data-copy-code] svg{display:block}.article-page [data-copy-code][data-copy-state=success]{border-color:color-mix(in srgb,var(--read-accent) 38%,var(--border-color));background:color-mix(in srgb,var(--read-accent) 14%,var(--surface-color));color:color-mix(in srgb,var(--read-accent) 72%,var(--text-color))}.article-page pre[data-theme*=github-light]{color:var(--shiki-light);background-color:var(--shiki-light-bg)}@media(prefers-color-scheme:dark){.article-page pre[data-theme*=github-dark]{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}}.article-page pre[data-theme*=github-light] code span:not(.diagnostic-inline):not(.diagnostic-inline__icon):not(.diagnostic-inline__message){color:var(--shiki-light);font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight);text-decoration:var(--shiki-light-text-decoration)}@media(prefers-color-scheme:dark){.article-page pre[data-theme*=github-dark] code span:not(.diagnostic-inline):not(.diagnostic-inline__icon):not(.diagnostic-inline__message){color:var(--shiki-dark);font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);text-decoration:var(--shiki-dark-text-decoration)}}@media(prefers-color-scheme:light){.article-page{--code-highlight-diff-add-text: #2f8f4e;--code-highlight-diff-remove-text: #c44f4a;--diagnostic-error-pill: #f2b3b1;--diagnostic-error-pill-text: #2f2323;--diagnostic-warning-pill: #f2df95;--diagnostic-warning-pill-text: #332b12;--diagnostic-inline-pill-shadow: none;--diagnostic-inline-pill-text-shadow: none;--diagnostic-info-row: color-mix(in srgb, #8e8e93 10%, white);--diagnostic-info-pill: #d1d1d6;--diagnostic-info-pill-text: #1c1c1e}.article-page pre[data-theme*=github-light]{border-color:color-mix(in srgb,var(--shiki-light-bg) 83%,#000)}}.article-page :not(pre)>code{background-color:color-mix(in srgb,var(--article-accent-current) 34%,var(--inline-code-bg-light));border-radius:.32rem;padding:.16em .36em}@media(prefers-color-scheme:dark){.article-page :not(pre)>code{background-color:color-mix(in srgb,var(--article-accent-current) 34%,var(--inline-code-bg-dark))}}.article-page pre code [data-line]{position:relative;display:flex;align-items:center;min-height:1.6em;width:calc(100% + var(--diagnostic-inline-line-offset) + var(--diagnostic-inline-gutter-width));min-width:calc(100% + var(--diagnostic-inline-line-offset) + var(--diagnostic-inline-gutter-width));margin-left:calc(var(--diagnostic-inline-line-offset) * -1);margin-right:calc(var(--diagnostic-inline-gutter-width) * -1);padding-left:var(--diagnostic-inline-line-offset);padding-right:var(--diagnostic-inline-gutter-width);box-sizing:border-box}.article-page pre code [data-line]:has(.diagnostic-inline--error){background:linear-gradient(to right,var(--diagnostic-error-row) 0,var(--diagnostic-error-row) calc(100% - var(--diagnostic-inline-gutter-width)),var(--diagnostic-error-pill) calc(100% - var(--diagnostic-inline-gutter-width)),var(--diagnostic-error-pill) 100%)}.article-page pre code [data-line]:has(.diagnostic-inline--warning){background:linear-gradient(to right,var(--diagnostic-warning-row) 0,var(--diagnostic-warning-row) calc(100% - var(--diagnostic-inline-gutter-width)),var(--diagnostic-warning-pill) calc(100% - var(--diagnostic-inline-gutter-width)),var(--diagnostic-warning-pill) 100%)}.article-page pre code [data-line]:has(.diagnostic-inline--info){background:linear-gradient(to right,var(--diagnostic-info-row) 0,var(--diagnostic-info-row) calc(100% - var(--diagnostic-inline-gutter-width)),var(--diagnostic-info-pill) calc(100% - var(--diagnostic-inline-gutter-width)),var(--diagnostic-info-pill) 100%)}.article-page .diagnostic-inline{display:inline-flex;align-items:center;margin-left:auto;margin-right:calc(var(--diagnostic-inline-gutter-width) * -1);flex:0 0 auto;border-radius:var(--diagnostic-inline-pill-radius) 0 0 var(--diagnostic-inline-pill-radius);overflow:hidden;white-space:nowrap;font-family:var(--font-sans);font-size:var(--diagnostic-inline-pill-font-size);text-shadow:var(--diagnostic-inline-pill-text-shadow);box-shadow:var(--diagnostic-inline-pill-shadow)}.article-page .diagnostic-inline__icon{display:inline-flex;align-items:center;justify-content:center;padding-left:var(--diagnostic-inline-icon-padding-x);padding-right:var(--diagnostic-inline-icon-padding-x);border-right:var(--diagnostic-inline-icon-divider-width) solid var(--diagnostic-inline-icon-divider-color);font-size:var(--diagnostic-inline-icon-font-size)}.article-page .diagnostic-inline__message{display:inline-flex;align-items:center;padding:0 var(--diagnostic-inline-message-padding-right) 0 var(--diagnostic-inline-message-padding-left);font-weight:var(--diagnostic-inline-message-weight);letter-spacing:0}.article-page .diagnostic-inline--error{color:var(--diagnostic-error-pill-text);background:var(--diagnostic-error-pill)}.article-page .diagnostic-inline--error .diagnostic-inline__icon{background:var(--diagnostic-error-pill)}.article-page .diagnostic-inline--warning{color:var(--diagnostic-warning-pill-text);background:var(--diagnostic-warning-pill)}.article-page .diagnostic-inline--warning .diagnostic-inline__icon{background:var(--diagnostic-warning-pill)}.article-page .diagnostic-inline--info{color:var(--diagnostic-info-pill-text);background:var(--diagnostic-info-pill)}.article-page .diagnostic-inline--info .diagnostic-inline__icon{background:var(--diagnostic-info-pill)}.article-page pre code [data-line].diff.add,.article-page pre code [data-line]:has(.diff.add){background-color:var(--code-highlight-diff-add-row)!important}.article-page pre code [data-line].diff.remove,.article-page pre code [data-line]:has(.diff.remove){background-color:var(--code-highlight-diff-remove-row)!important}.article-page pre code [data-line]>.diff.add,.article-page pre code [data-line]>span.diff.add,.article-page pre code [data-line]>.diff.remove,.article-page pre code [data-line]>span.diff.remove{display:block;flex:1 1 auto;min-width:0}.article-page pre code [data-line].diff.add>span,.article-page pre code [data-line]:has(.diff.add)>span,.article-page pre code [data-line]>.diff.add,.article-page pre code [data-line]>span.diff.add{color:var(--code-highlight-diff-add-text)!important}.article-page pre code [data-line].diff.remove>span,.article-page pre code [data-line]:has(.diff.remove)>span,.article-page pre code [data-line]>.diff.remove,.article-page pre code [data-line]>span.diff.remove{color:var(--code-highlight-diff-remove-text)!important}.article-page pre code [data-line].diff.add:before,.article-page pre code [data-line]:has(.diff.add):before{content:"+";position:absolute;left:var(--code-block-gutter-marker-left);top:50%;transform:translateY(-50%);width:var(--code-highlight-diff-marker-width);text-align:center;font-family:var(--font-mono);font-weight:var(--code-highlight-diff-marker-weight);line-height:1;color:var(--code-highlight-diff-add-text);pointer-events:none}.article-page pre code [data-line].diff.remove:before,.article-page pre code [data-line]:has(.diff.remove):before{content:"-";position:absolute;left:var(--code-block-gutter-marker-left);top:50%;transform:translateY(-50%);width:var(--code-highlight-diff-marker-width);text-align:center;font-family:var(--font-mono);font-weight:var(--code-highlight-diff-marker-weight);line-height:1;color:var(--code-highlight-diff-remove-text);pointer-events:none}.article-page .code-highlight-word{--code-highlight-word-ring-pad: .5rem;--code-highlight-word-ring-stroke: clamp(2px, calc(var(--code-highlight-word-ring-pad) * .55), 7px);--code-highlight-word-inline-pad: .06em;--code-highlight-word-inline-gap: .32em;position:relative;display:inline-block;padding-inline:var(--code-highlight-word-inline-pad);padding-block:0!important;margin-inline:var(--code-highlight-word-inline-gap);margin-block:0;line-height:inherit;border-radius:0;background:transparent;box-shadow:none;vertical-align:baseline}.article-page .code-highlight-word:before{content:"";position:absolute;pointer-events:none;inset:calc(-1 * var(--code-highlight-word-ring-pad)) calc(-1 * (var(--code-highlight-word-ring-pad) * .76 + var(--code-highlight-word-inline-pad))) calc(-1 * var(--code-highlight-word-ring-pad) * .78) calc(-1 * (var(--code-highlight-word-ring-pad) * .72 + var(--code-highlight-word-inline-pad)));border-radius:62% 44% 57% 49%/46% 61% 48% 58%;border:var(--code-highlight-word-ring-stroke) solid var(--article-accent-current);opacity:.88;transform:rotate(-2.4deg)}@media(max-width:61.25rem){.article-page{--code-block-padding-x: 1.2rem;--diagnostic-inline-message-padding-right: 3.4rem}.article-page figure[data-rehype-pretty-code-figure]{margin-inline:0}.article-page pre{width:calc(100% + var(--page-inline-padding-start) + var(--page-inline-padding-end));max-width:calc(100% + var(--page-inline-padding-start) + var(--page-inline-padding-end));margin-left:calc(var(--page-inline-padding-start) * -1);margin-right:calc(var(--page-inline-padding-end) * -1);border-radius:0;border-left:0;border-right:0}}@media(max-width:700px){.article-page{--code-block-padding-y: 1rem;--code-block-padding-x: 1rem;--code-block-padding-right: calc(var(--code-block-padding-x) + .75rem)}}