.card{background:var(--card);border:1px solid var(--border);border-radius:0;
  box-shadow:var(--shadow);padding:18px}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
#cmhost .cm-editor{min-height:440px}
.stage .preview{--reserve-ar: 876 / 450}   /* load-grace: default example's viewBox — see workspace.css */
.method{color:var(--muted);font-size:12.5px}
@media (max-width:900px){ #cmhost .cm-editor{min-height:280px} }

/* view toggle */
.viewtoggle{margin-bottom:12px}   /* type from the shared .segmented control */
.viewnote{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.45;max-width:68ch}

/* card bodies are menu targets (rename / status / add child / remove branch) in edit mode */
.preview svg [data-edit^="cardmenu"]{cursor:pointer}
.preview svg [data-edit="removeassump"]{cursor:pointer}
.preview svg [data-edit="removeassump"]:hover{fill:var(--err)}