.phases{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.phase{font:500 11px/1 var(--font-mono);letter-spacing:-.02em;color:var(--mute);background:var(--panel2);border:1px solid var(--edge);border-radius:2px;padding:9px 12px;transition:border-color .14s ease,color .14s ease}.phase:hover{border-color:var(--edge2);color:var(--fg)}.phase[aria-selected=true]{border-color:var(--sodium);color:var(--sodium)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.find{position:relative;max-width:560px;margin:0 0 18px}.find input{width:100%;background:var(--panel2);border:1px solid var(--edge);border-radius:2px;padding:11px 13px;color:var(--fg);font:500 12px/1.2 var(--font-mono);letter-spacing:-.02em;transition:border-color .14s ease}.find input::placeholder{color:var(--mute)}.find input:hover{border-color:var(--edge2)}.find input:focus{outline:none;border-color:var(--sodium)}.find input:focus-visible{outline:2px solid var(--sodium);outline-offset:2px}.find input::-webkit-search-decoration,.find input::-webkit-search-cancel-button{-webkit-appearance:none}.hits{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;list-style:none;margin:0;padding:4px;background:var(--panel);border:1px solid var(--edge2);border-radius:3px;box-shadow:0 14px 34px #00000052;max-height:340px;overflow-y:auto}.hits li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:10px 11px;border-radius:2px;cursor:pointer}.hits li.is-active,.hits li:hover{background:var(--panel2)}.hits li.none{cursor:default;color:var(--mute);font:500 11px/1.4 var(--font-mono)}.hit-step{font:500 12.5px/1.3 var(--font-body);color:var(--fg)}.hits li.is-active .hit-step,.hits li:hover .hit-step{color:var(--sodium)}.hit-phase{font:500 9.5px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mute);white-space:nowrap}.blurb{color:var(--mute);font-size:clamp(15px,1.3vw,17.5px);margin:0 0 clamp(24px,3vw,40px);max-width:58ch}.nojs{color:var(--mute);max-width:58ch;margin:0}.flow{display:grid;gap:16px;align-items:start}@media(min-width:1080px){.flow{grid-template-columns:clamp(220px,20vw,300px) minmax(0,1fr);gap:clamp(24px,3vw,52px)}}.rail{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:20px}.rail .lbl,.rail .stuck{display:none}.crumb{font:500 10px/1 var(--font-mono);padding:5px 8px;border-radius:2px;background:var(--panel2);color:var(--mute);letter-spacing:-.02em;border:1px solid transparent}.crumb.back{background:none;color:var(--sodium);cursor:pointer;text-decoration:underline;padding:5px 2px}.crumb.is-here{border-color:var(--edge)}@media(min-width:1080px){.rail{display:block;position:sticky;top:24px}.rail .lbl{display:block;font:700 10px/1 var(--font-mono);color:var(--mute);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--edge)}.rail .trail{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:30px}.rail .crumb{width:100%;text-align:left}.rail .stuck{display:block}.rail .stuck .opt{padding:10px 12px;font-size:13.5px}}.card{background:var(--panel);border:1px solid var(--edge);border-radius:4px;overflow:hidden;max-width:1180px}.card-in{padding:clamp(20px,2.4vw,34px)}.step{font:700 10.5px/1 var(--font-mono);color:var(--sodium);letter-spacing:.02em;text-transform:uppercase;margin:0 0 12px}.prompt{font:700 clamp(19px,2.2vw,28px) / 1.2 var(--font-display);letter-spacing:-.028em;margin:0 0 8px}.prompt:focus-visible{outline:2px solid var(--sodium);outline-offset:3px}.hint{color:var(--mute);font-size:14.5px;margin:0 0 20px;max-width:58ch}.samples{display:grid;gap:8px}@media(min-width:1500px){.samples{grid-template-columns:1fr 1fr}}.sample{display:block;text-align:left;background:var(--ink);border:1px solid var(--ink-edge);border-radius:3px;padding:12px 14px;transition:border-color .14s ease}.sample:hover{border-color:var(--sodium)}.sample .src{font:500 9.5px/1 var(--font-mono);color:var(--ink-mute);letter-spacing:.04em;text-transform:uppercase;display:block;margin-bottom:7px}.sample code{font:400 12.5px/1.55 var(--font-mono);color:var(--ink-fg);white-space:pre-wrap;word-break:break-word;display:block;letter-spacing:-.04em}.sample code em{font-style:normal;color:var(--ink-teal)}.sample:hover code em,.sample:focus-visible code em{color:#e9c46a}.read{margin:0 0 18px;font-size:clamp(15px,1.25vw,17px);line-height:1.6;max-width:68ch}.read b{color:var(--sodium);font-weight:600}.cmd{display:block;background:var(--ink);border:1px solid var(--ink-edge);border-radius:3px;padding:14px 16px;margin:0 0 18px;font:400 12.5px/1.7 var(--font-mono);color:var(--ink-teal);overflow-x:auto;white-space:pre;letter-spacing:-.04em;max-width:1000px}.cmd .c{color:var(--ink-mute)}.opts{display:grid;gap:8px;max-width:760px}.opt{text-align:left;background:var(--panel2);border:1px solid var(--edge);border-radius:3px;padding:12px 15px;font-size:15px;line-height:1.35;display:flex;gap:10px;align-items:baseline;transition:border-color .14s ease}.opt:hover{border-color:var(--sodium)}.opt .arw{color:var(--teal);font-size:10px}.seen{margin:20px 0 0;padding-top:15px;border-top:1px solid var(--edge);font-size:13px;color:var(--mute)}.seen a{color:var(--sodium);font-weight:600;text-decoration:none;border-bottom:1px solid var(--stamp-seal)}.seen a:hover{border-bottom-color:var(--sodium)}.hatch{border-top:1px solid var(--edge);background:var(--hatch)}.hatch summary{list-style:none;padding:13px clamp(20px,2.4vw,34px);cursor:pointer;font:500 11px/1 var(--font-mono);color:var(--mute);letter-spacing:-.02em;display:flex;justify-content:space-between;align-items:center;gap:12px}.hatch summary::-webkit-details-marker{display:none}.hatch summary:hover{color:var(--sodium)}.hatch summary .plus{color:var(--teal)}.hatch[open] summary{color:var(--sodium);border-bottom:1px solid var(--edge)}.hatch .opts{padding:14px clamp(20px,2.4vw,34px) 18px;max-width:none}@media(min-width:1080px){.hatch{display:none}}