/* Shared typography for canonical task/step content, both preview and editor.
   No external font service and no formatting/reindentation of author code. */
@font-face{
  font-family:'JetBrains Mono';
  src:url('./fonts/JetBrainsMono-Regular.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
:root{--task-code-font:'JetBrains Mono',Consolas,monospace;--task-code-size:14px}
.step-content-preview code,
#step-workspace .sw-document code,
#step-workspace .sw-code-block textarea[data-code-content]{
  font-family:var(--task-code-font);
  font-size:var(--task-code-size);
  font-weight:400;
  font-style:normal;
  font-synthesis:none;
  font-variant-ligatures:none;
  font-feature-settings:'liga' 0,'calt' 0;
  letter-spacing:0;
  line-height:inherit;
  color:inherit;
}
.step-content-preview code,
#step-workspace .sw-document code{
  padding:0 3px;
  border-radius:3px;
  background:var(--surface-muted);
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
.step-content-preview pre,
#step-workspace .sw-document pre{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
  margin:12px 0;
  padding:12px 14px;
  background:var(--surface-muted);
  border:1px solid var(--line);
  border-radius:8px;
  font-size:inherit;
  line-height:inherit;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  tab-size:4;
}
.step-content-preview pre code,
#step-workspace .sw-document pre code{
  padding:0;
  border-radius:0;
  background:none;
  white-space:inherit;
  overflow-wrap:inherit;
}