@import "https://fonts.googleapis.com/css2?family=Big+Shoulders:wght@700;800&family=Public+Sans:wght@400;500;600;700&display=swap";.progress-rail[data-astro-cid-uglr7svf]{border-right:3px solid var(--ink,#2e251d);z-index:100;background:#17171714;width:10px;height:100vh;position:fixed;top:0;left:0}@media (width<=640px){.progress-rail[data-astro-cid-uglr7svf]{width:7px}}.progress-fill[data-astro-cid-uglr7svf]{transform-origin:top;background:var(--bar-accent);width:100%;height:100%;transition:transform 60ms linear;position:absolute;top:0;left:0;transform:scaleY(0)}.progress-tick[data-astro-cid-uglr7svf]{background:var(--ink,#2e251d);color:var(--cream,#fffcef);z-index:101;pointer-events:none;border-radius:6px;padding:2px 7px;font-family:Public Sans,sans-serif;font-size:11px;font-weight:700;position:fixed;top:18px;left:16px;transform:translateY(-50%)}@media (width<=640px){.progress-tick[data-astro-cid-uglr7svf]{padding:2px 5px;font-size:9px;left:11px}}:root{--cream:#fffcef;--cream-dim:#fff6d6;--teal-dark:#2c5c61;--line:3px;--radius:16px;--shadow:5px 5px 0 var(--ink);--accent:var(--teal)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);margin:0;font-family:Public Sans,system-ui,sans-serif;font-size:17px;line-height:1.65}.guide-page{background:var(--bg,var(--cream));background-image:radial-gradient(var(--ink) .6px, transparent .6px);background-position:-6px -6px;background-size:26px 26px;min-height:100vh;padding-left:22px}@media (width<=640px){.guide-page{padding-left:14px}body{font-size:16px}}.page-outline{width:180px;max-height:calc(100vh - 110px);display:none;position:sticky;top:90px;left:calc(50% - 590px);overflow-y:auto}@media (width>=1300px){.page-outline{display:block}}:root{--outline-text:#8a6d00}.page-outline summary{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;color:var(--outline-text);user-select:none;align-items:center;gap:6px;margin:0 0 10px;font-family:Public Sans,sans-serif;font-size:11px;font-weight:700;list-style:none;display:flex}.page-outline summary::-webkit-details-marker{display:none}.page-outline summary::marker{content:""}.page-outline .chevron{color:var(--outline-text);font-size:10px;transition:transform .15s;display:inline-block}.page-outline details[open] .chevron{transform:rotate(90deg)}.page-outline ul{margin:0;padding:0;list-style:none}.page-outline li{margin:0}.page-outline a,.page-outline a:link,.page-outline a:visited{color:var(--outline-text);padding:4px 0;font-size:.82rem;font-weight:400;line-height:1.35;text-decoration:none;transition:font-weight .12s,text-decoration-color .12s;display:block}.page-outline li.depth-3 a{opacity:.85;padding-left:14px;font-size:.76rem}.page-outline a:hover,.page-outline a:focus-visible{font-weight:700;text-decoration:underline}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:760px;margin:28px auto 0;padding:0 20px;display:flex}.wordmark{color:var(--ink);align-items:baseline;gap:6px;font-family:Big Shoulders,sans-serif;font-size:22px;font-weight:700;text-decoration:none;display:flex}.wordmark span.dot{color:var(--accent)}.map-link{color:var(--ink);border:var(--btn-border-width) solid var(--ink);box-shadow:var(--btn-shadow);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:4px;padding:7px 14px 7px 10px;font-family:Public Sans,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:transform .1s ease-out,box-shadow .1s ease-out;display:inline-flex}.map-link svg{flex-shrink:0;width:18px;height:18px}.map-link:hover{box-shadow:var(--btn-shadow-hover);transform:translateY(-1px)}.map-link:active{box-shadow:var(--btn-shadow-active);transform:translateY(2px)}.step-hero{max-width:760px;margin:22px auto 0;padding:0 20px}.step-kicker{color:var(--accent-text,var(--ink));background:var(--accent-solid,var(--accent));border:var(--line) solid var(--ink);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 8px;font-family:Public Sans,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.step-kicker .num{background:var(--ink);color:var(--cream);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}h1.step-title{letter-spacing:-.02em;margin:18px 0 6px;font-family:Big Shoulders,sans-serif;font-size:clamp(2rem,5vw,2.85rem);font-weight:700;line-height:1.05}.step-sub{color:var(--teal-dark);margin:0 0 8px;font-family:Public Sans,sans-serif;font-size:14px}.mdx-subtitle{color:var(--teal-dark);margin:-10px 0 18px;font-family:Public Sans,sans-serif;font-size:.85rem}main.content{max-width:760px;margin:0 auto;padding:18px 20px 40px}main.content p{margin:0 0 20px}main.content h2{border-top:var(--line) dashed #17171740;margin:42px 0 14px;padding-top:6px;font-family:Big Shoulders,sans-serif;font-size:1.5rem;font-weight:700}main.content h3{margin:30px 0 10px;font-family:Big Shoulders,sans-serif;font-size:1.15rem;font-weight:700}main.content strong{background:linear-gradient(to top, color-mix(in srgb, var(--accent) 35%, transparent) 38%, transparent 38%);padding:0 1px}main.content ul,main.content ol{margin:0 0 20px;padding-left:22px}main.content li{margin-bottom:8px}main.content a{color:var(--teal-dark);text-decoration:underline 2px}main.content a[href*=slack\.com]{font-weight:700;text-decoration:none}code,.inline-code{background:var(--cream-dim);border:1.5px solid #17171740;border-radius:5px;padding:1px 6px;font-family:Public Sans,sans-serif;font-size:.88em}pre.code-block{background:var(--ink);color:#f2f2f2;border-radius:var(--radius);border:var(--line) solid var(--ink);box-shadow:var(--shadow);margin:0 0 22px;padding:18px 20px;font-family:Public Sans,sans-serif;font-size:.86rem;line-height:1.55;overflow-x:auto}pre.code-block .cm{color:#9ba8a9;font-style:italic}pre.code-block .tok-kw1{color:#e67e22;font-weight:700}pre.code-block .tok-kw2{color:#e67e22;font-weight:400}pre.code-block .tok-kw3{color:#a9c23f;font-weight:400}pre.code-block .tok-lit{color:#29c1d1;font-weight:400}.gif-slot{border:var(--line) var(--ink);border-radius:var(--radius);background:repeating-linear-gradient(135deg, #fff, #fff 10px, var(--cream-dim) 10px, var(--cream-dim) 20px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:200px;margin:26px 0 30px;display:flex}.gif-slot .gif-badge{background:var(--ink);color:var(--cream);border-radius:999px;padding:3px 10px;font-family:Public Sans,sans-serif;font-size:12px;font-weight:700}.gif-slot .gif-caption{color:#171717a6;max-width:480px;font-family:Public Sans,sans-serif;font-size:13px}.gif-slot img,.gif-slot video{border:2px solid var(--ink);border-radius:10px;max-width:100%;display:block}.callout{border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin:0 0 24px;padding:18px 20px}.callout.stop{background:var(--orange-deep);color:var(--cream)}.callout.tip{background:var(--yellow)}.callout.note{background:var(--teal);color:var(--cream)}.callout .label{letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-family:Public Sans,sans-serif;font-size:12px;font-weight:700;display:block}.callout p:last-child{margin-bottom:0}.part-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0 0 26px;display:grid}.part-card{border:1px solid var(--ink);background:#fff;border-radius:4px;padding:14px 16px;position:relative;overflow:hidden}.part-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 50%,#2e251d24 50%);width:16px;height:16px;position:absolute;top:0;right:0}.part-card ul{margin:8px 0 0;padding-left:18px;font-size:.92rem}.part-card li{margin-bottom:4px}.catalog-groups{margin:0 0 26px}.component-group{margin:0 0 24px}.part-card .part-img{-o-object-fit:contain;object-fit:contain;background:var(--cream-dim);border:2px solid var(--ink);border-radius:10px;width:100%;height:110px;margin-bottom:10px}.part-card .part-name{border-bottom:1.5px solid #2e251d26;margin:2px 0 10px;padding-bottom:8px;font-family:Big Shoulders,sans-serif;font-size:1rem;font-weight:700}.part-card .part-impl{margin:0 0 12px;font-size:.86rem}.part-card .part-links{border-top:1.5px solid #2e251d26;flex-wrap:wrap;gap:6px;padding-top:10px;display:flex}.part-card .part-links a{text-underline-offset:2px;color:var(--teal-dark);border:2px solid var(--ink);background:#fff;border-radius:999px;padding:3px 9px;font-family:Public Sans,sans-serif;font-size:.72rem;font-weight:700;text-decoration:underline;transition:background .12s}.part-card .part-links a:hover{background:var(--accent-solid,var(--yellow));color:var(--accent-text,var(--ink))}.checklist{padding-left:0;list-style:none}.checklist li{border-bottom:1.5px dashed #17171733;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.checklist li:last-child{border-bottom:none}.checklist .box{border:2.5px solid var(--ink);border-radius:4px;flex:none;width:18px;height:18px;margin-top:2px}.step-nav{justify-content:space-between;gap:14px;max-width:760px;margin:30px auto 60px;padding:0 20px;display:flex}@media (width<=640px){.step-nav{flex-direction:column}}.nav-btn{color:var(--ink);border:var(--btn-border-width) solid var(--ink);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);background:#fff;flex-direction:column;flex:1;gap:2px;padding:12px 18px;font-family:Public Sans,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:transform .1s ease-out,box-shadow .1s ease-out;display:flex}.nav-btn.next{text-align:right;background:var(--accent-solid,var(--accent));color:var(--accent-text,var(--ink));align-items:flex-end}.nav-btn small{opacity:.7;font-size:11px;font-weight:400}.nav-btn:hover{box-shadow:var(--btn-shadow-hover);transform:translateY(-1px)}.nav-btn:active{box-shadow:var(--btn-shadow-active);transform:translateY(2px)}.submit-btn{background:var(--orange-deep);color:var(--cream)}.page-submit-wrap{text-align:center;margin:40px 0 20px}.page-submit-btn{background:var(--green);border:var(--btn-border-width) solid var(--ink);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);color:var(--ink);padding:16px 32px;font-family:Public Sans,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:transform .1s ease-out,box-shadow .1s ease-out;display:inline-block}.page-submit-btn:hover{box-shadow:var(--btn-shadow-hover);transform:translateY(-1px)}.page-submit-btn:active{box-shadow:var(--btn-shadow-active);transform:translateY(2px)}footer.site-foot{text-align:center;color:#17171780;padding:10px 20px 50px;font-family:Public Sans,sans-serif;font-size:12px}