@layer components{.ex-head{gap:20px 40px;margin-top:1.75rem;display:grid}@media (width>=1024px){.ex-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.ex-title:after{content:".";color:var(--brand)}.ex-lede{max-width:44rem;margin-top:.625rem;font-size:1rem}.ex-chips{flex-wrap:wrap;gap:6px;margin-top:1.125rem;display:flex}.ex-chips>li{animation:ss-chip-in .26s var(--ease-out) backwards;display:flex}.ex-chips>li:nth-child(2){animation-delay:40ms}.ex-chips>li:nth-child(3){animation-delay:80ms}.ex-chips>li:nth-child(4){animation-delay:.12s}.ex-chips>li:nth-child(5){animation-delay:.16s}.ex-chips>li:nth-child(n+6){animation-delay:.2s}.ex-chip--sector{gap:9px;padding-left:10px}.ex-chips .chip--outline{cursor:help}.ex-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ex-live{width:100%;max-width:1720px;scroll-margin-top:var(--sticky-top);gap:12px;margin:1.75rem auto 0;padding-inline:clamp(12px,2vw,28px);display:grid}.ex-app{border-radius:22px;min-width:0}.ex-stage{background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px color-mix(in oklch, var(--line-strong) 55%, transparent), 0 1px 2px oklch(22% .015 255/.06), 0 40px 90px -46px oklch(22% .015 255/.5);border-radius:22px}.ex-chrome{background:var(--paper-2);box-shadow:inset 0 -1px 0 var(--line);flex-direction:column;flex-shrink:0;display:flex}.ex-chrome__bar{align-items:center;gap:10px;height:100%;max-height:52px;padding-inline:14px;display:flex}.ex-chrome[data-tall] .ex-chrome__bar{height:52px;box-shadow:inset 0 -1px 0 color-mix(in oklch, var(--line) 70%, transparent);flex-shrink:0}.ex-chrome__brand{color:var(--ink);letter-spacing:-.015em;font-size:14px;font-weight:650}.ex-chrome__ghost{background:var(--paper-3);border-radius:9px;width:min(220px,24%);height:28px;margin-left:auto}.ex-chrome__foot{background:var(--paper-2);box-shadow:inset 0 1px 0 var(--line);flex-shrink:0}.ex-live__bar{justify-content:flex-end;margin-block:-4px -6px;display:flex}.ex-app[data-expanded]{z-index:45;background:var(--paper);color:var(--ink);border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0}@media (prefers-reduced-motion:no-preference){.ex-app[data-expanded]{animation:ex-full-in .18s var(--ease-out) both}}@keyframes ex-full-in{0%{opacity:0;transform:scale(.985)}}.ex-live__status{min-height:20px;color:var(--ink-3);align-items:center;gap:10px;margin-top:12px;padding-inline:6px;font-size:12.5px;display:flex}.ex-live__keys{text-align:right;margin-left:auto;display:none}@media (width>=1024px){.ex-live__keys{display:inline}}.ex-live__dot{--tone:var(--ink-3)}.ex-live__on{display:none}.ex-live:has(.ss-stage[data-state=live]) .ex-live__preview{display:none}.ex-live:has(.ss-stage[data-state=live]) .ex-live__on{animation:ss-tick .24s var(--ease-out) backwards;display:inline}.ex-live:has(.ss-stage[data-state=live]) .ex-live__dot{--tone:var(--success);animation:1.6s ease-in-out infinite ss-breathe}.ex-section{margin-top:clamp(4rem,8vw,6.5rem)}.ex-section [id]{scroll-margin-top:5rem}.ex-h2{color:var(--ink);letter-spacing:-.04em;font-size:clamp(1.625rem,2.8vw,2.25rem);font-weight:500;line-height:1.1}.ex-h2--wide{max-width:44rem}.ex-section__head{gap:10px;max-width:46rem;margin-bottom:1.5rem;display:grid}.ex-section__lede{color:var(--ink-2);font-size:15px;line-height:1.6}.ex-context{gap:1.25rem 3rem;display:grid}@media (width>=1024px){.ex-context{grid-template-columns:minmax(0,17rem) minmax(0,1fr)}}.ex-context__body{gap:1.5rem;max-width:46rem;display:grid}.ex-prose{color:var(--ink-2);gap:1em;font-size:1.0625rem;line-height:1.7;display:grid}.ex-outcome{background:var(--card);box-shadow:0 0 0 1px color-mix(in oklch, var(--line) 75%, transparent), var(--shadow-card);border-radius:16px;padding:16px 20px 17px 24px;position:relative}.ex-outcome:before{content:"";background:var(--tone);border-radius:0 3px 3px 0;width:3px;position:absolute;top:16px;bottom:16px;left:0}.ex-outcome__label{color:var(--ink-3);font-size:12px;font-weight:600}.ex-outcome__text{color:var(--ink);margin-top:4px;font-size:15px;line-height:1.55}.ex-split{background:var(--card);box-shadow:0 0 0 1px color-mix(in oklch, var(--line) 75%, transparent), var(--shadow-card);border-radius:22px;margin-top:1.5rem;display:grid}.ex-split__col{min-width:0;padding:22px 26px 26px}.ex-split__col+.ex-split__col{border-top:1px dashed var(--line-strong)}@media (width>=768px){.ex-split{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-split__col+.ex-split__col{border-top:0;border-left:1px dashed var(--line-strong)}}.ex-split__title{color:var(--ink);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.ex-split__list{color:var(--ink-2);gap:11px;margin-top:16px;font-size:14px;line-height:1.55;display:grid}.ex-split__list li{grid-template-columns:22px minmax(0,1fr);gap:8px;display:grid}.ex-split__mark{width:15px;height:15px;color:var(--brand);margin-top:3px}.ex-split__mark--app{width:auto;height:auto;color:color-mix(in oklch, var(--tone) 85%, var(--ink));font-family:var(--font-mono);white-space:nowrap;margin-top:1px;font-size:11px;font-weight:600;line-height:21px}.ex-related{gap:16px;margin-top:1.5rem;display:grid}@media (width>=900px){.ex-related{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,.8fr)}}.ex-related__label{color:var(--ink-3);font-size:12px;font-weight:500}.ex-guides{background:var(--card);box-shadow:0 0 0 1px color-mix(in oklch, var(--line) 75%, transparent), var(--shadow-card);border-radius:22px;padding:16px 8px 8px}.ex-guides>.ex-related__label{padding:0 12px 6px}.ex-guide{min-height:46px;color:var(--ink);border-radius:12px;outline:none;align-items:center;gap:12px;padding:8px 12px;font-size:14px;font-weight:500;transition:background-color .15s;display:flex}.ex-guide:hover{background:color-mix(in oklch, var(--ink) 4%, transparent)}.ex-guide:focus-visible{box-shadow:inset 0 0 0 2px var(--brand)}.ex-guide__icon{width:16px;height:16px;color:var(--ink-3);transition:rotate .22s var(--ease-out);flex:none}.ex-guide:is(:hover,:focus-visible) .ex-guide__icon{rotate:-10deg}.ex-guide__title{flex:1;min-width:0}.ex-guide>svg:last-child{width:15px;height:15px;color:var(--ink-3);flex:none}.ex-card{background:var(--card);color:inherit;box-shadow:0 0 0 1px color-mix(in oklch, var(--line) 75%, transparent), var(--shadow-card);transition:box-shadow .22s ease, translate .22s var(--ease-out);border-radius:22px;outline:none;flex-direction:column;gap:6px;padding:18px 46px 20px 20px;display:flex;position:relative}.ex-card:hover{box-shadow:0 0 0 1px color-mix(in oklch, var(--line) 75%, transparent), var(--shadow-raised);translate:0 -2px}.ex-card:focus-visible{box-shadow:0 0 0 2px var(--brand), var(--shadow-raised)}.ex-card__title{color:var(--ink);letter-spacing:-.02em;font-size:16px;font-weight:600;line-height:1.3}.ex-card__body{color:var(--ink-2);font-size:13.5px;line-height:1.5}.ex-card__meta{color:var(--ink-3);margin-top:auto;padding-top:8px;font-size:12px}.ex-card__arrow{width:17px;height:17px;color:var(--ink-3);transition:translate .18s,color .15s;position:absolute;top:18px;right:18px}.ex-card:is(:hover,:focus-visible) .ex-card__arrow{color:var(--ink);translate:2px -2px}.ex-nav__sentinel{height:1px;margin-top:-1px;display:block}.ex-nav{top:var(--sticky-top);z-index:30;height:0;display:none;position:sticky}@media (width>=768px){.ex-nav{display:block}}.ex-nav__bar{opacity:0;pointer-events:none;max-width:calc(100vw - 2rem);transition:opacity .18s ease, translate .28s var(--ease-out);border-radius:15px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:0;left:50%;translate:-50% -10px}.ex-nav[data-stuck] .ex-nav__bar{opacity:1;pointer-events:auto;translate:-50%}.ex-nav__track{scrollbar-width:none;gap:2px;min-width:0;display:flex;position:relative;overflow-x:auto}.ex-nav__thumb{width:var(--seg-w,0);background:color-mix(in oklch, var(--ink) 7%, transparent);translate:var(--seg-x,0) 0;opacity:0;transition:translate .28s var(--ease-out), width .28s var(--ease-out), opacity .12s ease;border-radius:11px;position:absolute;top:0;bottom:0;left:0}.ex-nav__track[data-ready] .ex-nav__thumb{opacity:1}.ex-nav__link{z-index:1;height:34px;color:var(--ink-3);white-space:nowrap;border-radius:11px;outline:none;flex:none;align-items:center;padding-inline:12px;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex;position:relative}.ex-nav__link:hover,.ex-nav__link[aria-current]{color:var(--ink)}.ex-nav__link:focus-visible{box-shadow:inset 0 0 0 2px var(--brand)}.ex-nav__mission{background:var(--paper-3);height:34px;color:var(--ink-2);border-radius:11px;outline:none;flex:none;align-items:center;gap:6px;padding-inline:11px;font-size:12.5px;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.ex-nav__mission svg{width:13px;height:13px}.ex-nav__mission[data-complete]{background:color-mix(in oklch, var(--brand) 12%, transparent);color:var(--brand)}.ex-nav__mission:focus-visible{box-shadow:inset 0 0 0 2px var(--brand)}@media (prefers-reduced-motion:reduce){.ex-chips>li{animation:none}.ex-live:has(.ss-stage[data-state=live]) .ex-live__on{animation:none}.ex-live:has(.ss-stage[data-state=live]) .ex-live__dot{animation:none}.ex-guide,.ex-guide__icon,.ex-card,.ex-card__arrow,.ex-nav__bar,.ex-nav__thumb,.ex-nav__link,.ex-nav__mission{transition:none}}}.ex-app[data-expanded]>.ex-stage{height:auto;min-height:0;box-shadow:none;border-radius:0;flex:auto}