.workflow-article{background:radial-gradient(ellipse 74% 30rem at 2% 0,rgba(249,225,234,.72),transparent 72%),radial-gradient(ellipse 66% 28rem at 100% 8%,hsla(25,95%,92%,.76),transparent 70%),var(--color-background);position:relative}.workflow-article__hero{border-bottom:1px solid hsla(0,0%,88%,.65);padding:clamp(8rem,15vw,11rem) var(--container-gutter) clamp(var(--space-3xl),10vw,8rem);position:relative;text-align:center}.workflow-article__hero-inner{margin-inline:auto;width:min(100%,68rem)}.workflow-article__eyebrow{align-items:center;background:hsla(0,0%,100%,.62);border:1px solid rgba(249,116,21,.44);border-radius:var(--radius-full);color:var(--color-primary-d20);display:inline-flex;font-size:var(--font-size-eyebrow);font-weight:700;letter-spacing:.04em;margin:0 0 var(--space-m);min-height:2rem;padding:.35rem .75rem}.workflow-article h1{color:var(--color-foreground);font-size:clamp(2.7rem,6vw,5.7rem);font-weight:700;letter-spacing:-.035em;line-height:.98;margin:0 auto;max-width:21ch;text-wrap:balance}.workflow-article__meta{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-l);justify-content:center;margin-top:clamp(var(--space-l),3vw,var(--space-xl))}.workflow-article__meta-item{align-items:center;color:var(--color-foreground);display:inline-flex;font-size:clamp(.9rem,.86rem + .15vw,1rem);gap:.55rem;line-height:1.4}.workflow-article__meta-item i{color:var(--color-primary-d20);font-size:1.15rem}.workflow-article__layout{display:grid;gap:var(--space-xl);margin-inline:auto;padding:clamp(var(--space-xl),8vw,var(--space-4xl)) var(--container-gutter);width:min(100%,var(--container-max))}.workflow-article__sidebar{min-width:0}.workflow-article__toc{background:hsla(0,0%,100%,.76);border:1px solid hsla(0,0%,88%,.8);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-m)}.workflow-article__toc h2{color:var(--color-foreground);font-size:clamp(1.2rem,1.1rem + .3vw,1.45rem);letter-spacing:-.02em;line-height:1.1;margin:0 0 var(--space-s)}.workflow-article__toc-list{display:grid;gap:.15rem;list-style:none;margin:0;padding:0}.workflow-article__toc a{border-radius:var(--radius-xs);color:var(--color-muted-foreground);display:block;font-size:.88rem;line-height:1.35;padding:.45rem .5rem;text-decoration:none;transition:background-color var(--transition-base),color var(--transition-base),transform var(--transition-base)}.workflow-article__toc a:hover,.workflow-article__toc a[aria-current=location]{background:rgba(249,116,21,.12);color:var(--color-foreground)}.workflow-article__toc a:focus-visible{background:rgba(249,116,21,.12);color:var(--color-foreground);outline:none}.workflow-article__toc a:focus-visible{box-shadow:0 0 0 3px rgba(249,116,21,.5)}.workflow-article__content{color:var(--color-foreground);min-width:0}.workflow-article__intro{background:linear-gradient(135deg,rgba(249,116,21,.11),rgba(249,225,234,.46));border:1px solid rgba(249,116,21,.2);border-radius:var(--radius-lg);margin-bottom:clamp(var(--space-3xl),8vw,var(--space-4xl));padding:clamp(var(--space-m),3vw,var(--space-l))}.workflow-article__intro p{font-size:clamp(1.05rem,1rem + .3vw,1.22rem);line-height:1.6;margin:0;max-width:67ch}.workflow-article__intro p+p{margin-top:var(--space-m)}.workflow-article__content section{max-width:46rem;scroll-margin-top:6.5rem}.workflow-article__content section+section{margin-top:clamp(var(--space-3xl),7vw,var(--space-4xl))}.workflow-article__content h2{color:var(--color-foreground);font-size:clamp(1.8rem,1.25rem + 1.75vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.04;margin:0 0 var(--space-m);text-wrap:balance}.workflow-article__content p{color:#303030;font-size:clamp(1rem,.98rem + .15vw,1.1rem);line-height:1.65;margin:0;max-width:68ch}.workflow-article__content p+p{margin-top:var(--space-m)}.workflow-article__content .workflow-article__closing{margin:clamp(var(--space-3xl),9vw,var(--space-4xl)) 0 0;max-width:46rem}@media (min-width:40rem) and (max-width:63.99rem){.workflow-article__toc-list{-moz-column-gap:var(--space-xs);column-gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.workflow-article__layout{gap:clamp(var(--space-3xl),9vw,9rem);grid-template-columns:minmax(13rem,16rem) minmax(0,46rem);justify-content:center}.workflow-article__toc{max-height:calc(100svh - 7rem);overflow-y:auto;position:sticky;scrollbar-color:hsla(0,0%,68%,.8) transparent;scrollbar-width:thin;top:5.75rem}.workflow-article__toc::-webkit-scrollbar{width:.45rem}.workflow-article__toc::-webkit-scrollbar-thumb{background:hsla(0,0%,68%,.8);border-radius:var(--radius-full)}.workflow-article__toc a:hover,.workflow-article__toc a[aria-current=location]{transform:translateX(.15rem)}}@media (prefers-reduced-motion:reduce){.workflow-article__toc a{transition:none}}