/* Bio2Twin public start/routing surfaces reuse the existing spacing and structure. */
body.b2t-onboarding{--bg:#111;--panel:#191919;--line:#333;--text:#eee;--muted:#aaa;--accent:#ddd;--bt-accent:#ddd;--bt-focus:#ddd;margin:0;background:#111;color:#eee;font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC",sans-serif;font-size:14px;line-height:1.7}
body.b2t-onboarding :is(.shell,main){max-width:1120px;margin:auto;padding:calc(var(--nav,64px) + 32px) 22px 72px}
body.b2t-onboarding h1{font-size:clamp(26px,3vw,34px);font-weight:400;line-height:1.3;letter-spacing:-.025em}
body.b2t-onboarding h2{font-size:18px;font-weight:400}
body.b2t-onboarding h3{font-size:15px;font-weight:400}
body.b2t-onboarding :is(.panel,.tile,.connect-choice,.option){background:#191919;border-color:#333;border-radius:14px}
body.b2t-onboarding :is(.panel,.tile){padding:22px}
body.b2t-onboarding .option{background:#202020}
body.b2t-onboarding .option:hover,body.b2t-onboarding .option:has(input:checked){background:#282828;border-color:#777}
body.b2t-onboarding :is(.technology-icon,.option-icon.technology-icon){color:#ccc}
body.b2t-onboarding :is(.eyebrow,.pill,.status,.tiny,.muted,.lead,p){color:#aaa}
body.b2t-onboarding :is(.btn,.connect-link,.auth-action){font-size:14px;font-weight:400;border-radius:9px;min-height:44px}
body.b2t-onboarding :is(.btn.primary,.connect-link:not(.secondary)){background:#eee;color:#111;border-color:#eee}
body.b2t-onboarding :is(.connect-link.secondary,.auth-action){background:transparent;color:#ddd;border-color:#555}
body.b2t-onboarding :is(input,button,a,summary):focus-visible{outline:2px solid #ddd;outline-offset:3px}
body.b2t-onboarding .field input{background:#111;border-color:#444;color:#eee}
body.b2t-onboarding input{accent-color:#ccc}
body.b2t-onboarding .pill{border-color:#555}
body.b2t-onboarding :is(.connect-grid,.grid){gap:14px}
body.b2t-onboarding .routing-links{display:flex;gap:12px;flex-wrap:wrap}
body.b2t-onboarding .health-entry-list{margin-top:22px;border-top:1px solid #333;padding-top:14px}
body.b2t-onboarding .health-entry-list summary{cursor:pointer;color:#ccc}
body.b2t-onboarding .health-entry-list nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
body.b2t-onboarding .health-entry-list a{padding:8px 0;font-size:13px;color:#ccc}
body.b2t-onboarding .routing-nav{margin-top:var(--nav,64px);background:#191919;border-color:#333}
body.b2t-onboarding .routing-nav .bar{padding:12px 22px;gap:16px}
body.b2t-onboarding .routing-nav .routing-back{font-size:13px;color:#aaa}
body.b2t-routing main{padding-top:28px}
body.b2t-onboarding .routing-nav nav a.active{background:#292929}
body.b2t-onboarding .result{top:calc(var(--nav,64px) + 20px)}
body.b2t-onboarding .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
body.b2t-onboarding .member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.b2t-onboarding .member-facts{margin:0}
body.b2t-onboarding .member-facts>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #333}
body.b2t-onboarding .member-facts dt{color:#aaa}
body.b2t-onboarding .member-facts dd{margin:0;text-align:right;overflow-wrap:anywhere}
body.b2t-onboarding .member-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
body.b2t-onboarding .member-actions .btn{width:auto;margin:0;padding:10px 16px;background:#eee;color:#111}
body.b2t-onboarding .member-actions .secondary{background:transparent;color:#ddd;border:1px solid #555}
body.b2t-onboarding [hidden]{display:none!important}
@media(max-width:760px){
 body.b2t-onboarding :is(.shell,main){padding:calc(var(--nav,64px) + 22px) 16px 56px}
 body.b2t-routing main{padding-top:22px}
 body.b2t-onboarding :is(.layout,.grid,.grid.two,.connect-grid,.member-grid){grid-template-columns:minmax(0,1fr)}
 body.b2t-onboarding :is(.panel,.tile){padding:18px}
 body.b2t-onboarding .health-entry-list nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.b2t-onboarding .routing-links{display:grid;grid-template-columns:minmax(0,1fr)}
 body.b2t-onboarding .routing-nav .bar{padding:12px 16px;gap:8px}
 body.b2t-onboarding .routing-nav nav a{padding:7px 8px;font-size:12px}
 body.b2t-onboarding .result{position:static}
 body.b2t-onboarding .member-facts>div{font-size:13px}
}

body.b2t-onboarding *{box-sizing:border-box}
body.b2t-onboarding a{text-decoration:none;color:inherit}
body.b2t-onboarding .btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;cursor:pointer;border:1px solid #555;font-family:inherit}
body.b2t-onboarding .small{font-size:12px}

html:has(body.b2t-onboarding),body.b2t-onboarding{background:#111!important;color:#eee!important}
body.b2t-onboarding :is(h1,h2,h3){font-weight:400!important}
body.b2t-routing .routing-nav{position:sticky;top:var(--nav,64px);z-index:90}
body.b2t-routing main>section{scroll-margin-top:calc(var(--nav,64px) + 90px)}