/* New-project onboarding: question tree, approval box, confidentiality banner */
.ob-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}
@media (max-width:800px){.ob-grid{grid-template-columns:minmax(0,1fr)}}
.ob-card{display:flex;flex-direction:column;gap:14px;padding:24px}
.ob-q{font-size:20px;line-height:1.3}
.ob-help{margin:0}
.ob-opts{display:grid;gap:10px}
.ob-opt{text-align:left;padding:13px 16px;border-radius:var(--r);border:1px solid var(--line);background:var(--bg);cursor:pointer;display:grid;gap:2px}
.ob-opt:hover{border-color:var(--accent)}
.ob-opt span{color:var(--muted);font-size:13px}
.ob-opt[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.ob-opt:focus-visible,.ob-how input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ob-checks{display:grid;gap:8px}
.ob-checks label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);cursor:pointer}
.ob-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:4px}
.ob-trail{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.ob-trail ol{margin:0;padding-left:18px;display:grid;gap:4px;color:var(--muted)}
.ob-trail b{color:var(--ink);font-weight:600}
.ob-trail .btn.link{font-size:12px;padding:0 2px}
.ob-note{border-radius:var(--r);padding:10px 14px;font-size:13px;border:1px solid var(--line);background:var(--sunk)}
.ob-note.warn{background:var(--warn-soft);border-color:var(--warn)}
.ob-note ul{margin:6px 0 0;padding-left:18px}
.ob-badge{display:inline-block;font-size:12px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--sunk);color:var(--muted)}
.ob-badge.warn{background:var(--warn-soft);color:var(--warn)}
.ob-badge.up{background:var(--up-soft);color:var(--up)}
.ob-badges{display:flex;gap:6px;flex-wrap:wrap}
.ob-scen{font-size:20px}
.ob-h3{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:6px 0 0}
.ob-card ul{margin:0;padding-left:20px}
.ob-dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;margin:0}
.ob-dl dt{color:var(--muted)} .ob-dl dd{margin:0;overflow-wrap:anywhere}
.ob-conf{background:var(--warn-soft);border:1px solid var(--warn);border-radius:var(--r);padding:10px 14px;margin-bottom:12px}
.ob-strip{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.ob-line{font-size:13px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ob-line a{color:var(--accent);font-weight:500}
.ob-approve{margin-bottom:16px;display:flex;flex-direction:column;gap:10px}
.ob-actions{gap:8px;flex-wrap:wrap}
.ob-linkcard{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}
.ob-linkcard input{padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}
.ob-new{display:flex;flex-direction:column;gap:14px;max-width:880px}
.ob-how{border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;display:grid;gap:10px;margin:0}
.ob-how legend{font-weight:600;padding:0 6px}
.ob-how label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.ob-confcheck{display:flex;gap:10px;align-items:flex-start}
.ob-client{max-width:1040px}
.ob-intro{max-width:66ch;margin-top:4px}
.ob-msg{margin-bottom:12px;font-size:13px}
.ob-msg:empty{display:none}
.ob-msg.ok{color:var(--up)} .ob-msg.warn{color:var(--warn);font-weight:600}
.ob-card input[type=text],.ob-card input[type=email],.ob-card input[type=date],.ob-card textarea{padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);width:100%}
.ob-dialog{border:1px solid var(--line);border-radius:var(--r);padding:20px;max-width:520px;width:calc(100% - 32px);background:var(--surface);color:var(--ink)}
.ob-dialog::backdrop{background:rgba(0,0,0,.4)}
.ob-dialog h2{margin-bottom:8px}
.ob-dialog p{margin:0 0 8px}