.machine-explorer{--ink:#e7f1eb;--muted:#a4b6ac;--line:#344b3e;--accent:#86edb6;background:#080e0b;color:var(--ink);min-height:100vh;font:15px/1.55 system-ui,sans-serif;padding:clamp(16px,3vw,48px);box-sizing:border-box}.machine-explorer *{box-sizing:border-box}.machine-explorer h1{font-size:clamp(28px,4vw,48px);letter-spacing:-.035em;margin:.15em 0}.machine-explorer h2{font-size:24px;margin:.7em 0 .3em}.machine-explorer h3{font-size:14px;letter-spacing:.02em;margin:1.3em 0 .3em}.machine-explorer p{margin:.5em 0 1em}.machine-explorer a{color:var(--accent);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.machine-explorer button{font:inherit;text-align:left;color:var(--ink);background:#142119;border:1px solid var(--line);padding:9px 12px;border-radius:7px;cursor:pointer}.machine-explorer button:hover{border-color:var(--accent)}.machine-explorer button:focus-visible,.machine-explorer input:focus-visible,.machine-explorer summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.machine-explorer button[aria-pressed=true],.machine-explorer button[aria-current=step]{border-color:var(--accent);background:#203c2b}.machine-explorer button:disabled{opacity:.65;cursor:wait}.machine-eyebrow{color:var(--accent);font:12px/1.6 ui-monospace,monospace;letter-spacing:.06em}.machine-heading{max-width:1050px}.machine-heading nav,.machine-columns,.machine-flow nav{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.machine-heading nav a{padding:6px 0;margin-right:18px}.machine-boundary{border-left:3px solid #a68c52;padding:10px 14px;background:#211f15;color:#e9dfbe;font-size:13px}.machine-search{display:flex;align-items:center;gap:12px;margin:20px 0;flex-wrap:wrap}.machine-search input{background:#101a14;border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:10px;font:inherit;width:min(360px,100%)}.machine-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,370px);gap:20px;align-items:start}.machine-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:start}.machine-lane{border-top:2px solid var(--line);padding-top:10px;min-width:0}.machine-lane-title{width:100%;font-weight:650!important}.machine-lane>p{color:var(--muted);font-size:12px;min-height:72px;margin:10px 3px}.machine-layer{display:block;width:100%;margin:0 0 10px;overflow-wrap:anywhere}.machine-layer[hidden]{display:none}.machine-layer small{display:block;font:10px/2 ui-monospace,monospace;color:var(--accent);letter-spacing:.05em}.machine-layer span{display:block;font-size:12px;color:var(--muted)}.machine-detail{min-width:0;border:1px solid var(--line);padding:20px;border-radius:10px;background:#101a14}.machine-detail ul{padding-left:20px;margin-top:5px}.machine-breadcrumb{color:var(--muted);font-size:12px}.machine-breadcrumb button{padding:3px 6px}.machine-contract{display:grid;grid-template-columns:1fr 1fr;gap:12px}.machine-relations button{margin:3px 4px 3px 0;font-size:12px;padding:6px 8px}.machine-detail small{display:block;color:var(--muted);font-size:11px}.machine-flow,.machine-demo{border-top:1px solid var(--line);margin-top:36px;padding-top:20px}.machine-flow ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 30px;padding-left:24px}.machine-flow li{padding-left:3px}.machine-flow li p{font-size:14px;margin:9px 0}.machine-flow li small{display:block;color:var(--muted)}.machine-demo details{padding:12px;margin:12px 0;border:1px solid var(--line);border-radius:7px}.machine-demo summary{cursor:pointer}.machine-demo dl{display:grid;grid-template-columns:minmax(100px,180px) 1fr;gap:8px}.machine-demo dt button{width:100%;padding:5px 8px;font-size:12px}.machine-demo dd{margin:0;font:12px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.machine-demo-result{color:var(--accent)}@media(max-width:1050px){.machine-layout{grid-template-columns:1fr}.machine-detail{order:-1}.machine-board{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}@media(max-width:480px){.machine-board{grid-template-columns:1fr}.machine-lane>p{min-height:0}.machine-demo dl{grid-template-columns:1fr}.machine-demo dd{padding-bottom:12px}.machine-explorer{padding:16px}}@media(prefers-reduced-motion:reduce){.machine-explorer *{scroll-behavior:auto!important}}html.cc-machine,.cc-machine body{height:auto!important;min-height:100%;overflow:auto!important;margin:0}.cc-machine #app{height:auto;min-height:100vh;overflow:visible}.cc-machine .machine-explorer{padding-bottom:110px}.cc-lens-explore{display:inline-block;padding:8px 0;color:inherit;text-decoration:underline}