/* Style contract: Cothink's dark alpine workspace must read as one complete operational window; chrome, state header and working body transition together. */
.hero-workspace {
  --window-border: #5b5b6a;
  --window-chrome: #272734;
  --window-panel: #181821;
}

.workspace-window {
  min-width: 0;
  transform-origin: center center;
  transition: filter .42s var(--ease), background .42s var(--ease);
}

.hero-workspace[data-story="field"] { --window-border:#5b5b6a; --window-chrome:#272734; --window-panel:#181821; }
.hero-workspace[data-story="workspace"] { --window-border:#5f6b88; --window-chrome:#252a3a; --window-panel:#171a26; }
.hero-workspace[data-story="signal"] { --window-border:#5b6997; --window-chrome:#1f2639; --window-panel:#171b2a; }
.hero-workspace[data-story="decision"] { --window-border:#76568f; --window-chrome:#2d2237; --window-panel:#211a2a; }
.hero-workspace[data-story="release"] { --window-border:#73745e; --window-chrome:#2d3024; --window-panel:#1d231f; }

.workspace-chrome,
.workspace-shell { border-color:var(--window-border); }
.workspace-chrome { background:var(--window-chrome); }
.workspace-shell { background:var(--window-panel); }
.workspace-chrome i { transition:color .42s var(--ease); }
.hero-workspace[data-story="signal"] .workspace-chrome i { color:#b8c7ff; }
.hero-workspace[data-story="decision"] .workspace-chrome i { color:#deb7ff; }
.hero-workspace[data-story="release"] .workspace-chrome i { color:#d3dfad; }

@media (max-width:560px) {
  .hero-workspace {
    top:54%;
    width:calc(100vw - 32px);
    max-width:calc(100vw - 32px);
  }

  .workspace-window { width:100%; }
  .workspace-chrome { padding:0 11px; }
  .workspace-chrome b { margin-left:5px; font-size:9px; }
  .workspace-shell {
    grid-template-columns:1fr;
    min-height:0;
  }

  .workspace-shell aside { display:none; }
  .workspace-shell main { min-width:0; padding:13px; }
  .workspace-title { gap:10px; }
  .workspace-title b { font-size:16px; }
  .workspace-title em { flex:0 0 auto; }
  .workspace-grid { grid-template-columns:1fr; gap:8px; margin-top:11px; }
  .workspace-grid article { min-height:0; padding:12px; }
  .workspace-focus strong { font-size:16px; }
  .workspace-feed { display:block; }
  .workspace-feed div { margin:8px 0; min-width:0; }
  .workspace-feed div span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}