/* ───────── write your own ───────── */
.code-split { align-items: start; }
.code-split > div { display: grid; gap: var(--space-m); }
.mini { display: grid; gap: var(--space-m); }
.mini li { display: grid; grid-template-columns: 2rem 1fr; gap: var(--space-m); }
.mini b { color: var(--fg); }
.mini .n {
  width: 2rem; height: 2rem; border-radius: 50%;
  background: var(--accent); color: var(--accent-ink);
  display: grid; place-items: center;
  font-size: var(--text-body);
}
.actions { --min: 13rem; }
.actions li:hover { transform: translateY(-0.25rem) rotate(-0.6deg); }
.actions p { color: var(--term-dim); }
.actions code { background: var(--term-line); border-color: transparent; color: var(--term-fg); }
.glyph { font-size: var(--text-title); line-height: 1; font-weight: 700; display: block; }
.facts b { color: var(--fg); font-weight: normal; }