/* The modal blocks board actions; its transparent opening only highlights them. */
.onboarding-dialog{position:fixed;inset:0;margin:0;padding:0;border:0;max-width:none;max-height:none;width:100vw;height:100dvh;background:transparent;color:var(--ui-text,#243c35);overflow:hidden;font-family:var(--font-ui,Onest,sans-serif)}
.onboarding-dialog::backdrop{background:transparent}
.onboarding-dialog .onboarding-shade{position:absolute;background:rgba(8,16,23,.68);pointer-events:none}
.onboarding-dialog .onboarding-highlight{position:absolute;border:2px solid #fff;border-radius:10px;box-shadow:0 0 0 2px #225a78;pointer-events:none}
.onboarding-dialog .onboarding-card{position:absolute;box-sizing:border-box;margin:0;padding:22px;border:1px solid var(--ui-line-strong,#c8d2d4);border-radius:16px;background:var(--ui-raised,#fff);color:var(--ui-text,#243c35);box-shadow:0 12px 48px #0005;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.onboarding-dialog .onboarding-progress{margin:0 0 9px;color:var(--ui-secondary,#52665e);font-size:12px;font-weight:600;line-height:1.4}
.onboarding-dialog .onboarding-title{margin:0 0 12px;font:650 21px/1.25 var(--font-ui,Onest,sans-serif);letter-spacing:-.3px;color:var(--ui-text,#243c35);overflow-wrap:anywhere}
.onboarding-dialog .onboarding-body{margin:0;font-size:14px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;color:var(--ui-text,#243c35)}
.onboarding-dialog .onboarding-note{margin:14px 0 0;font-size:11px;line-height:1.5;color:var(--ui-secondary,#52665e)}
.onboarding-dialog .onboarding-controls{display:flex;gap:8px;align-items:center;margin-top:19px;flex-wrap:wrap}
.onboarding-dialog .onboarding-button{box-sizing:border-box;min-height:44px;min-width:58px;padding:10px 13px;border:1px solid var(--ui-line-strong,#c8d2d4);border-radius:8px;color:var(--ui-text,#243c35);background:var(--ui-surface,#f7f9f7);font:600 13px/1.2 var(--font-ui,Onest,sans-serif);cursor:pointer}
.onboarding-dialog .onboarding-skip{margin-right:auto;padding-left:4px;padding-right:4px;background:transparent;border-color:transparent;font-weight:500}
.onboarding-dialog .onboarding-next{background:var(--ui-accent,#225a48);border-color:transparent;color:var(--ui-on-accent,#fff)}
.onboarding-dialog .onboarding-button:hover{filter:brightness(.94)}
.onboarding-dialog .onboarding-button:focus-visible{outline:3px solid var(--ui-accent-ink,#225a78);outline-offset:3px}
@media(max-width:420px){.onboarding-dialog .onboarding-card{padding:18px}.onboarding-dialog .onboarding-title{font-size:19px}.onboarding-dialog .onboarding-controls{gap:6px}.onboarding-dialog .onboarding-button{padding:10px}.onboarding-dialog .onboarding-skip{padding-left:0;padding-right:0}}
@media(prefers-reduced-motion:reduce){.onboarding-dialog,.onboarding-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}