.onb{height:100%;overflow-y:auto;box-sizing:border-box;padding:28px 40px 48px;display:flex;flex-direction:column;gap:56px;background:var(--paper);color:var(--ink);font-family:var(--font-ui);line-height:1.5;-webkit-text-size-adjust:100%}.onb h1,.onb p,.onb fieldset{margin:0}.onb fieldset{border:0;padding:0;min-width:0}.onb :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.onb h1:focus-visible{outline:none}.onb input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}.onb label:has(input[type=radio]:focus-visible){outline:2px solid var(--ink);outline-offset:3px}.onb-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.onb-brand{display:inline-flex;align-items:center;gap:8px;font-size:21px;font-weight:600;letter-spacing:-.04em}.onb-steps{display:flex;gap:6px}.onb-dash{width:44px;height:4px;border-radius:2px;background:var(--rule);transition:background .2s ease-out}.onb-dash-done{background:var(--ink)}.onb-aside{justify-self:end;font-size:14px;color:var(--pencil)}.onb-head{display:flex;flex-direction:column;gap:12px}.onb-head-centre{text-align:center}.onb-head h1{font-size:44px;font-weight:600;letter-spacing:-.035em;line-height:1.05}.onb-head-centre h1{font-size:48px}.onb-head p{font-size:18px;color:var(--graphite)}.onb-one{width:100%;max-width:760px;margin:16px auto 0;display:flex;flex-direction:column;gap:40px}.onb-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.onb legend{position:absolute;left:-9999px}.onb-group legend{position:static;padding:0;margin-bottom:12px;font-size:15px;font-weight:600}.onb-card,.onb-tile,.onb-chip,.onb-row{position:relative;box-sizing:border-box;background:var(--card);border:1px solid var(--rule);cursor:pointer;transition:border-color .2s ease-out,box-shadow .2s ease-out}.onb-card{display:flex;flex-direction:column;gap:22px;padding:20px;border-radius:var(--radius-l)}.onb-chosen{border-color:var(--ink);box-shadow:0 0 0 .5px var(--ink),0 0 0 4px var(--seat-glow-tint)}.onb-card-top{display:flex;justify-content:space-between;align-items:flex-start;min-height:40px}.onb-card-words{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0}.onb-card-title{font-size:17px;font-weight:600;line-height:1.3}.onb-card-line{font-size:14px;line-height:1.4;color:var(--pencil)}.onb-glyph{flex:none;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round}.onb-glyph-solid{fill:var(--ink);stroke:none}.onb-glyph-you{fill:var(--seat-glow);stroke:none}.onb-tick{flex:none}.onb-tick circle{fill:var(--ink)}.onb-tick path{fill:none;stroke:var(--paper);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.onb-two{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:48px 72px}.onb-ask{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;gap:32px}.onb-side{flex:1.2 1 440px;min-width:0;display:flex;flex-direction:column;gap:16px}.onb-done .onb-side{flex:1.5 1 480px}.onb-done .onb-ask{flex:1 1 360px}.onb-plan{box-sizing:border-box;padding:24px;background:var(--card);border:1px solid var(--rule);border-radius:20px;transition:opacity .2s ease-out}.onb-plan-drawing{opacity:.45}.onb-plan img{display:block;width:100%;max-height:56vh;object-fit:contain}.onb-plan-wait{min-height:240px;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--pencil)}.onb-under{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:0 4px;font-size:15px;font-weight:500}.onb-mono{font-family:var(--font-mono)}.onb-under .onb-mono{font-size:14px;font-weight:400;color:var(--pencil)}.onb-chips{display:flex;flex-wrap:wrap;gap:8px}.onb-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-color:var(--border-input);border-radius:999px;font-size:15px}.onb-chip.onb-chosen{font-weight:600}.onb-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.onb-tile{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:14px;border-radius:var(--radius-l);font-size:15px;font-weight:500}.onb-tile.onb-chosen{font-weight:600}.onb-rows{display:flex;flex-direction:column;gap:10px}.onb-row{padding:18px 20px;border-radius:var(--radius-l)}div.onb-row{display:flex;flex-direction:column;gap:16px;cursor:default}.onb-row-head{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.onb-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.onb-field{flex:1 1 100px;display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}.onb-field-name{flex:2 1 160px}.onb-field input{box-sizing:border-box;width:100%;height:48px;padding:0 14px;font-size:16px;font-weight:400;color:var(--ink);background:var(--card);border:1px solid var(--border-input);border-radius:var(--radius-m)}.onb-field input.onb-mono{font-family:var(--font-mono)}.onb-field input[aria-invalid=true]{border-color:var(--brick)}.onb-problem{flex:1 1 100%;font-size:14px;color:var(--brick)}.onb-go{display:flex;align-items:center;gap:20px}.onb-go-centre{flex-direction:column;gap:16px;text-align:center}.onb-next{display:flex;flex-direction:column;gap:12px}.onb-primary,.onb-second{box-sizing:border-box;height:52px;padding:0 36px;font-size:17px;border-radius:var(--radius-m);cursor:pointer;transition:opacity .2s ease-out}.onb-primary{font-weight:600;color:var(--paper);background:var(--ink);border:1px solid var(--ink)}.onb-primary:disabled{opacity:.4;cursor:default}.onb-second{font-weight:500;color:var(--ink);background:var(--card);border:1px solid var(--border-input)}.onb-wide{width:100%;max-width:320px}.onb-full{width:100%}.onb-link{min-height:44px;padding:0 4px;font-size:16px;color:var(--ink);background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.onb-quiet{font-size:14px;line-height:1.45;color:var(--pencil)}.onb-quiet .onb-link{min-height:0;padding:0;font-size:inherit;color:inherit}.onb-quiet .onb-link.onb-example{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:4px;color:var(--graphite)}.onb-back{align-self:flex-start}@media(max-width:700px){.onb{padding:20px 20px 32px;gap:28px}.onb-aside{display:none}.onb-top{grid-template-columns:1fr auto}.onb-dash{width:28px}.onb-quiet .onb-link.onb-example{justify-content:flex-start}.onb-one{margin-top:0;gap:24px}.onb-head,.onb-head-centre{text-align:left}.onb-head h1,.onb-head-centre h1{font-size:32px}.onb-head p{font-size:16px}.onb-cards{grid-template-columns:minmax(0,1fr);gap:8px}.onb-card{flex-direction:row;align-items:center;gap:14px;min-height:68px;padding:10px 16px}.onb-card-top{order:2;min-height:0}.onb-card .onb-glyph{display:none}.onb-wide{max-width:none}.onb-two{gap:28px}.onb-plan{padding:14px}.onb-done .onb-side{order:-1}}@media(prefers-reduced-motion:reduce){.onb *{transition:none}}
