@font-face{font-family:"Source Sans 3";src:url(/fonts/source-sans-3-latin.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Source Code Pro;src:url(/fonts/source-code-pro-latin.woff2)format("woff2");font-style:normal;font-weight:400 500;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--surface:#f6f8fa;--ink:#1f2328;--muted:#59636e;--accent:#20594f;--accent-hover:#163f38;--link:#0969da;--link-hover:#0550ae;--line:#d1d9e0;--white:#fff;--warning-ink:#744d0d;--warning-bg:#fff5da;--selection:#dbeafe;--sans:"Source Sans 3", "Helvetica Neue", Arial, sans-serif;--mono:"Source Code Pro", ui-monospace, monospace;--radius:6px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:1.0625rem;line-height:1.6}::selection{background:var(--selection);color:var(--ink)}a{color:var(--link);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--link-hover);text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--link);outline-offset:4px;border-radius:2px}p,h1,h2,h3{overflow-wrap:anywhere;margin:0}p+p{margin-top:16px}code{font-family:var(--mono);font-size:inherit}.icon{flex:none;width:16px;height:16px}.wrap{width:min(1160px,100% - 96px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-block:19px;display:flex}.wordmark{overflow-wrap:anywhere;max-width:100%;color:var(--ink);letter-spacing:-.04em;font-size:2rem;font-weight:700;line-height:1.3;text-decoration:none}.wordmark span{color:var(--accent)}.wordmark:hover{color:var(--ink)}nav{flex-wrap:wrap;gap:8px 28px;max-width:100%;display:flex}nav a{min-height:44px;color:var(--ink);align-items:center;gap:7px;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}nav a:hover{text-decoration:underline}.hero{padding-block:72px 64px}.brand-lockup{flex-wrap:wrap;align-items:center;gap:8px 16px;max-width:100%;display:flex}.project-name{color:var(--muted);font-size:.875rem}.section-deck{color:var(--muted);margin-top:14px;font-size:1.25rem;line-height:1.5}h1{letter-spacing:-.035em;max-width:1100px;font-size:clamp(2.25rem,4.9vw + .5rem,4.1875rem);font-weight:600;line-height:1.08}h1 span{color:var(--accent)}.hero-intro{max-width:690px;margin-top:28px;font-size:1.25rem;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:28px;display:flex}.button{background:var(--accent);min-height:48px;color:var(--white);border:1px solid var(--accent);border-radius:var(--radius);align-items:center;gap:20px;padding:11px 20px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover,.button:active{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--white)}.text-link{align-items:center;gap:9px;min-height:44px;font-size:1rem;text-decoration:none;display:inline-flex}.link-label{text-underline-offset:.2em;text-decoration:underline}a:hover .link-label{text-decoration-thickness:2px}.hero-note{max-width:650px;color:var(--muted);margin-top:22px;font-size:.9375rem}.skip-link{background:var(--white);z-index:10;padding:12px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:12px}section{scroll-margin-top:30px}main:focus{outline:none}h2{letter-spacing:-.025em;text-wrap:pretty;font-size:clamp(2rem,3.3vw,2.625rem);font-weight:600;line-height:1.18}h3{font-size:1.25rem;font-weight:600;line-height:1.35}.section{padding-block:72px}.ruled{border-top:1px solid var(--line)}.section-heading,.outcomes-layout,.about-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4.5vw,64px);display:grid}.section-heading{align-items:end;margin-bottom:32px}.section-heading>p{max-width:480px;color:var(--muted)}.outcomes-band,.example-band{background:var(--surface);border-block:1px solid var(--line);padding-block:48px}.outcome-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:20px 0;padding:0;list-style:none;display:grid}.outcome-list li{border-bottom:1px solid var(--line);padding-block:9px;font-size:1.0625rem;font-weight:500}.muted,.section-note{color:var(--muted);font-size:1rem}.section-note{max-width:880px;margin-top:28px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.skill-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:flex-start;padding:clamp(22px,2vw,28px);display:flex}.subclass{color:var(--muted);font-family:var(--mono);margin-bottom:9px;font-size:.8125rem}.skill-card h3{letter-spacing:-.015em;font-size:1.5rem;font-weight:600}.skill-description{color:var(--muted);margin-top:14px;margin-bottom:20px}.package-path{width:100%;color:var(--muted);align-items:flex-start;gap:8px;margin-bottom:22px;font-size:.75rem;line-height:1.65;display:flex}p.package-path{margin-top:0}.package-path .icon{margin-top:2px}.package-path code{overflow-wrap:anywhere;min-width:0}.card-links{width:100%;margin-top:auto}.release-link{justify-content:space-between;align-items:center;gap:16px;min-height:44px;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.guide-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:0 24px;margin-top:8px;padding-top:8px;display:flex}.guide-links a{align-items:center;min-height:44px;font-size:.9375rem;display:inline-flex}.draft-notice{color:var(--warning-ink);background:var(--warning-bg);border-radius:3px;margin-top:14px;padding:6px 9px;font-size:.875rem;line-height:1.5}.steps{counter-reset:steps;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:36px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:steps}.steps li:before{content:"0" counter(steps);border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;margin-bottom:18px;padding-bottom:12px;font-size:.875rem;display:block}.steps h3{margin-bottom:12px}.steps p{color:var(--muted);font-size:1rem}.example-label{color:var(--muted);margin-top:18px;font-size:1rem}.example-table{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin-top:28px;padding-inline:22px;position:relative}.example-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.35fr 1.7fr;gap:28px;padding-block:22px;font-size:1rem;display:grid}.example-row:last-child{border-bottom:0}.example-row>div{overflow-wrap:anywhere;min-width:0}.example-row>div:first-child{font-weight:600}.example-head{color:var(--muted);padding-block:15px;font-size:.875rem;font-weight:600}.mobile-label{display:none}.about-layout .lead{font-size:1.3125rem;line-height:1.5}.about-layout .text-link{margin-top:18px}.scope-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px clamp(28px,4.5vw,64px);margin-top:32px;display:grid}.scope-grid h3{margin-bottom:12px}.scope-grid p{color:var(--muted);font-size:1rem}.site-footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px 28px;padding-block:28px 36px;display:flex}.site-footer>p{color:var(--muted);font-size:.9375rem}.site-footer nav{gap:4px 24px;margin-left:auto}.site-footer nav a{font-size:.9375rem}@media (max-width:900px) and (min-width:681px){.wrap{width:calc(100% - 64px)}.section-heading,.outcomes-layout,.about-layout{gap:28px}.steps{gap:24px}.example-row{gap:20px}}@media (max-width:680px){.wrap{width:calc(100% - 40px)}.site-header{flex-direction:column;align-items:flex-start;gap:6px;padding-block:16px}nav{gap:6px clamp(12px,3.8vw,22px)}.hero{padding-block:44px 48px}h1{font-size:clamp(2.25rem,11vw,2.6875rem)}.hero-intro{font-size:1.125rem}.section{padding-block:48px}.section-heading,.outcomes-layout,.about-layout,.scope-grid,.skill-grid,.steps{grid-template-columns:1fr;gap:26px}.outcomes-band,.example-band{padding-block:40px}.section-heading{margin-bottom:26px}.skill-grid{gap:16px}.skill-card{padding:22px}.scope-grid{gap:28px}.outcome-list{column-gap:16px}.outcome-list li{font-size:1rem}.steps{margin-top:28px}.example-table{padding-inline:20px}.example-row{grid-template-columns:1fr;gap:16px;padding-block:22px}.example-head{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.mobile-label{color:var(--muted);margin-bottom:4px;font-size:.75rem;font-weight:600;display:block}.site-footer{flex-direction:column;align-items:flex-start;gap:10px}.site-footer nav{gap:4px 18px;margin-left:0}}@media (max-width:360px){.outcome-list{grid-template-columns:1fr;gap:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
