@layer theme,base;@layer components{.c-article{--c-prose-w:544px;--c-prose-bleed:16px;max-inline-size:var(--c-prose-w);margin-inline:auto}@media (min-width:768px){.c-article{--c-prose-bleed:48px}}.c-prose-wide{margin-inline:calc(-1 * var(--c-prose-bleed))}.c-prose{color:var(--c-ink-2);font-size:var(--c-t-body);line-height:26px}.c-prose>*+*{margin-block-start:var(--c-16)}.c-prose-h1{font-size:var(--c-t-display);line-height:var(--c-lh-display);letter-spacing:var(--c-tr-head)}.c-prose-h2{font-size:var(--c-t-title);line-height:var(--c-lh-title);letter-spacing:var(--c-tr-title)}.c-prose-h3{font-size:var(--c-t-body);line-height:var(--c-lh-body);letter-spacing:0}@media (min-width:768px){.c-prose-h1{font-size:var(--c-t-hero);line-height:var(--c-lh-hero);letter-spacing:var(--c-tr-hero)}.c-prose-h2{font-size:var(--c-t-head);line-height:var(--c-lh-head);letter-spacing:var(--c-tr-head)}.c-prose-h3{font-size:var(--c-t-title);line-height:var(--c-lh-title);letter-spacing:var(--c-tr-title)}}.c-prose .c-prose-h2{border-block-start:1px solid var(--c-hairline);color:var(--c-ink);margin-block-start:var(--c-32);padding-block-start:var(--c-16)}@media (min-width:768px){.c-prose .c-prose-h2{margin-block-start:var(--c-48)}}.c-prose .c-prose-h3{color:var(--c-ink);margin-block-start:var(--c-16)}.c-prose>:first-child{border-block-start:0;margin-block-start:0;padding-block-start:0}.c-prose-ul{padding-inline-start:var(--c-8);list-style:none}.c-prose-ul>li{padding-inline-start:var(--c-8);position:relative}.c-prose-ul>li+li{margin-block-start:var(--c-6)}.c-prose-ul>li:before{content:"";background:var(--c-ink-3);block-size:1px;inline-size:6px;position:absolute;inset-block-start:13px;inset-inline-start:0}.c-prose-link{color:var(--c-ink);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklab, var(--c-accent) 45%, transparent);text-decoration-color:color-mix(in oklab, var(--c-accent) 45%, transparent);text-underline-offset:.18em;text-decoration-skip-ink:auto;transition:color var(--c-dur-fast) var(--c-ease-out), text-decoration-color var(--c-dur-fast) var(--c-ease-out)}.c-prose-link:hover{color:var(--c-accent);-webkit-text-decoration-color:var(--c-accent);text-decoration-color:var(--c-accent)}.c-prose-code{font-family:var(--c-font-mono);font-size:var(--c-t-control);background:var(--c-surface-2);border-radius:var(--c-r-chip);padding:2px var(--c-2);color:var(--c-ink)}.c-prose .c-pull{border-block:1px solid var(--c-hairline);padding-block:var(--c-16);margin-block:var(--c-24)}.c-prose .c-pull:has(+.c-prose-h2){border-block-end:0}.c-pull-tick{inline-size:var(--c-16);background:var(--c-accent);block-size:2px}.c-pull-text{font-family:var(--c-font-editorial);font-style:italic;font-weight:400;font-size:var(--c-t-head);letter-spacing:-.01em;color:var(--c-ink);margin-block-start:var(--c-8);line-height:1.14}@media (min-width:768px){.c-pull-text{font-size:var(--c-t-display)}}.c-code{overscroll-behavior-x:contain;scrollbar-width:thin;background:var(--c-surface-sunk);border:1px solid var(--c-hairline);border-radius:var(--c-r-panel);padding:var(--c-8);color:var(--c-ink-2);font-family:var(--c-font-mono);font-size:var(--c-t-caption);tab-size:2;line-height:20px;overflow-x:auto}@media not (min-width:768px){.c-code{border-inline:0;border-radius:0}}@media (min-width:768px){.c-code{font-size:var(--c-t-control);padding:var(--c-12);line-height:22px}}.c-code:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.c-code[data-ov=end]{-webkit-mask-image:linear-gradient(270deg,#0000,#000 28px);mask-image:linear-gradient(270deg,#0000,#000 28px)}.c-code[data-ov=start]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px);mask-image:linear-gradient(90deg,#0000,#000 28px)}.c-code[data-ov=both]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.c-read-progress{block-size:2px;z-index:calc(var(--c-z-nav) + 1);background:var(--c-accent);transform-origin:0;pointer-events:none;position:fixed;inset-block-start:0;inset-inline:0;transform:scaleX(0)}@supports (animation-timeline:scroll()){.c-read-progress{animation:linear both c-read-fill;animation-timeline:scroll(root)}}@keyframes c-read-fill{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.c-read-progress{animation-duration:auto!important}}}@layer utilities;