.onboarding-help{display:inline-grid;place-items:center;vertical-align:middle;margin-left:9px;width:23px;height:23px;padding:0;border:1px solid #cbdced;border-radius:50%;background:#f4f8fc;color:#41668a;font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;flex-shrink:0}
.onboarding-help:hover{background:#e6f0fa;border-color:#87a9cd}.onboarding-help:focus-visible,.onboarding-dialog button:focus-visible{outline:3px solid #86b5e4;outline-offset:3px}
.onboarding-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;margin:0;border:0;background:transparent;color:#273e56;overflow:hidden}
.onboarding-dialog::backdrop{background:transparent}.onboarding-dialog [hidden]{display:none!important}
.onboarding-shade{position:fixed;inset:0;background:rgba(22,44,67,.38)}
.onboarding-focus{position:fixed;border:2px solid #84b5e4;border-radius:10px;box-shadow:0 0 0 100vmax rgba(22,44,67,.38);pointer-events:none;transition:top .16s ease,left .16s ease,width .16s ease,height .16s ease}
.onboarding-card{position:fixed;box-sizing:border-box;padding:20px;border:1px solid #d6e4f0;border-radius:16px;background:#fff;box-shadow:0 16px 60px #17385633;overflow:auto;overscroll-behavior:contain;font:400 14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;animation:onboarding-in .18s ease-out}
.onboarding-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.onboarding-kicker{color:#68809b;font-size:12px;font-weight:500}.onboarding-close{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:7px;background:#f1f6fa;color:#617d97;font-size:24px;line-height:1;cursor:pointer}
.onboarding-emblem{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eaf3fb;color:#3c6488;font-size:25px;font-weight:600;margin-bottom:14px}.onboarding-step-label{color:#718ba4;font-size:12px;margin-bottom:6px}.onboarding-card h2{font-size:20px;line-height:1.25;font-weight:650;letter-spacing:-.3px;margin:0 0 12px;color:#203e5a}.onboarding-card p{margin:0;color:#556d84;overflow-wrap:anywhere}.onboarding-progress{display:flex;gap:5px;margin:20px 0}.onboarding-progress span{height:3px;flex:1;border-radius:4px;background:#e8eff6}.onboarding-progress span.is-done{background:#4a8f9f}
.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.onboarding-actions>div{display:flex;gap:7px}.onboarding-actions .btn{height:36px;min-height:36px;padding:0 12px;font-size:13px;border-radius:7px;white-space:nowrap}.onboarding-actions .btn.primary{background:#3e6283;color:#fff;border-color:#3e6283}
.onboarding-skip,.onboarding-disable,.onboarding-next-section{border:0;background:transparent;color:#71869a;cursor:pointer;font:inherit;font-size:12px;padding:5px 0;text-align:left}.onboarding-skip:hover,.onboarding-disable:hover{color:#244e72}.onboarding-disable{display:block;margin:14px auto 0;text-align:center;font-size:11px}.onboarding-next-section{display:block;width:100%;margin-top:12px;padding:11px;border:1px solid #d9e6f2;border-radius:8px;background:#f4f8fc;color:#3f678b;text-align:center;font-size:13px}
.onboarding-card .onboarding-save-note:not(:empty){margin-top:12px;color:#b24f35;font-size:12px}.onboarding-settings .panel-head h2{margin:0}.onboarding-setting-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf4fa;color:#4b6a88;font-weight:600}.onboarding-section-picker{display:flex;align-items:end;gap:10px}.onboarding-section-picker .field{flex:1;min-width:0}.onboarding-section-picker select{width:100%}.onboarding-settings-status{min-height:20px}
@keyframes onboarding-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:500px){.onboarding-card{padding:16px}.onboarding-card h2{font-size:19px}.onboarding-actions .btn{padding:0 10px}.onboarding-help{margin-left:6px;width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.onboarding-card{animation:none}.onboarding-focus{transition:none}}
@media print{.onboarding-dialog,.onboarding-help,.onboarding-settings{display:none!important}}

/* Design 06: soft illustrated onboarding, preserving the spotlight and controls. */
.onboarding-card{padding:18px;border:1px solid #d8e6f2;border-radius:16px;background:linear-gradient(155deg,#eaf5ff 0,#f7fbff 20%,#fff 55%);box-shadow:0 18px 64px #17385630;font-size:16px;line-height:1.5}
.onboarding-card-top{margin-bottom:12px}.onboarding-kicker{display:flex;align-items:center;gap:9px;color:#183c5c;font-size:18px;font-weight:650;letter-spacing:-.5px}.onboarding-kicker img{display:block;flex-shrink:0;width:26px;height:26px}.onboarding-close{width:28px;height:28px;background:transparent;color:#526f89;font-size:26px;border-radius:8px}.onboarding-close:hover{background:#e8f1f8}
.onboarding-step-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}.onboarding-step-label{background:#eaf3fc;border-radius:99px;padding:4px 10px;margin:0;color:#4a7297;font-size:12px;line-height:1.5}.onboarding-progress{display:flex;gap:7px;margin:0}.onboarding-progress span{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#d9e6f1}.onboarding-progress span.is-done{background:#39b4a4}
.onboarding-message{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:12px;min-height:0}.onboarding-copy{min-width:0}.onboarding-card h2{font-size:22px;line-height:1.2;font-weight:650;letter-spacing:-.6px;margin:0 0 9px;color:#193c5a}.onboarding-card p{font-size:15px;line-height:1.45;color:#526d87}.onboarding-art{position:relative;isolation:isolate;width:100%;aspect-ratio:1}.onboarding-art:before{content:'';position:absolute;inset:5%;z-index:-1;border-radius:48% 52% 42% 58%;background:radial-gradient(ellipse,#dfedfb 0,#ecf5fd99 58%,#ecf5fd00 72%)}.onboarding-art img{display:block;width:100%;height:100%;object-fit:contain}
.onboarding-actions{border-top:1px solid #e0eaf4;margin-top:12px;padding-top:12px}.onboarding-actions>div{gap:10px}.onboarding-actions .btn{height:36px;min-height:36px;min-width:78px;font-size:14px;padding:0 16px;border-radius:9px}.onboarding-actions .btn.primary{background:#264e75;border-color:#264e75;min-width:96px}.onboarding-actions .btn.primary:hover{background:#1c4266}.onboarding-skip{font-size:13px;color:#55799d}.onboarding-disable{margin-top:12px;color:#6b8299}.onboarding-next-section{font-size:13px}
@media(max-width:560px){.onboarding-card{padding:18px;border-radius:16px}.onboarding-kicker{font-size:18px;gap:7px}.onboarding-kicker img{width:26px;height:26px}.onboarding-card-top{margin-bottom:10px}.onboarding-step-meta{gap:8px;margin-bottom:10px}.onboarding-step-label{font-size:11px;padding:4px 9px}.onboarding-progress{gap:5px}.onboarding-progress span{width:7px;height:7px;flex-basis:7px}.onboarding-message{grid-template-columns:minmax(0,1fr) 96px;gap:8px;min-height:0;align-items:start}.onboarding-art{margin-top:4px}.onboarding-card h2{font-size:21px;letter-spacing:-.4px;margin-bottom:8px}.onboarding-card p{font-size:14px;line-height:1.5}.onboarding-actions{gap:7px;margin-top:12px;padding-top:10px}.onboarding-actions>div{gap:6px}.onboarding-actions .btn{min-width:0;padding:0 12px;font-size:13px}.onboarding-actions .btn.primary{min-width:0}.onboarding-skip{font-size:12px}}
@media(max-width:360px){.onboarding-message{grid-template-columns:minmax(0,1fr) 72px}.onboarding-card{padding:15px}.onboarding-card h2{font-size:20px}.onboarding-actions .btn{padding:0 10px}}
@media(max-height:560px) and (min-width:561px){.onboarding-card{padding:18px 22px}.onboarding-card-top{margin-bottom:10px}.onboarding-step-meta{margin-bottom:10px}.onboarding-message{min-height:0;grid-template-columns:minmax(0,1fr) 112px}.onboarding-card h2{font-size:22px;margin-bottom:9px}.onboarding-actions{margin-top:12px;padding-top:12px}}

/* Keep automatic/pointer focus discreet; Tab restores the keyboard indicator. */
.onboarding-dialog.onboarding-quiet-focus button:focus{outline:none;box-shadow:none}