.kb-workspace-card { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 22px; margin-bottom: 20px; min-width: 0; overflow-wrap: anywhere; }
.kb-workspace-notice { background: var(--accent-soft); color: var(--ink); padding: 14px 18px; border-radius: 10px; }
.kb-rollout label { display: grid; gap: 6px; margin: 14px 0; font-weight: 600; }
.kb-rollout input, .kb-rollout select, .kb-rollout textarea { width: 100%; min-width: 0; padding: 10px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); background: var(--bg); font: inherit; }
.kb-rollout .btn { margin: 6px 8px 6px 0; white-space: normal; }
.kb-rollout :focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.kb-workspace-entry { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
:root[data-theme="dark"] .rail nav .bead:not(.warn) { color: #101725; }
/* Give the language controls a separate row above the horizontally scrolling rail. */
@media(max-width: 900px) {
  .rail { padding-top: 68px; }
  body #obx-lang { position: absolute; }
}
@media(max-width: 420px) { .kb-workspace-card { padding: 15px; } .kb-rollout .btn { width: 100%; } }