.sticky-toc{box-shadow:var(--shadow-glass);background:radial-gradient(22.5rem 16.25rem at 0 0,#d6ddf5e6 0%,#d6ddf500 70%),linear-gradient(#ffffffe0,#ffffff9e);border:1px solid #ffffffe6;border-radius:.375rem;flex-direction:column;gap:1.5rem;padding:1.75rem;display:flex;position:sticky;top:7rem}.sticky-toc .sticky-toc-bar{background:var(--line-soft);border-radius:.0625rem;height:.125rem;display:block;position:relative}.sticky-toc .sticky-toc-bar span{background:var(--grad-light);border-radius:.0625rem;transition:width .2s linear;position:absolute;top:0;bottom:0;left:0}.sticky-toc .sticky-toc-nav{flex-direction:column;gap:.125rem;margin:0 -.75rem;display:flex}.sticky-toc .sticky-toc-link{color:var(--ink-60);border-radius:.25rem;grid-template-columns:1.75rem minmax(0,1fr);gap:.5rem;padding:.625rem .75rem;font-size:.875rem;line-height:1.4;text-decoration:none;transition:background .25s,color .25s;display:grid}.sticky-toc .sticky-toc-link .mono{color:var(--ink-60);font-size:.75rem}@media (hover:hover){.sticky-toc .sticky-toc-link:hover{color:var(--ink)}}.sticky-toc .sticky-toc-link[aria-current]{background:var(--ink);color:var(--on-dark);box-shadow:var(--hl-dark)}.sticky-toc .sticky-toc-link[aria-current] .mono{color:var(--peri-200)}@media (max-width:1023px){.sticky-toc{padding:1.25rem;position:static}}.sticky-toc-rail{align-self:stretch}
.prose{max-width:calc(45rem + 2 * var(--pad-x));padding:3rem var(--pad-x);color:var(--ink-82);margin:0 auto;font-size:1.0625rem;line-height:1.7}.prose>*+*{margin-top:1.1em}.prose h2,.prose h3,.prose h4{font-family:var(--font-host), var(--font-geist), sans-serif;letter-spacing:-.02em;color:var(--ink);margin-top:1.8em;font-weight:400;line-height:1.1}.prose h2{font-size:2.125rem}.prose h3{font-size:1.5rem}.prose a{color:var(--peri-900);text-underline-offset:.1875rem}.prose ul,.prose ol{padding-left:1.2em}.prose li+li{margin-top:.4em}.prose blockquote{border-left:.125rem solid var(--peri-500);font-family:var(--font-host), var(--font-geist), sans-serif;letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin-left:0;margin-right:0;padding-left:1.5rem;font-size:1.625rem;line-height:1.3}.prose blockquote p{margin:0}.prose img{border-radius:.375rem;max-width:100%;height:auto}.prose figure{margin-left:0;margin-right:0}.prose figcaption{color:var(--ink-62);margin-top:.5rem;font-size:.8125rem;line-height:1.5}.prose code{font-family:var(--font-code);font-size:.9em}.prose pre{background:var(--ink);color:var(--on-dark);border-radius:.375rem;padding:1.125rem 1rem;font-size:.8125rem;line-height:1.7;overflow-x:auto}.prose pre code{font-size:inherit}.prose table{border-collapse:collapse;width:100%;font-size:.9375rem}.prose table th,.prose table td{text-align:left;vertical-align:top;border-top:1px solid var(--line-soft);padding:.75rem 1rem}.prose table thead th{background:var(--mist-2);font-family:var(--font-small);color:var(--ink-60);border-top:0;font-size:.75rem;font-weight:400}.prose table td+td{color:var(--ink-72)}.prose .table-wrap{overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:.375rem;max-width:100%;overflow-x:auto}.prose .table-wrap table{margin:0}.prose .mark-yes,.prose .mark-no,.prose .mark-partly{font-family:var(--font-small);align-items:center;gap:.375rem;font-size:.75rem;display:inline-flex}:is(.prose .mark-yes,.prose .mark-no,.prose .mark-partly):before{content:"";background:currentColor;border-radius:50%;width:.375rem;height:.375rem}.prose .mark-yes{color:var(--ok-ink)}.prose .mark-no{color:#9c3c2f}.prose .mark-partly{color:#8a6216}.prose .pattern-label{font-family:var(--font-small);color:var(--ink-60);font-size:.75rem;display:block}.prose .takeaways{border-radius:.375rem;flex-direction:column;gap:.875rem;padding:1.5rem;display:flex}.prose .takeaways .pattern-label{color:var(--peri-600)}.prose .takeaways ul{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.prose .takeaways li{color:var(--ink-82);grid-template-columns:1rem minmax(0,1fr);gap:.625rem;margin:0;font-size:.9375rem;line-height:1.55;display:grid}.prose .takeaways li:before{content:"";background:linear-gradient(135deg, var(--peri-500), var(--peri-900));border-radius:50%;width:.375rem;height:.375rem;margin-top:.5625rem}.prose .callout{background:var(--mist-2);border:1px solid #5b6fb02e;border-radius:.375rem;flex-direction:column;gap:.25rem;padding:1.125rem 1.25rem;font-size:.9375rem;line-height:1.6;display:flex}.prose .callout>strong{color:var(--ink);font-weight:400}.prose .callout p{color:var(--ink-72);margin:0}.prose .callout-warn{background:#d9a4411a;border-color:#d9a4414d}.prose .callout-warn>strong{color:#6b4b10}.prose .definition{border:1px solid var(--line);border-radius:.375rem;flex-direction:column;gap:.625rem;padding:1.375rem 1.5rem;display:flex}.prose .definition .pattern-label{justify-content:space-between;gap:1rem;display:flex}.prose .definition>strong{font-family:var(--font-host), var(--font-geist), sans-serif;letter-spacing:-.03em;background:linear-gradient(90deg, var(--peri-900), var(--peri-500));color:#0000;-webkit-background-clip:text;background-clip:text;align-items:baseline;gap:.75rem;font-size:1.75rem;font-weight:400;display:flex}.prose .definition>strong em{font-family:var(--font-geist), sans-serif;letter-spacing:0;-webkit-text-fill-color:var(--ink-60);font-size:.9375rem;font-style:normal}.prose .definition p{color:var(--ink-72);margin:0;font-size:.9375rem;line-height:1.6}.prose .stat-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.prose .stat-trio>*{color:var(--ink-60);border-radius:.375rem;flex-direction:column;gap:.5rem;margin:0;padding:1.25rem;font-size:.8125rem;line-height:1.45;display:flex}.prose .stat-trio strong{font-family:var(--font-host), var(--font-geist), sans-serif;letter-spacing:-.04em;background:linear-gradient(90deg, var(--peri-900), var(--peri-500));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:400;line-height:1}.prose .bars{border:1px solid var(--line);border-radius:.375rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.prose .bars .bars-stack{gap:.1875rem;height:.75rem;display:flex}.prose .bars .bars-seg{background:var(--peri-600);border-radius:.125rem}.prose .bars ul{margin:0;padding:0;list-style:none}.prose .bars li{border-top:1px solid var(--line-faint);grid-template-columns:.625rem minmax(0,1fr) auto;align-items:center;gap:.75rem;margin:0;padding:.625rem 0;font-size:.9375rem;display:grid}.prose .bars li:first-child{border-top:0}.prose .bars li:before{content:"";background:var(--peri-600);border-radius:.125rem;width:.5rem;height:.5rem}.prose .bars li>span{font-family:var(--font-small);font-size:.75rem}.prose .bars .bars-seg-1,.prose .bars li:nth-child(2):before{background:var(--peri-500)}.prose .bars .bars-seg-2,.prose .bars li:nth-child(3):before{background:var(--peri-300)}.prose .bars .bars-seg-3,.prose .bars li:nth-child(4):before{background:var(--peri-200)}.prose .bars .bars-seg-4,.prose .bars li:nth-child(5):before,.prose .bars .bars-seg-5,.prose .bars li:nth-child(6):before{background:var(--ink-16)}.prose .bars>p{font-family:var(--font-small);color:var(--ink-60);margin:0;font-size:.75rem}.prose .before-after{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.prose .before-after figure{margin:0;position:relative}.prose .before-after img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.prose .before-after figcaption{font-family:var(--font-small);color:#9c3c2f;background:#b4493a1f;border-radius:.1875rem;margin:0;padding:.25rem .5625rem;font-size:.75rem;position:absolute;top:.75rem;left:.75rem}.prose .before-after figure+figure figcaption{color:var(--ok-ink);background:#4e9a6b24}.prose .before-after+.caption{margin-top:.5rem}.prose .caption{color:var(--ink-62);font-size:.8125rem}.prose .card-link{color:var(--ink);border-radius:.375rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1.375rem 1.5rem;text-decoration:none;transition:box-shadow .2s;display:grid}@media (hover:hover){.prose .card-link:hover{box-shadow:inset 0 0 0 1px #5b6fb059}.prose .card-link:hover strong{color:var(--peri-600)}}.prose .card-link strong{transition:color .2s}.prose .card-link>span:first-child{flex-direction:column;gap:.375rem;display:flex}.prose .card-link .pattern-label{color:var(--peri-900)}.prose .card-link strong{letter-spacing:-.01em;font-size:1.125rem;font-weight:400}.prose .card-link .card-link-text{color:var(--ink-60);font-size:.875rem;line-height:1.5}.prose .card-link .card-link-num{font-family:var(--font-host), var(--font-geist), sans-serif;letter-spacing:-.04em;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:.375rem;font-size:2rem;line-height:1;display:flex}.prose .card-link .card-link-num em{color:var(--ink-60);font-style:normal}.prose .card-link .card-link-num small{font-family:var(--font-small);letter-spacing:0;color:var(--ink-62);font-size:.75rem}.prose .card-link-plain{border:1px solid var(--line)}.prose .card-link-plain .pattern-label{color:var(--ink-62)}@media (hover:hover){.prose .card-link-plain:hover{border-color:#0d101740}}.prose .steps{counter-reset:step;flex-direction:column;gap:.875rem;padding:0;list-style:none;display:flex}.prose .steps li{color:var(--ink-70);grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem;margin:0;font-size:.9375rem;line-height:1.6;display:grid}.prose .steps li:before{counter-increment:step;content:counter(step);background:var(--ink);width:1.75rem;height:1.75rem;color:var(--paper);font-family:var(--font-small);border-radius:.25rem;grid-row:1/span 2;justify-content:center;align-items:center;font-size:.75rem;display:flex}.prose .steps li strong{color:var(--ink);font-size:1.0625rem;font-weight:400;display:block}.prose .checklist{border:1px solid var(--line);border-radius:.375rem;flex-direction:column;gap:.25rem;padding:1.25rem 1.5rem;display:flex}.prose .checklist .pattern-label{padding-bottom:.5rem}.prose .checklist ul{margin:0;padding:0;list-style:none}.prose .checklist li{color:var(--ink-82);grid-template-columns:1rem minmax(0,1fr);align-items:start;gap:.625rem;margin:0;padding:.375rem 0;font-size:.9375rem;line-height:1.5;display:grid}.prose .checklist li:before{content:"";background:linear-gradient(135deg, var(--peri-500), var(--peri-900));border-radius:50%;width:.375rem;height:.375rem;margin-top:.5625rem}.prose .code{background:var(--ink);border-radius:.375rem;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.prose .code:before{content:attr(data-file);border-bottom:1px solid var(--on-dark-8);font-family:var(--font-code);color:var(--on-dark-55);justify-content:space-between;padding:.625rem 1rem;font-size:.75rem;display:flex}.prose .code[data-lang]:before{content:attr(data-file) " · " attr(data-lang)}.prose .code pre{border-radius:0;margin:0}.prose .video a{background:#0b1220;border-radius:.375rem;display:block;position:relative;overflow:hidden}.prose .video a:after{content:"";-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background:#ffffff1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 6v12l9-6z'/%3E%3C/svg%3E") 50%/1.5rem no-repeat;border:1px solid #ffffff40;border-radius:50%;width:4rem;height:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prose .video img{aspect-ratio:16/9;object-fit:cover;border-radius:0;width:100%;display:block}.prose details{border:1px solid var(--line-2);background:var(--paper);border-radius:.375rem}.prose details+details{margin-top:.5rem}.prose details summary{cursor:pointer;padding:1rem 1.125rem;font-size:1rem;list-style:none}.prose details summary::-webkit-details-marker{display:none}.prose details>:not(summary){color:var(--ink-72);margin:0;padding:0 1.125rem 1rem;font-size:.9375rem;line-height:1.6}@media (max-width:1023px){.prose{padding-top:2rem;padding-bottom:2rem;font-size:.9375rem}.prose>table{max-width:100%;display:block;overflow-x:auto}.prose table th,.prose table td{padding:.625rem .75rem}.prose h2{font-size:1.625rem}.prose h3,.prose blockquote{font-size:1.25rem}.prose .stat-trio{grid-template-columns:1fr}.prose .card-link{grid-template-columns:1fr;gap:1rem}.prose .card-link .card-link-num{align-items:flex-start}.prose .takeaways,.prose .bars,.prose .definition,.prose .checklist{padding:1rem}}.prose-inline{min-width:0;max-width:none;margin:0;padding:0;font-size:1rem;line-height:1.7}@media (max-width:1023px){.prose-inline{font-size:.9375rem}}.prose .takeaways,.prose .card-link:not(.card-link-plain),.prose .stat-trio>:nth-child(3n+1){background:radial-gradient(22.5rem 16.25rem at 0% 0%, #d6ddf5 0%, #d6ddf500 70%), linear-gradient(160deg, var(--mist) 0%, #e8ecf8 100%)}.prose .stat-trio>:nth-child(3n+2){background:radial-gradient(22.5rem 16.25rem at 0 0,#dcd6f5 0%,#dcd6f500 70%),linear-gradient(160deg,#f5f3fb 0%,#ece8f8 100%)}.prose .stat-trio>:nth-child(3n){background:radial-gradient(22.5rem 16.25rem at 0 0,#d3e6f3 0%,#d3e6f300 70%),linear-gradient(160deg,#f2f7fb 0%,#e6eef6 100%)}