@layer components{.js :is(.article-head_wrap .article-head_head[data-reveal]>h1){opacity:1;transition:none;transform:none}.article-head_wrap .article-head_head{width:100%;padding-left:calc((100% - var(--mw-text)) / 2);align-items:flex-start;gap:var(--space-5);flex-direction:column;display:flex}.article-head_wrap .article-head_head>*{max-width:var(--mw-text);margin:0}.article-head_wrap .article-head_head>.heading{text-wrap:balance;align-self:stretch;max-width:none}.article-head_wrap .article-head_head>.text{color:var(--text-2);text-wrap:pretty}.article-head_wrap .article-head_meta{width:var(--mw-text);margin-top:var(--space-2);padding-top:var(--space-4);border-top:var(--stroke-1) solid var(--border);gap:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:.02em;color:var(--text-tertiary);flex-wrap:wrap;display:flex}.article-head_wrap .article-head_cover{width:100%;margin:0}.article-head_wrap .article-head_cover img{aspect-ratio:2.2;object-fit:cover;border-radius:var(--radius-main);width:100%;height:auto;display:block}@media (max-width:60rem){.article-head_wrap .article-head_cover img{aspect-ratio:16/9}}@media (max-width:40rem){.article-head_wrap .article-head_cover img{aspect-ratio:4/3}}.article-head_wrap .article-head_cover figcaption{max-width:var(--mw-text);margin:var(--space-3) auto 0;font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-tertiary);line-height:1.5}.article_wrap .article_layout{display:block}.article_wrap .article_rail{inset-block:var(--space-10);left:var(--site-margin);right:calc(50% + (var(--mw-wide) / 2) + var(--space-4));pointer-events:auto;width:auto;max-width:20rem;height:auto;display:none;position:absolute}.article_wrap .article_card{top:calc(var(--nav-height) + var(--space-6));max-height:calc(100vh - var(--nav-height) - var(--space-8));overscroll-behavior:contain;background:var(--background-2);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-main);padding:var(--space-5) var(--space-4);position:sticky;overflow-y:auto}.article_wrap .article_toc-title{margin:0 0 var(--space-4);padding-left:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:.04em;text-transform:uppercase;font-weight:var(--primary-medium);color:var(--text-tertiary)}.article_wrap .article_toc-list{counter-reset:toc;margin:0;padding:0;list-style:none}.article_wrap .article_toc-link{padding:var(--space-2) 0 var(--space-2) var(--space-3);border-left:var(--stroke-2) solid var(--border);font-size:var(--text-small);color:var(--text-tertiary);transition:color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease);line-height:1.4;text-decoration:none;display:block}.article_wrap .article_toc-link.is-active{color:var(--text);border-left-color:var(--accent-line)}@media (hover:hover) and (pointer:fine){.article_wrap .article_toc-link:hover{color:var(--text)}}.article_wrap .article_toc-inline{max-width:var(--mw-text);margin:0 auto var(--space-8);background:var(--background-2);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-main);padding:var(--space-4) var(--space-5);display:none}.article_wrap .article_toc-inline>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:.04em;text-transform:uppercase;font-weight:var(--primary-medium);color:var(--text-tertiary);list-style:none;display:flex}.article_wrap .article_toc-inline>summary::-webkit-details-marker{display:none}.article_wrap .article_toc-inline>summary:after{content:"";border-right:var(--stroke-2) solid currentColor;border-bottom:var(--stroke-2) solid currentColor;width:.5rem;height:.5rem;transition:transform var(--hover-duration) var(--ease-out);flex:none;transform:rotate(45deg)translate(-.125rem,-.125rem)}@media (prefers-reduced-motion:reduce){.article_wrap .article_toc-inline>summary:after{transition:none}}.article_wrap .article_toc-inline[open]>summary:after{transform:rotate(-135deg)translate(-.125rem,-.125rem)}.article_wrap .article_toc-inline .article_toc-list{margin-top:var(--space-4)}.article_wrap[data-toc-ready] .article_toc-inline{display:block}@media (min-width:96rem){.article_wrap[data-toc-ready] .article_rail{display:block}.article_wrap[data-toc-ready] .article_toc-inline{display:none}}.article_wrap .article_stack{max-width:var(--mw-wide);align-items:center;gap:var(--space-8);flex-direction:column;margin-inline:auto;display:flex}@media (max-width:40rem){.article_wrap .article_stack{gap:var(--space-7)}}.article_progress{z-index:70;height:var(--stroke-2);background:var(--c-violet-400);transform-origin:0;opacity:0;pointer-events:none;transition:opacity var(--dur-enter) var(--hover-ease);position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.article_progress.is-on{opacity:1}@media (prefers-reduced-motion:reduce){.article_progress{transition:none}}.share_wrap .share_container{max-width:var(--mw-wide)}.share_wrap .share_card{justify-content:space-between;align-items:center;gap:var(--space-6);width:100%;padding:var(--space-6);flex-wrap:wrap;display:flex}@media (max-width:40rem){.share_wrap .share_card{align-items:flex-start;gap:var(--space-5);flex-direction:column}}.share_wrap .share_intro>.text-style-eyebrow{margin:0 0 var(--space-4)}.share_wrap .share_lead{max-width:16rem;font-family:var(--font-display);font-size:var(--h5);letter-spacing:-.012em;line-height:1.4;font-weight:var(--fw-h34);color:var(--text);text-wrap:pretty;margin:0}.share_wrap .share_actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (max-width:40rem){.share_wrap .share_actions{width:100%}}.share_wrap .share_btn{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-4);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-round);background:var(--background);color:var(--text-2);font:inherit;font-size:var(--text-small);font-weight:var(--primary-medium);cursor:pointer;transition:border-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease);text-decoration:none;display:inline-flex}.share_wrap .share_btn svg{flex:none;width:1.125rem;height:1.125rem}.share_wrap .share_btn[hidden]{display:none}@media (hover:hover) and (pointer:fine){.share_wrap .share_btn:hover{color:var(--text);border-color:var(--border-strong)}}.share_wrap .share_btn.is-done{color:var(--accent-text);border-color:var(--accent-line)}.article-body_wrap{width:100%;max-width:var(--mw-text);font-size:var(--text-small);color:var(--text-2);line-height:1.8}.article-body_wrap>*{margin:0}.article-body_wrap>*+*{margin-top:var(--space-5)}.article-body_wrap a{color:var(--text);text-underline-offset:.25em;text-decoration:underline}.article-body_wrap h2{margin-top:var(--space-8);font-family:var(--font-display);font-size:var(--h4);letter-spacing:-.02em;line-height:1.3;font-weight:var(--fw-h34);color:var(--text);text-wrap:balance;scroll-margin-top:calc(var(--nav-height) + var(--space-7))}.article-body_wrap h3{margin-top:var(--space-6);font-family:var(--font-display);font-size:var(--h5);letter-spacing:-.012em;line-height:1.4;font-weight:var(--fw-h34);color:var(--text)}.article-body_wrap strong{color:var(--text);font-weight:var(--primary-medium)}.article-body_wrap em{font-style:italic}.article-body_wrap ul,.article-body_wrap ol{padding-left:var(--space-5)}.article-body_wrap li+li{margin-top:var(--space-4)}.article-body_wrap li::marker{color:var(--text-tertiary)}.article-body_wrap blockquote{border-left:var(--stroke-2) solid var(--accent-line);padding-left:var(--space-5);color:var(--text);font-size:var(--text-main)}.article-body_wrap .placeholder{background:var(--background-3);border:var(--stroke-1) dashed var(--border);border-radius:var(--radius-small);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-tertiary);line-height:1.6;display:block}}