/* Generated by cmd/capture. Do not edit by hand; the inline copy in
   each .html file is produced from this same source. */

:root {
  --tm-surface: #12151c;
  --tm-surface-alt: #1b202b;
  --tm-fg: #d7dce8;
  --tm-muted: #98a2b6;
  --tm-accent: #7fb0ff;
  --tm-border: #333c4d;
  --tm-mono: ui-monospace, "SF Mono", "DejaVu Sans Mono", "Cascadia Mono",
             "Liberation Mono", Menlo, Consolas, monospace;
}

@media (prefers-color-scheme: light) {
  :root {
    --tm-surface: #f7f8fb;
    --tm-surface-alt: #eef1f7;
    --tm-fg: #1d222c;
    --tm-muted: #5a6478;
    --tm-accent: #2f6fd0;
    --tm-border: #cdd4e0;
  }
}

body {
  margin: 0;
  padding: 1.5rem;
  background: var(--tm-surface);
  color: var(--tm-fg);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.5;
}

.tm-name { font-size: 1.35rem; margin: 0 0 .25rem; }
.tm-meta { margin: .1rem 0; color: var(--tm-muted); font-size: .85rem; }
.tm-note {
  margin: .6rem 0 0;
  padding: .5rem .7rem;
  border-left: 3px solid var(--tm-accent);
  background: var(--tm-surface-alt);
  color: var(--tm-muted);
  font-size: .85rem;
}

.tm-widths { display: flex; gap: 1rem; overflow-x: auto; margin: 1rem 0; }
.tm-width { flex: 0 0 auto; }
.tm-cap { margin: 0 0 .3rem; color: var(--tm-muted); font-size: .75rem; }

.tm-plain-head {
  margin: 1.5rem 0 .4rem;
  color: var(--tm-muted);
  font-size: .85rem;
}

/* The capture itself. Everything that keeps the grid square is on this rule
   and nowhere else, so a change to terminal fidelity is a change in one place. */
.tm-capture {
  margin: 0;
  padding: .7rem .8rem;
  background: var(--tm-surface-alt);
  border: 1px solid var(--tm-border);
  border-radius: 3px;
  color: var(--tm-fg);
  font-family: var(--tm-mono);
  font-size: 14px;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "calt" 0;
  line-height: 1.3;
  white-space: pre;
  tab-size: 8;
  overflow-x: auto;
}

/* A colour run, emitted only when the run differs from its neighbours. */
.tm-fg { color: var(--tm-fg); }
.tm-bg { background: var(--tm-surface); }

/* The cursor. MemorySink.Cursor() reports position and visibility, so the mark
   is exact; it is hollow rather than solid because a terminal cursor sits UNDER
   a glyph rather than on top of it, and a static frame cannot show it blinking.
   The underline keeps it legible over a Braille or block-element cell. */
.tm-cursor {
  outline: 1px dotted var(--tm-accent);
  outline-offset: -1px;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: .18em;
}

@media (max-width: 40rem) {
  .tm-widths { flex-direction: column; }
}