.user-guide-intro p,.user-guide-topic small {color:var(--text-secondary);line-height:1.6}
.user-guide-topics {display:grid;gap:12px}
.user-guide-topic {margin:0;min-width:0;padding:0;overflow:hidden}
.user-guide-topic>summary {display:flex;align-items:center;gap:16px;cursor:pointer;padding:20px;min-height:64px;list-style:none}
.user-guide-topic>summary::-webkit-details-marker {display:none}
.user-guide-topic>summary::before {content:'+';color:var(--accent);font-size:24px;flex-shrink:0}
.user-guide-topic[open]>summary::before {content:'−'}
.user-guide-topic>summary strong {display:block;font-size:18px;line-height:1.4;color:var(--text)}
.user-guide-topic>summary small {display:block;font-size:16px;margin-top:5px}
.user-guide-topic>summary:focus-visible {outline:3px solid var(--accent);outline-offset:-4px}
.user-guide-body {padding:0 20px 20px;border-top:1px solid var(--border-soft);font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.user-guide-body ol {padding-left:24px}
.user-guide-body li+li {margin-top:12px}
.user-guide-body .button {min-height:44px;white-space:normal;text-align:left}
@media(max-width:600px){.user-guide-topic>summary {padding:16px}.user-guide-body {padding:0 16px 16px}.user-guide-body .guide-actions {align-items:stretch;flex-direction:column}}

#user-guide-title {scroll-margin-top:160px}
/* A guide led by the same companion, with durable progress controlled by the app. */
.guide-panel{flex-wrap:wrap}.guide-coach{display:flex;align-items:center;gap:16px;width:100%;border-bottom:1px solid var(--border-soft);padding-bottom:16px}.guide-coach p{margin:4px 0;max-width:70ch}.guide-drone{flex:0 0 110px;width:110px;pointer-events:none}.guide-progress{display:flex;gap:8px;list-style:none;padding:0;margin:12px 0 0}.guide-progress li>span:first-child{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border-soft);border-radius:50%;font-size:14px}.guide-progress [aria-current=step]>span:first-child{color:var(--surface);background:var(--accent);border-color:var(--accent)}.guide-instruction{flex:1;min-width:200px}.user-guide-intro{display:flow-root}.guide-drone-intro{float:right;margin-left:16px;width:140px}
@media(max-width:600px){.guide-drone{flex-basis:76px;width:76px}.guide-coach{gap:10px}.guide-drone-intro{width:90px}.guide-panel .guide-actions{margin-top:14px}}
.guide-progress .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* The guide already contains the drone; keep its floating twin off the buttons. */
body:has(.guide-panel) #syntra-companion,body:has([data-settings-section="help"]:not([hidden])) #syntra-companion{display:none}

.guide-rescue{margin-top:14px;max-width:70ch;border-top:1px solid var(--border-soft)}.guide-rescue summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--accent);font-weight:600;line-height:1.5}.guide-rescue summary:before{content:'＋';margin-right:8px}.guide-rescue[open] summary:before{content:'−'}.guide-rescue summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.guide-rescue p{font-size:16px;line-height:1.6}.user-guide-topic{scroll-margin-top:155px}.guide-panel .guide-actions{align-self:flex-start}.guide-panel .button{min-height:44px}
.tutorial-mode .topbar,.tutorial-mode .os-session-strip,.tutorial-mode .os-windowbar,.tutorial-mode .os-desktop-status,.tutorial-mode .os-dock,.tutorial-mode #syntra-companion{display:none!important}
.tutorial-mode .app-shell{padding:0;min-height:100dvh}
.tutorial-mode .workspace{margin:0;width:100%;max-width:none}
.tutorial-mode .os-window{border:0;box-shadow:none;background:transparent;min-height:100dvh;margin:0}
.tutorial-mode #main{max-width:960px;margin:auto;padding:48px 24px 80px;min-height:100dvh}
.tutorial-mode [hidden]{display:none!important}
.setup-guided{padding:32px;min-height:600px}
.setup-guided>div:first-child{display:none}
.setup-guided .profile-form{display:block}
.setup-guided [data-setup-step]{margin:32px 0}
.setup-guided .first-run-basics{display:grid;gap:20px}
.setup-guided [data-setup-navigation]{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.setup-guided .first-run-actions{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}
.setup-guided [data-setup-summary]{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:14px 24px;font-size:18px;line-height:1.5}
.setup-guided dt{color:var(--text-secondary)}.setup-guided dd{margin:0;overflow-wrap:anywhere;color:var(--text)}
.setup-guided .guide-coach{grid-column:1/-1;margin-bottom:20px}
.setup-guided .guide-coach h2{font-size:clamp(24px,3vw,34px);line-height:1.3}
.tutorial-mode .tutorial-exercise{margin-top:24px;padding:24px}
.tutorial-mode .tutorial-exercise .task-select{display:none}
.tutorial-exercise .inbox-actions>:not([data-target="tasks"]),.tutorial-exercise .task-row details,.tutorial-exercise[data-tutorial-step="2"] .task-check{display:none!important}
@media(max-width:600px){.tutorial-mode #main{padding:20px 12px 40px}.setup-guided{padding:20px 16px;min-height:0}.setup-guided [data-setup-summary]{grid-template-columns:1fr;gap:4px}.setup-guided dd{margin-bottom:16px}.setup-guided [data-setup-navigation] .button{flex:1}.setup-guided .guide-drone{width:100px}.tutorial-mode .tutorial-exercise{padding:16px}}