/* The guided example mirrors the desktop workspace navigation. */
.demo-shell{min-height:520px}
.demo-sidebar{max-height:520px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a8bec8 transparent}
.demo-sidebar .demo-side-link{height:28px}
.demo-sidebar .demo-side-link span{flex:1}
.demo-sidebar .demo-side-link span small{float:right;font-size:7px;font-weight:500;opacity:.55}
.demo-sidebar .demo-side-label{margin-top:12px;margin-bottom:5px}
.demo-sidebar .demo-side-settings{border-top:1px solid #d7e2e7;border-radius:0;margin-top:11px;padding-top:5px;height:34px}
.demo-overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.demo-overview-stats .demo-card{min-height:101px;padding:12px}
.demo-overview-stats small{display:block;color:#8ba0ac;font-size:7px;font-weight:800;letter-spacing:.12em}
.demo-overview-stats b{display:block;color:#304e60;font-size:26px;line-height:1.1;margin:10px 0 3px;letter-spacing:-.05em}
.demo-overview-stats b em{font-size:12px;font-style:normal;color:#9bacb4}
.demo-overview-stats .demo-card>span{display:block;color:#8599a4;font-size:8px}
.demo-overview-lower{display:grid;grid-template-columns:1.15fr .85fr;gap:8px;margin-top:8px}
.demo-overview-lower>.demo-card{min-height:182px}
.demo-overview-lower>.demo-card:first-child>div{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #e6edef}
.demo-overview-lower i{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:#e8f0f4;color:#577a8d;font-style:normal}
.demo-overview-lower b{color:#355467;font-size:10px}
.demo-overview-lower div>span:last-child{margin-left:auto;color:#829aa6;font-size:8px}
.demo-overview-lower .demo-card>p{margin:12px 0;color:#8096a2;font-size:10px;line-height:1.5}
.demo-overview-lower .demo-card>small{color:#8ca1ab;font-size:8px}
.demo-file-browser,.demo-doc-browser,.demo-cli-browser,.demo-settings-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;min-height:330px}
.demo-file-browser>.demo-card,.demo-doc-browser>.demo-card,.demo-cli-browser>.demo-card,.demo-settings-grid>.demo-card{min-height:330px}
.demo-file-tree{display:flex;flex-direction:column;gap:3px}
.demo-file-tree>span:not(.demo-card-label),.demo-file-tree button,.demo-doc-browser .demo-card:first-child>div{display:block;border:0;background:transparent;text-align:left;padding:6px 7px;border-radius:5px;color:#607c8b;font-size:10px}
.demo-file-tree .indent{padding-left:19px!important}
.demo-file-tree button{cursor:pointer}
.demo-file-tree button.active,.demo-file-tree button:hover,.demo-doc-browser .active{background:#e6f0f4!important;color:#355f73!important}
.demo-file-preview>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e1e9ed;padding-bottom:10px;color:#496a7b;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}
.demo-file-preview>div small{color:#99acb5;font:700 7px -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.1em}
.demo-file-preview pre,.demo-cli-browser pre{margin:12px 0;padding:12px;background:#f0f5f7;color:#466878;border-radius:7px;font:10px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}
.demo-file-preview p{font-size:9px;color:#8aa0aa;line-height:1.4}
.demo-onboarding{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;min-height:330px}
.demo-onboarding>.demo-card{min-height:330px}
.demo-onboarding-meter{height:5px;background:#e3edf0;border-radius:8px;margin:10px 0;overflow:hidden}
.demo-onboarding-meter i{display:block;width:67%;height:100%;background:#83ad9d}
.demo-onboarding .demo-card:first-child>div:not(.demo-onboarding-meter){display:grid;grid-template-columns:19px 1fr auto;align-items:center;gap:5px;border-top:1px solid #e7edef;padding:8px 0}
.demo-onboarding .demo-card:first-child>div span{color:#8ba6b3;font-size:11px}
.demo-onboarding .demo-card:first-child>div.done span{color:#41916f}
.demo-onboarding b{color:#3c5c6e;font-size:9px}
.demo-onboarding small{color:#8ba0aa;font-size:8px}
.demo-onboarding-guide{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#fff,#f1f7f7)}
.demo-onboarding-guide h3,.demo-doc-browser h3{font-size:19px;letter-spacing:-.04em;color:#34596b}
.demo-onboarding-guide p,.demo-doc-browser p{font-size:10px;color:#7b929e;line-height:1.55}
.demo-onboarding-guide button,.demo-cli-browser button{align-self:flex-start;border:0;border-radius:6px;padding:8px 10px;background:#4e778a;color:#fff;font-size:9px;font-weight:700;cursor:pointer}
.demo-backlog-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:290px}
.demo-backlog-board .demo-card{min-height:290px;background:#f8fafb}
.demo-backlog-board .demo-card.active{background:#f0f7f7;border-color:#bdd9dc}
.demo-backlog-board b{display:block;color:#36586a;font-size:13px;line-height:1.3;margin:18px 0 9px}
.demo-backlog-board p{color:#77909b;font-size:10px;line-height:1.5}
.demo-backlog-board small{color:#8fa4ad;font-size:8px}
.demo-doc-browser .demo-card:first-child>div{border-top:1px solid #e9eff1;padding:11px 6px}
.demo-doc-browser code,.demo-cli-browser code{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;background:#edf3f6;color:#466d80;border-radius:4px;padding:3px 5px}
.demo-cli-browser .demo-card:first-child>div{padding:11px 6px;border-top:1px solid #e6edef}
.demo-cli-browser .demo-card:first-child>div.active{background:#eef5f7;border-radius:5px}
.demo-cli-browser .demo-card:first-child b,.demo-cli-browser .demo-card:first-child small{display:block}
.demo-cli-browser .demo-card:first-child b{color:#365b6f;font-size:10px}
.demo-cli-browser .demo-card:first-child small{color:#8ca1aa;font-size:8px;margin-top:4px}
.demo-cli-browser .demo-card:last-child>p{font-size:9px;color:#7c95a0;margin:12px 0}
.demo-cli-browser .demo-card:last-child>p b{color:#466b7d}
.demo-cli-browser button{margin-top:8px}
.demo-cli-browser pre{min-height:55px;margin-top:10px}
.demo-settings-grid .demo-card>div{display:flex;justify-content:space-between;gap:10px;padding:14px 2px;border-top:1px solid #e6edef;color:#3d5e6f;font-size:10px}
.demo-settings-grid .demo-card>div span{color:#7295a4}
.demo-settings-grid .demo-card>p{font-size:9px;color:#91a5af;line-height:1.5;margin-top:17px}
.demo-node-storage{right:4%;top:143px}
html[data-theme="dark"] .demo-sidebar .demo-side-settings,html[data-theme="dark"] .demo-overview-lower>.demo-card:first-child>div,html[data-theme="dark"] .demo-file-preview>div,html[data-theme="dark"] .demo-onboarding .demo-card:first-child>div:not(.demo-onboarding-meter),html[data-theme="dark"] .demo-doc-browser .demo-card:first-child>div,html[data-theme="dark"] .demo-cli-browser .demo-card:first-child>div,html[data-theme="dark"] .demo-settings-grid .demo-card>div{border-color:#3a5668}
html[data-theme="dark"] .demo-overview-stats b,html[data-theme="dark"] .demo-overview-lower b,html[data-theme="dark"] .demo-backlog-board b,html[data-theme="dark"] .demo-onboarding b,html[data-theme="dark"] .demo-onboarding-guide h3,html[data-theme="dark"] .demo-doc-browser h3,html[data-theme="dark"] .demo-cli-browser .demo-card:first-child b{color:#e2eff2}
html[data-theme="dark"] .demo-file-tree button.active,html[data-theme="dark"] .demo-file-tree button:hover,html[data-theme="dark"] .demo-doc-browser .active,html[data-theme="dark"] .demo-cli-browser .demo-card:first-child>div.active,html[data-theme="dark"] .demo-backlog-board .demo-card.active{background:#294858!important;color:#d7e9ef!important}
html[data-theme="dark"] .demo-backlog-board .demo-card,html[data-theme="dark"] .demo-onboarding-guide{background:#203547;border-color:#3a5668}
html[data-theme="dark"] .demo-file-preview pre,html[data-theme="dark"] .demo-cli-browser pre,html[data-theme="dark"] .demo-doc-browser code,html[data-theme="dark"] .demo-cli-browser code{background:#172d3d;color:#b9d7e4}
@media(max-width:1020px){.demo-sidebar{max-height:520px}}
@media(max-width:700px){.demo-shell{min-height:0}.demo-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-overview-lower,.demo-file-browser,.demo-doc-browser,.demo-cli-browser,.demo-onboarding,.demo-settings-grid{grid-template-columns:1fr}.demo-overview-lower>.demo-card,.demo-file-browser>.demo-card,.demo-doc-browser>.demo-card,.demo-cli-browser>.demo-card,.demo-onboarding>.demo-card,.demo-settings-grid>.demo-card{min-height:0}.demo-file-tree{max-height:160px;overflow:auto}.demo-backlog-board{grid-template-columns:1fr;min-height:0}.demo-backlog-board .demo-card{min-height:0}}
@media(max-width:430px){.demo-overview-stats .demo-card{min-height:80px}.demo-overview-stats b{font-size:22px}.demo-overview-lower>.demo-card{padding:11px}.demo-overview-lower>.demo-card:first-child>div{padding:7px 0}.demo-onboarding .demo-card:first-child>div:not(.demo-onboarding-meter){grid-template-columns:16px 1fr}.demo-onboarding small{grid-column:2}.demo-backlog-board{gap:6px}.demo-backlog-board .demo-card{padding:10px}.demo-backlog-board b{margin:5px 0}.demo-backlog-board p{margin-bottom:5px}.demo-file-preview pre{font-size:9px}.demo-node-storage{right:3%;top:126px}}