/* Preserve the original Slack workspace, including its channel navigation. */
.slackbot-deck .locale-toggle { background: #fff; color: #5e5a5e; border-color: #c6b9c6; }
.slackbot-deck .locale-toggle::before { background: #3f0e40; }
.slackbot-deck .locale-option { color: #5e5a5e; }
.slackbot-deck .locale-option.is-active { color: #fff; }
.slackbot-deck .rail .rail-label, .slackbot-deck .rail .rail-foot { color: #cfc3cf; }
.slackbot-deck .rail button.ch .n, .slackbot-deck .rail button.ch .hash { opacity: 1; }
.slackbot-deck .rail button.ch { min-height: 44px; }
.slackbot-deck .rail button:focus-visible { outline: 3px solid #ecb22e; outline-offset: -3px; }
.slackbot-deck .navbtns button:focus-visible { outline: 3px solid #0b5cab; }
.slackbot-deck .slide.on { justify-content: flex-start; }
.slackbot-deck .slide .wrap { margin-block: auto; flex-shrink: 0; }
.slackbot-deck .slide { padding-bottom: 88px; }
.slackbot-deck .navbtns button { width: 44px; height: 44px; }
.slackbot-deck .rail { overflow-y: auto; }
.slackbot-deck .rail .rail-foot { padding-bottom: 20px; }
.slackbot-deck .resource-privacy { color: #3f0e40; background: #fff; }
@media (max-width: 900px) {
  .slackbot-deck .workspace { flex-direction: column; }
  .slackbot-deck .rail { display: flex; flex: 0 0 auto; width: 100%; padding: 8px 0 0; }
  .slackbot-deck .rail .ws-name { padding: 0 16px 8px; font-size: 13px; }
  .slackbot-deck .rail .rail-label, .slackbot-deck .rail .rail-foot { display: none; }
  .slackbot-deck #chList { display: flex; overflow-x: auto; scrollbar-width: thin; }
  .slackbot-deck .rail button.ch { flex: 0 0 auto; width: auto; gap: 6px; padding: 10px 16px; }
  .slackbot-deck .main { min-height: 0; }
  .slackbot-deck .topbar { padding: 0 10px; gap: 8px; height: 58px; flex-basis: 58px; }
  .slackbot-deck .counter { min-width: 50px; }
  .slackbot-deck .slide { padding: 26px 20px 90px; }
  .slackbot-deck .hero .txt { flex-basis: 100%; }
  .slackbot-deck .hero .pic, .slackbot-deck .li-grid .pic { width: 180px; max-width: 100%; flex-basis: 180px; }
  .slackbot-deck .cards, .slackbot-deck .compare, .slackbot-deck .cta-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .slackbot-deck .cta .cttxt { flex-basis: 100%; }
  .slackbot-deck .flow .node { min-width: 0; }
  .slackbot-deck .flow { gap: 8px; }
  .slackbot-deck .stack .lv { flex-wrap: wrap; }
  .slackbot-deck .stack .lv small { text-align: left; }
  .slackbot-deck .slide .wrap { overflow-wrap: anywhere; }
  .slackbot-deck .figure img { max-height: none; }
}