#project{border:0;min-width:0;padding:0 0 40px}#project h2{font-size:26px;line-height:1.3}#project>p,.project-setup>p,.project-stages>li>p{max-width:var(--prose-width)}#project p code{overflow-wrap:anywhere}#project a:not(.button):not(.page-intro .page-eyebrow a):not(.project-stage-links a){color:var(--blue);text-underline-offset:3px;text-decoration:underline}#project details{margin-block:16px}#project details>summary{min-height:44px;font-size:15px}.project-setup{border-block:1px solid var(--line)}.project-setup>summary{font-weight:600}.project-setup[open]{padding-bottom:20px}.project-setup h3{margin-top:24px}#project .project-command pre{white-space:pre}.project-stages{counter-reset:stage;margin:28px 0;padding:0;list-style:none}.project-stages>li{counter-increment:stage;border-top:1px solid var(--line);min-width:0;padding-block:28px;scroll-margin-top:24px;scroll-margin-bottom:100px}.project-stages>li>h2{align-items:baseline;gap:12px;display:flex}.project-stages>li>h2:before{content:counter(stage, decimal-leading-zero);color:var(--mint);font:600 15px/1.5 var(--ui);letter-spacing:normal;flex-shrink:0}.expected-output{background:var(--mint-surface);border-left:3px solid var(--mint);padding:16px;font-size:14px}.project-stages .stage-check{font:15px/1.6 var(--ui);color:var(--ink);cursor:pointer;align-items:flex-start;gap:12px;display:flex}.stage-check input{margin-top:3px}#project-status{color:var(--mint)}.project-blueprint{border:1px solid var(--stage-practice-border);border-left:5px solid var(--stage-practice-accent);border-radius:var(--learning-radius);background:var(--stage-practice-bg);margin:28px 0 24px;padding:24px}.project-blueprint-header .stage-pill{background:var(--stage-practice-banner);border:1px solid var(--stage-practice-border);color:var(--stage-practice-accent);font:700 11px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;padding:3px 10px;display:inline-flex}#project-blueprint-heading{margin:10px 0 6px}.blueprint-lead{max-width:72ch;color:var(--muted);font:15px/1.6 var(--ui);margin:0 0 18px}.project-blueprint-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-blueprint-card{border:1px solid var(--line);border-radius:var(--learning-radius);background:var(--panel);min-width:0;padding:20px}.project-blueprint-card h3{font:650 18px/1.35 var(--ui);color:var(--atlas);margin:0 0 10px}.project-blueprint-card p{font-size:14px;line-height:1.6}.blueprint-list{margin:10px 0 0;padding-left:20px;font-size:14px;line-height:1.6}.code-target-callout{border-left:4px solid var(--mint);border-radius:var(--learning-radius);background:var(--mint-surface);font:600 14px/1.5 var(--ui);padding:10px 14px}.project-tree{margin:12px 0 0;padding:14px;font-size:12px;line-height:1.5;overflow-x:auto}.project-workflow-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.project-workflow-strip li{border:1px solid var(--line);border-radius:var(--learning-radius);background:var(--panel);font:13px/1.5 var(--ui);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.project-workflow-strip strong{color:var(--atlas);font:650 13px/1.35 var(--ui)}.project-stage-links{flex-wrap:wrap;gap:10px;margin-block:20px;display:flex}.project-stage-links a{min-height:44px;font:14px/1.5 var(--ui);background:var(--panel);border:1px solid var(--line);border-radius:var(--learning-radius);align-items:center;padding:12px 16px;display:inline-flex}.project-stage-links a:hover{background:var(--nav-surface)}.stage-code-walkthrough{border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:var(--learning-radius);background:var(--panel);margin:16px 0;padding:16px 18px}.stage-code-kicker{font:700 12px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--blue);margin:0 0 8px}.stage-code-guide{margin:0 0 10px;font-size:14px;line-height:1.6}.stage-api-list{margin:8px 0 12px;padding-left:20px;font-size:14px;line-height:1.55}.stage-starter-code{border:1px solid var(--line);border-radius:var(--learning-radius);background:var(--paper);margin-top:12px;overflow:hidden}.stage-code-header{border-bottom:1px solid var(--line);background:var(--nav-surface);font:600 12px/1.4 var(--mono);color:var(--muted);padding:8px 14px}.stage-starter-code pre,.stage-solution-details pre{margin:0;padding:14px;font-size:13px;line-height:1.55;overflow-x:auto}.stage-solution-details{border:1px dashed var(--line);border-radius:var(--learning-radius);background:var(--paper);margin-top:12px;padding:10px 14px}@media (width<=900px){.project-blueprint-grid,.project-workflow-strip{grid-template-columns:1fr}}@media (width<=760px){.project-stage-links{flex-direction:column}}@media print{.project-stage-links{display:none}}