/* A compact activity ribbon and two matching evidence cards extend the existing lab. */
#presentation-toggle{white-space:nowrap;font-size:.875rem;padding:10px 13px;flex-shrink:0}
.topbar{gap:12px}.help-button span{display:none}
.workshop-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.06em;color:#476446;margin-bottom:7px}
.guided-learning{padding:18px 20px;background:#fffaf0;border:1px solid #dbc49b;border-left:4px solid #c67735;border-radius:12px;margin-bottom:18px;scroll-margin-top:110px}
.guide-heading,.guide-body,.comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.guide-heading>button{font-size:.875rem;text-decoration:underline;padding:6px}.guide-body>div{min-width:0}.guide-body strong{display:block;font-size:1.0625rem;line-height:1.5}.guide-body p{font-size:1rem;line-height:1.6;color:#58664c;margin:6px 0 0}.guide-body>button{flex-shrink:0;font-size:.875rem}
.guide-steps{display:flex;gap:16px;list-style:none;padding:0;margin:10px 0 16px;flex-wrap:wrap}.guide-steps li{display:flex;align-items:center;gap:7px;color:#68715e;font-size:.875rem}.guide-steps li>span{display:grid;place-items:center;border:1px solid #bbc5ac;border-radius:50%;width:25px;height:25px;font-size:.75rem}.guide-steps .current{color:#815018;font-weight:700}.guide-steps .current>span{background:#9a541b;color:white;border-color:#9a541b}.guide-steps .done>span{background:#315641;color:white;border-color:#315641}
.cable-toggle.guide-target{outline:3px solid #f4bb6c;outline-offset:2px}.guided-learning button:disabled,.topology-comparison button:disabled{opacity:.5;cursor:not-allowed}
.topology-comparison{margin-top:20px;padding:22px;background:#fafcf5;border:1px solid #d6dfcd;border-radius:12px;scroll-margin-top:105px}.comparison-heading{margin-bottom:18px}.comparison-heading h3{font-size:1.5rem}.comparison-heading button{font-size:.875rem}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison-card{border:1px solid #d4deca;border-radius:10px;background:#fff;padding:18px;min-width:0}.comparison-card:last-child{border-top:4px solid #477655;padding-top:15px}.comparison-card h4{font-size:1.25rem;margin:8px 0 15px}.comparison-card dl{font-size:.875rem;line-height:1.6}.comparison-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #ebeee5}.comparison-card dd{margin:0;text-align:right;font-weight:600}.comparison-card p{font-size:.875rem;color:#5d7050;margin-top:14px}.comparison-route{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:16px;font-size:.875rem;line-height:1.5}.comparison-route span{padding:4px 7px;background:#eef2e7;border-radius:4px}.comparison-route i{font-style:normal}.comparison-route strong{color:#a43c2b}.comparison-result{font-size:1rem;line-height:1.7;background:#edf3e7;padding:13px 16px;border-radius:8px;margin-top:16px}.topology-comparison>small{display:block;font-size:.75rem;line-height:1.7;color:#637254;margin-top:12px}
.presentation-mode .sidebar,.presentation-mode .workspace-heading,.presentation-mode .workspace-footer,.presentation-mode #journey-panel,.presentation-mode .help-button{display:none}
.presentation-mode .app-shell{display:block;max-width:none}.presentation-mode .workspace{padding:14px 20px 24px}.presentation-mode .topbar{height:70px;padding:10px 20px}.presentation-mode #presentation-toggle{background:#315641;color:white;border-color:#315641}.presentation-mode .lab-grid{grid-template-columns:minmax(0,1fr) minmax(280px,350px);gap:18px}
.presentation-mode .scene-panel,.presentation-mode .lab-grid>.inspector{height:max(640px,calc(100dvh - 100px))}.presentation-mode .scene-viewport{min-height:300px}.presentation-mode .inspector-hero p,.presentation-mode .did-you-know p,.presentation-mode .inspector-field p,.presentation-mode #dock-description,.presentation-mode .topology-dock>p{font-size:1rem}.presentation-mode .dock-timeline button,.presentation-mode .dock-actions button,.presentation-mode .dock-actions label,.presentation-mode .dock-actions select,.presentation-mode .device-label,.presentation-mode .cable-toggle strong,.presentation-mode .spec-row{font-size:.875rem}.presentation-mode .scene-journey-dock{padding:16px 20px}.presentation-mode .topology-controls{padding:12px 18px}.presentation-mode .topology-controls h3{font-size:1.125rem}
@media(max-width:1200px){.topbar{padding-left:16px;padding-right:16px;flex-wrap:wrap;height:auto;min-height:86px}.brand{font-size:20px}.main-nav{gap:1px}.nav-tab{padding:10px 8px}.presentation-mode .topbar{height:auto;min-height:70px}.guide-body{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:760px){.comparison-grid{grid-template-columns:1fr}.comparison-heading{align-items:flex-start;flex-direction:column}.guided-learning,.topology-comparison{padding:16px}.guide-steps{gap:8px 14px}.presentation-mode .lab-grid{grid-template-columns:1fr}.presentation-mode .lab-grid>.inspector{height:auto;max-height:none}.presentation-mode .workspace{padding:12px}.presentation-mode .scene-panel{height:800px}.presentation-mode .main-nav{order:3}.comparison-card dl>div{flex-wrap:wrap}.comparison-card dd{text-align:left}.guide-body>button{max-width:100%;white-space:normal}}
@media(prefers-reduced-motion:reduce){.guided-learning,.topology-comparison{scroll-behavior:auto}}