:where(.skillspace-library,.starter-directory,.starter-space,.skillspace-overview-page){--space-surface:#f3f3ef;--space-stroke:#d9ddd5;--space-accent:#53635c;--space-paper:#fffefa}[data-space-context=reference]{--space-surface:#eff3ed;--space-stroke:#d3decf;--space-accent:#4a634c}[data-space-context=local]{--space-surface:#f6efe5;--space-stroke:#e1d4c2;--space-accent:#6d5439}[data-space-context=shared]{--space-surface:#edf2fc;--space-stroke:#cad8f0;--space-accent:#3155a2}[data-space-context=local-and-shared]{--space-surface:#f3eef9;--space-stroke:#dfd2eb;--space-accent:#684d88}.skillspace-overview-page{--color-voltage:#3c6cff;max-width:1224px;color:var(--color-ink,#111);margin:0 auto;padding:25px 28px 76px}.skillspace-overview-breadcrumb{color:var(--color-muted,#6b6b66);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;font-size:12px;display:flex}.skillspace-overview-breadcrumb a,.skillspace-example-text-link,.skillspace-example-primary,.skillspace-example-reference-title a{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.skillspace-overview-breadcrumb a{min-height:44px;color:inherit}.skillspace-overview-page :is(a,button,video,[tabindex]):focus-visible{outline:2px solid var(--color-voltage,#3c6cff);outline-offset:4px}.skillspace-example{min-width:0}.skillspace-example h1,.skillspace-example h2,.skillspace-example h3,.skillspace-example p,.skillspace-example figure{margin:0}.skillspace-example-header{border:1px solid var(--space-stroke);background:linear-gradient(115deg, #eff3ed, var(--space-paper) 82%);border-radius:18px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:22px;padding:20px;display:flex}.skillspace-example-header>div{min-width:0;max-width:620px}.skillspace-example-badge{color:#4a634c;font:10px var(--font-mono,monospace);background:#eff3ed;border:1px solid #d3decf;border-radius:6px;padding:5px 8px;display:inline-flex}.skillspace-example h1{letter-spacing:-.045em;text-wrap:balance;margin:13px 0 12px;font-size:clamp(29px,3.5vw,40px);font-weight:500;line-height:1.1}.skillspace-example-header p{color:var(--color-muted);font-size:14px;line-height:1.65}.skillspace-example-primary{background:var(--color-voltage,#3c6cff);color:#fff;border-radius:7px;flex-shrink:0;min-height:46px;padding:13px 17px;font-size:13px;font-weight:500}.skillspace-example-overview-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:start;gap:32px;display:grid}.skillspace-example-video{aspect-ratio:16/10;background:#191b1c;border-radius:9px;position:relative;overflow:hidden}.skillspace-example-video video{object-fit:cover;width:100%;height:100%;display:block}.skillspace-example-video-label{max-width:calc(100% - 24px);font:10px var(--font-mono,monospace);color:#fff;pointer-events:none;background:#111c;border-radius:3px;padding:6px 8px;position:absolute;top:12px;left:12px}.skillspace-example-reference figcaption{padding:15px 1px 0}.skillspace-example-reference-title{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.skillspace-example-reference-title strong{font-size:13px;font-weight:500}.skillspace-example-reference-title a{color:#315bd9;font-size:11px}.skillspace-example-reference figcaption p{color:var(--color-muted);max-width:62ch;margin-top:8px;font-size:11px;line-height:1.7}.skillspace-example .skillspace-example-eyebrow{font:10px var(--font-mono,monospace);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);margin-bottom:10px}.skillspace-example h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(21px,2.3vw,28px);font-weight:500;line-height:1.2}.skillspace-example-goal{color:var(--color-muted);padding-top:11px;font-size:13px;line-height:1.65}.skillspace-example-brief{border:1px solid var(--space-stroke);background:var(--space-paper);border-radius:16px;padding:20px}.skillspace-example-result{background:#f0f4fc;border:1px solid #d6dfef;border-radius:12px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:4px 16px;margin:20px 0;padding:15px;display:grid}.skillspace-example-result span{color:var(--color-muted);font-size:10px}.skillspace-example-result strong{grid-row:2;font-size:12px;font-weight:500}.skillspace-example-result svg{color:#315bd9;grid-area:1/2/3;align-self:center}.skillspace-example-result span:nth-of-type(2),.skillspace-example-result strong:nth-of-type(2){grid-column:3}.skillspace-example-brief h3{font-size:12px;font-weight:500}.skillspace-example-checklist{margin:12px 0 0;padding:0;list-style:none}.skillspace-example-checklist li{align-items:baseline;gap:13px;padding:7px 0;font-size:12px;line-height:1.55;display:flex}.skillspace-example-checklist li span{color:#315bd9;font:10px var(--font-mono)}.skillspace-example .skillspace-example-brief-note{color:var(--color-muted);margin-top:15px;font-size:10px;line-height:1.65}.skillspace-example-readiness.is-compact{border-top:1px solid var(--color-line-strong);margin-top:30px;padding-top:24px}.skillspace-example-section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px;display:flex}.skillspace-example-unknown{color:#65635b;font:10px var(--font-mono);background:#eeece5;border-radius:3px;flex-shrink:0;padding:6px 8px}.skillspace-example-readiness-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.skillspace-example-readiness-item{border:1px solid var(--space-stroke);background:linear-gradient(145deg, var(--space-surface), var(--space-paper) 65%);border-radius:14px;padding:19px;position:relative}.skillspace-example-readiness-item>svg{color:#76766e;margin-bottom:12px}.skillspace-example-readiness-item h3{font-size:14px;font-weight:500}.skillspace-example-readiness-item p{color:var(--color-muted);margin:7px 0 15px;font-size:12px;line-height:1.6}.skillspace-example-readiness-item>span{color:#74736c;font:10px var(--font-mono)}.skillspace-example-readiness-note{color:var(--color-muted);max-width:85ch;padding-top:20px;font-size:13px;line-height:1.75}.skillspace-example-demonstrations>p:not(.skillspace-example-eyebrow){color:var(--color-muted);padding-top:14px;font-size:13px;line-height:1.7}.skillspace-example-demonstrations dl{margin:17px 0}.skillspace-example-demonstrations dl>div{border-top:1px solid var(--color-line-strong);padding:14px 0}.skillspace-example-demonstrations dt{font-size:12px;font-weight:500}.skillspace-example-demonstrations dd{color:var(--color-muted);margin:5px 0 0;font-size:12px;line-height:1.65}.skillspace-example-text-link{color:#315bd9;min-height:44px;font-size:13px;font-weight:500}.skillspace-example-footer{border-top:1px solid var(--color-line-strong);justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:24px;display:flex}.skillspace-example-footer strong{font-size:15px;font-weight:500}.skillspace-example-footer p{color:var(--color-muted);margin-top:6px;font-size:12px;line-height:1.6}.skillspace-example-primary:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.skillspace-example-primary:hover{background:#315bd9}.skillspace-example-text-link:hover,.skillspace-example-reference-title a:hover,.skillspace-overview-breadcrumb a:hover{text-underline-offset:4px;text-decoration:underline}}@media (width<=900px){.skillspace-example-header{align-items:flex-start}.skillspace-example-primary{margin-top:3px}.skillspace-example-overview-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:24px}}@media (width<=680px){.skillspace-overview-page{padding:12px 18px 48px}.skillspace-overview-breadcrumb{margin-bottom:20px;font-size:11px}.skillspace-example-header{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:20px;padding:16px}.skillspace-example-brief{padding:16px}.skillspace-example-header p{font-size:13px}.skillspace-example-primary{margin:0}.skillspace-example-overview-grid{grid-template-columns:minmax(0,1fr);gap:28px}.skillspace-example-video{aspect-ratio:16/10}.skillspace-example-section-heading{flex-direction:column;align-items:flex-start}.skillspace-example-readiness-grid{grid-template-columns:minmax(0,1fr);gap:10px}.skillspace-example-readiness-item{padding:16px 16px 16px 48px}.skillspace-example-readiness-item>svg{position:absolute;top:17px;left:17px}.skillspace-example-readiness-item p{margin-bottom:10px}.skillspace-example-footer{flex-direction:column;align-items:flex-start;gap:10px}}@media (prefers-reduced-motion:reduce){.skillspace-example-primary:active{transform:none}}.skillspace-example-readiness-link{border:1px solid var(--color-line-strong);text-align:left;color:#315bd9;background:#fffdf8;border-radius:7px;align-items:center;gap:15px;width:100%;margin-top:26px;padding:15px 18px;display:flex}.skillspace-example-readiness-link>span{color:var(--color-muted);flex:1;gap:4px;font-size:12px;line-height:1.6;display:grid}.skillspace-example-readiness-link strong{color:var(--color-ink);font-size:13px;font-weight:500}