/* mindmap5.3 · css/getting-started.css —— 新手任务入口与可滚动上手路线 */
.getting-started { box-sizing:border-box; width:min(var(--start-width),calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); padding:0; border:1px solid var(--ui-border); border-radius:var(--ui-panel-radius); background:var(--ui-panel); color:var(--ui-text); box-shadow:var(--ui-shadow); font:14px/1.75 system-ui,sans-serif; overflow:auto; overscroll-behavior:contain; }
.getting-started::backdrop { background:var(--ui-scrim); }
.start-body { padding:var(--start-padding); }
.start-eyebrow { color:var(--ui-accent); font-weight:600; margin:0 0 10px; }
.getting-started h1 { font-size:clamp(24px,4vw,32px); line-height:1.35; margin:0 0 16px; }
.getting-started h2 { font-size:18px; margin:0 0 12px; }
.getting-started h3 { font-size:16px; margin:0 0 8px; }
.start-intro { max-width:56em; margin:0; color:var(--ui-muted); }
.start-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:24px 0; }
.start-choice { min-width:0; }
.start-choice p { margin:10px 0 0; color:var(--ui-muted); }
.start-button { min-height:44px; padding:9px 14px; border:1px solid var(--ui-border); border-radius:var(--ui-button-radius); background:var(--ui-bg); color:var(--ui-text); font:inherit; cursor:pointer; }
.start-choice .start-button { width:100%; text-align:left; font-weight:600; }
.start-button:hover { background:var(--ui-hover-bg); }
.start-primary { background:var(--ui-accent); color:var(--ui-primary-text); border-color:var(--ui-accent); }
.start-primary:hover { background:var(--ui-accent); }
.start-button:focus-visible { outline:2px solid var(--ui-accent); outline-offset:3px; }
.start-route,.start-progress { padding-top:20px; margin-top:20px; border-top:1px solid var(--ui-border); }
.start-route ol,.start-progress ul { padding-left:22px; }
.start-route li,.start-progress li { margin:8px 0; }
.start-muted { color:var(--ui-muted); font-size:13px; }
.start-actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; margin-top:24px; }
[data-shell-view="help"] .shell-label { display:inline!important; }
.ai-onboarding { padding:16px 0; }
.ai-onboarding h3 { margin:0 0 12px; font-size:17px; }
.ai-onboarding ol { padding-left:22px; line-height:1.85; }
.ai-onboarding .ai-row { flex-wrap:wrap; }
.ai-header .ai-history-toggle { width:auto; gap:5px; }
.rm-start-note { margin:8px 0 0; color:var(--ui-muted); font-size:13px; }
@media(max-width:899px) {
  .getting-started { width:100%; height:100dvh; max-height:100dvh; margin:0; border-radius:0; border:0; }
  .start-body { padding:24px 20px max(24px,env(safe-area-inset-bottom)); }
  .start-choices { grid-template-columns:1fr; gap:18px; }
  .start-choice p { margin-top:6px; }
  .start-actions .start-button { flex:1; }
}

.learning-batch[hidden], [data-export-cards][hidden] { display:none; }
.learning-empty strong { display:block; margin-bottom:10px; color:var(--ui-text); }

.rm-continue { display:flex; flex-wrap:wrap; gap:10px; padding:8px var(--manager-content-pad); }
.rm-continue:empty { display:none; }
.rm-continue .rm-btn { max-width:100%; white-space:normal; overflow-wrap:anywhere; text-align:left; }

.start-close { position:absolute; top:12px; right:16px; min-width:52px; }
.start-eyebrow { padding-right:56px; }
.start-followup { margin-top:20px; border-top:1px solid var(--ui-border); padding-top:12px; }
.start-followup summary { min-height:44px; padding:9px 0; font-weight:600; cursor:pointer; }
.start-followup summary:focus-visible { outline:2px solid var(--ui-accent); outline-offset:3px; }
.start-exercises { display:grid; gap:12px; }
.start-exercise { display:grid; grid-template-columns:170px minmax(0,1fr); gap:14px; align-items:center; }
.start-exercise p { margin:0; color:var(--ui-muted); }
.start-scenarios { display:flex; flex-wrap:wrap; gap:10px; }
.start-scenarios a { display:inline-flex; align-items:center; box-sizing:border-box; text-decoration:none; }
@media(max-width:899px) {
  .start-exercise { grid-template-columns:1fr; gap:6px; }
  .start-exercise .start-button { text-align:left; }
}