.doc p.tv-code {
  color: var(--cream);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: .18em;
  margin: .6rem 0 0;
  word-break: break-all;
}
.tv-code-box {
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius:var(--r-lg);
  padding: 1rem 1.2rem;
  margin: 1.4rem 0;
  background: rgba(255, 255, 255, .03);
}
.tv-new { margin: 1.4rem 0 0; }
.doc .tv-new h2, .doc h2.tv-have { margin: 1.6rem 0 0; }
.tv-new-note { margin: .6rem 0 0; color: var(--cream-dim); }
.tv-steps { margin: 1.2rem 0 0; padding-left: 1.2rem; }
.tv-steps li { margin: .5rem 0; }
.tv-none {
  font-family: var(--sans);
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
  word-break: normal;
  color: var(--cream-dim);
}
.tv-open { margin: 1.2rem 0 0; }
.tv-open-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: .7rem 1.5rem;
  border-radius:var(--r-md);
  background: var(--beam);
  color: var(--ink);
  font-weight: 700;
  font-size: 1rem;
}
.doc a.tv-open-btn { color: var(--ink); text-decoration: none; }
.doc a.tv-open-btn:hover { background: var(--beam-deep); text-decoration: none; }
.tv-open-btn:focus-visible { outline: 3px solid var(--cream); outline-offset: 3px; }
.tv-steps-lead { margin: .8rem 0 0; color: var(--cream-dim); }
.doc p, .doc li { max-width: 39.88em; }
html:lang(en) .doc p, html:lang(en) .doc li { max-width: 34.38em; }