/* Shared design language for the workshop, atlas and galaxy view. */
:root{--space-bg:#070a15;--space-panel:#101629;--space-card:#111a2d;--space-input:#090f20;--space-line:#9ab8ff22;--space-text:#dce5fa;--space-muted:#94a5c5;--space-subtle:#7185aa;--space-accent:#b4a5ff;--space-cyan:#75d8f8;--paper:var(--space-bg);--white:var(--space-card);--ink:var(--space-text);--muted:var(--space-muted);--line:var(--space-line);--accent:var(--space-accent);--green:#7edcc0;--sidebar:#0c1222;color-scheme:dark;color:var(--space-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:radial-gradient(ellipse at 10% 0%,#24204145,transparent 55%),var(--space-bg);color:var(--space-text)}a{color:var(--space-accent)}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #adbcff;outline-offset:4px}.skip{background:#1d2943;color:#e1eaff}.brand,.map-brand{font-weight:550;letter-spacing:-.2px;color:var(--space-text)}.brand small,.map-brand small{color:#8193b7;font-size:8px;letter-spacing:1.1px}.mark,.brand-mark{font:31px Georgia,serif;border:1px solid #a8baff2b;background:linear-gradient(135deg,#2c3258,#171e36);color:#d9dbff;border-radius:10px;box-shadow:0 0 22px #647bff0d}
/* Page furniture */
.sidebar,.rail{background:linear-gradient(160deg,#101529,#0b1120);border-right:1px solid var(--space-line);color:var(--space-text);scrollbar-color:#354464 transparent}.topbar,.top,.map-header{background:#0c1122b8;border-color:var(--space-line);color:#94a6ca}.topbar-muted,.privacy-label{color:var(--space-subtle)}.sidebar-heading,.rail-label,.small-label{color:#8a9bc0}.sidebar-heading #list-count{color:#8a9bc0}.search{background:var(--space-input);border-color:#9bb8ff2b}.search input{color:#dce6ff}.search input::placeholder,.search>span{color:#8598bc}.quiet,.text-button,.back,.download-atlas{color:#a1b2d4}.quiet:hover,.text-button:hover,.back:hover,.download-atlas:hover{color:#d2c7ff}.map-link{color:#b7a9ff}.sidebar-footer,.rail-bottom,.nav-divider{border-color:var(--space-line)}.nav-divider{background:var(--space-line)}.sidebar-footer div,.sidebar-footer strong,.rail-bottom strong{color:#c6d4f0}.sidebar-footer small,.rail-bottom p{color:#8599bd}.sidebar-footer progress,.sidebar-footer progress::-webkit-progress-bar{background:#24304c}.sidebar-footer progress::-webkit-progress-value{background:#a294e8}.sidebar-footer progress::-moz-progress-bar{background:#a294e8}.rail-bottom a{color:#b4c5ea}.filters button,.nav-topic{color:#a4b7da}.filters button.active,.nav-topic.selected{background:#273251;border-color:#9ab7ff26;color:#e3ebff}.nav-topic:hover,.person:hover{background:#1c2942}.nav-topic b,.nav-topic.selected b{color:#a3b8e2}.nav-symbol{color:#a9b9df}.topic-number{background:color-mix(in srgb,var(--topic) 30%,#17233a);color:#e0eaff}.person{color:#cad9f6}.person.selected{background:#24324f;border-color:#91afff3d}.avatar{background:#1e2c46;color:#9ab4e0}.selected .avatar{background:#a99be0;color:#181b34}.person-idea{color:#90a3c5}.person-dot{background:#7b88ae}.person-dot.reviewed{background:#d6b679}.person-dot.transferred{background:#7acbb1}
/* Type and content */
.eyebrow{color:#9aabd1}.context,.navigation,.main-idea p,.assessment .reading,.other-ideas li,.section-intro p,.topic-hero>p,.hero p{color:var(--space-muted)}.hero h1 em{color:#a89cea}.hero,.section-intro,.other-ideas,.editor-bottom,.status-row{border-color:var(--space-line)}.hero-stats{border-color:var(--space-line)}.hero-stats>strong{color:#baacff}.hero-stats>span,.hero-stats>div{color:#8ea4c9}.card,.topic-card,.pattern-card{background:linear-gradient(145deg,#141c31,#10192b);border-color:var(--space-line);color:var(--space-text);box-shadow:0 8px 24px #0000000d}.topic-card:hover,.pattern-card:hover{border-color:#a1bbff50;box-shadow:0 7px 25px #0002}.topic-card h3{color:#dde7ff}.topic-card>p,.pattern-card p{color:#91a5c7}.demo-card-title{border-color:#9ab8ff1a}.demo-card-title strong,.pattern-card h3{color:#c0d0f2}.demo-card-title>span:last-child{color:#8ba2ca}.pill,.tool-tag,.tool-tags>span{background:#213b3d55;color:#9bdecc;border-color:#7dd6b42b}.pill.warm{background:#51402d55;color:#edc892;border-color:#dfb57636}.label{color:#91d9c7}.label.attention{color:#d9bd92}.workflow{background:linear-gradient(135deg,#1d2440,#14253a);border-color:#a9b5ff2e}.steps li{color:#acbddd}.source-details{background:#101a2c;border-color:var(--space-line);color:#91a6cb}.source-details summary,.source-details dt{color:#afc3e9}.source-details dd,.source-details p,.tool-info,.tool-info a{color:#8fa5ca}.icon-button{background:#1c2943;color:#a9bbdf;border-color:#9eb8ff2b}.editor-intro,.feedback-label,.editor-meta,.status-help{color:#8fa3c7}.save-state{color:#8ad9bb}.save-state.error,.error-page{color:#edb0a7}.editor-card textarea{background:var(--space-input);border-color:#9fb9ff2b;color:#d8e3fc}.editor-card textarea:focus{border-color:#9c92de;box-shadow:0 0 0 3px #b4a5ff0d}.copy{background:#9c8bd9;color:#10152a}.copy:hover{background:#b5a5ed}.copy.copied{background:#83c6b1}.pdf-download,.status-button{background:#19253d;border-color:#a8bcff24;color:#a7bddf}.pdf-download:hover{background:#253552}.status-button.active{background:#283858;border-color:#a99bec73;color:#c7baff}.notes{border-color:var(--space-line)}.notes summary{color:#a3b9de}.editor-alert{background:#3c292d;border-color:#bd7a693d;color:#e3b3a4}.tool-info summary{color:#93a7cd}.empty,.loading,.muted{color:#8aa1c8}.empty{border-color:#8faaf947}#toast{background:#293654;color:#e9efff;border:1px solid #a5b9ff2b}dialog{background:#0e1729;color:#dae5fb;border-color:#94adf347}dialog::backdrop{background:#030715bb}dialog iframe{border-color:#a1b5ee24}.dialog-top .quiet{color:#b3c3e8}
/* Live workshop */
.live-demo{background:linear-gradient(140deg,#141c32,#101b2b);border-color:#9ab7ff2b;border-top-color:var(--topic)}.demo-goal,.step-action{color:#a5b7d8}.demo-material{background:#0d182a;border-color:#98b4f329}.demo-material summary{color:#b9c9ed}.material-label,.material-top>strong{color:#8da8ce}.demo-material>p{color:#98aed3}.demo-material pre{background:#090f1e;border-color:#99b4f32b;color:#adc3e7}.step-node{background:#1a2841;color:#9aafd4;border-color:#9cb5fa27}.step-node.active{background:#8f80c9;color:#0b1124;border-color:#ae9fed}.step-node.active>span,.step-node.active>small{color:#242343}.step-node:not(:last-child)::after{color:#7087b1}.step-content{background:#0c1425;border-color:#94b1ed2b}.step-caption{color:#859bc5}.prompt-top>strong{color:#8fa8d0}.prompt-copy{background:#a292e0;border-color:#a292e0;color:#10162a}.prompt-copy:hover{background:#baadf1}.prompt-text{background:#141e35;border-color:#a0b9ff24;color:#d0def9}.result-check{background:#183a3a55}.check-symbol,.result-check strong{color:#88d2c2}.result-check p{color:#98bbb9}.step-controls{border-color:#9db7f52b}.next-step{background:#253553;color:#b3c6ed;border-color:#a3b7f32b}.next-step:not(:disabled):hover{background:#34486c}.demo-takeaway p{color:#b9c9ef}.demo-fallback{border-color:#9bb6fa25;color:#93a9cf}.demo-fallback p{color:#9aafd0}.conversation,.how-to{background:linear-gradient(125deg,#1b2843,#152238);border-color:#9ab6f42b}.questions li{color:#aec1e4}.how-number{color:#b1a1ea}.how-to strong{color:#b6c7e9}.how-to p{color:#91a6c9}.related-topic{background:#15233b;color:#9eb7de;border-color:#9db7fa26}.related-topic:hover{border-color:#a39bde77}.tool-sources{border-color:#96b2f52b;color:#8ca3c9}.tool-sources a{color:#a7bbe6}.page-footer{color:#7088b0}
@media print{body{background:white;color:#111}.card,.topic-card,.pattern-card,.live-demo,.step-content{background:white;color:#111;border-color:#aaa}.prompt-text,.result-check{background:#eee;color:#222}.topic-card h3,.demo-card-title strong,.pattern-card h3{color:#222}}

.view-nav{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--space-line);border-radius:9px;background:#11182b;font-size:11px}.view-nav>a,.view-nav>span{padding:9px 17px;color:#91a5c9;text-decoration:none;border-radius:6px;line-height:1.3;white-space:nowrap}.view-nav [aria-current="page"]{background:#293351;color:#dde6ff}.view-nav>a:hover{color:#e3e9ff}.top{height:auto;min-height:72px;padding-top:13px;padding-bottom:13px}.map-header{height:78px}@media(max-width:640px){.view-nav{font-size:10px}.view-nav>a,.view-nav>span{padding:8px 11px}.top{min-height:66px;gap:10px}.top .download-atlas{font-size:9px}}