/* 11-card-document */
.workspace { display: flex; flex-direction: column; }

      .outer { padding: 12px 20px 0; }
      .doc-card { margin: 12px 20px 20px; background: var(--panel); border-radius: 14px; box-shadow: var(--shadow); border: 1px solid var(--border); overflow: hidden; flex: 1; display: flex; flex-direction: column; min-height: 0; }
      .card-head { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--border); }
      .doc-title-input.flat { border: none; flex: 1; padding: 0; font-size: 18px; }
      .card-actions { display: flex; gap: 8px; }
      .card-grid { display: grid; grid-template-columns: 1fr 240px; flex: 1; min-height: 280px; }
      .card-grid textarea { border: none; border-radius: 0; min-height: 100%; }
      .card-grid .yaml-textarea { border-left: 1px solid var(--border); background: var(--panel-soft); }