.flow-caption{margin-top:18px}.flow-rail{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--t-xs);font-weight:600;color:var(--mist)}.flow-rail li{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 9px;border-radius:4px;border:1px solid var(--line-dark);background:var(--dusk-2);transition:color .3s,background .3s,border-color .3s}.flow-rail .ico{width:14px;height:14px;color:var(--mist);transition:color .3s}.flow-rail li.is-done{color:var(--chalk)}.flow-rail li.is-done .ico{color:var(--porch)}.flow-rail li.is-active{color:var(--dusk);background:var(--porch);border-color:var(--porch)}.flow-rail li.is-active .ico{color:var(--dusk)}.hiw-hero .sol-scene{aspect-ratio:auto;height:clamp(460px,60vh,620px)}.hiw-toc{position:relative;display:flex;gap:28px;margin-top:clamp(48px,7vw,88px);padding-top:18px;border-top:1px solid var(--line-dark);overflow-x:auto;scrollbar-width:none}.hiw-toc::-webkit-scrollbar{display:none}.hiw-toc a{flex:none;padding-bottom:6px;font-size:var(--t-sm);font-weight:500;text-decoration:none;color:var(--mist);white-space:nowrap;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.hiw-toc a:hover{color:var(--chalk)}.hiw-toc a.is-current{color:var(--chalk);border-bottom-color:var(--porch)}@media(max-width:760px){.hiw-toc{gap:22px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:40px}.flow-caption .flow-rail{display:none}.hiw-hero .sol-scene{height:auto;min-height:560px}.hiw-hero .scene-poster{object-fit:contain}}#order-in .section-head{margin-bottom:36px}.hiw-code{position:sticky;top:calc(var(--nav-h) + 24px)}.code-result{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:14px 18px;border-top:1px solid var(--line-dark);background:#0a0f1e;font-size:12px;color:var(--mist)}.code-result .ok{color:var(--dusk);background:var(--leaf);font-weight:700;padding:2px 6px;border-radius:3px}.code-result code{color:var(--chalk);margin-right:4px}.js [data-typer] .code-result{opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.js [data-typer].is-answered .code-result,.reduced [data-typer] .code-result{opacity:1;transform:none}.note a.inline{color:var(--link);font-weight:600}.plan-rules{margin-top:28px}.rule{display:flex;gap:16px;padding:22px;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 60%,transparent)}.rule>.ico{width:22px;height:22px;color:var(--porch);margin-top:2px}.rule h3{font-size:var(--t-base);font-family:var(--font);font-weight:700;letter-spacing:0}.rule p{margin-top:6px;color:var(--fg-2);font-size:var(--t-sm)}#conversation .section-head{margin-bottom:clamp(56px,8vw,100px)}.hiw-callout-mail{right:-18px;bottom:16%}.channel-visual{flex-direction:column;align-items:center;gap:16px}.hiw-replay{align-self:center}@media(min-width:961px){.hiw-callout-mail{right:-30px}}.oc-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px;color:var(--fg-2);font-size:var(--t-sm)}.hook-headers{padding-bottom:0!important;color:var(--mist)}.hiw-hook-ticks{margin-top:26px;font-size:var(--t-sm)}.hiw-hook-ticks code{font-size:12px}.console{position:relative}.console-cap{margin-top:16px;font-size:var(--t-sm);color:var(--fg-2)}.hiw-systems{align-items:start}.tiles-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.tiles-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.tiles-4{grid-template-columns:1fr}}.more-link{margin-top:32px}.try-band-inner{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:32px 64px;align-items:end}.try-band h2{font-size:var(--t-xl);margin-top:16px;max-width:24ch}.try-band .lead{margin-top:14px}@media(max-width:900px){.try-band-inner{grid-template-columns:1fr}}@media(max-width:960px){.hiw-code{position:static}}.hiw-norip{margin-top:18px;padding:2px 0 2px 16px;border-left:3px solid var(--porch);color:var(--fg-2);max-width:60ch}.hiw-norip b{color:var(--fg)}.hiw-hero h1{font-size:clamp(2.6rem,1rem + 3.9vw,4.5rem);max-width:none}