/* Shared terminal typography for every variant, view and dialog. */
@font-face {
  font-family: "JetBrains Mono";
  src: url("assets/fonts/JetBrainsMono-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}
html[data-variant] {
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --sans: var(--mono);
  --serif: var(--mono);
  --display: var(--mono);
  font-family: var(--mono);
  font-variant-ligatures: none;
}
html[data-variant] :is(h1,h2,h3) {
  font-family: var(--mono);
  font-style: normal;
  font-weight: 500;
  letter-spacing: -.045em;
}
html[data-variant] :is(h1,h2) em {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  color: #a9dcff;
}
html[data-variant] .screen-copy h1 {
  font-weight: 500;
  letter-spacing: -.07em;
  line-height: 1.1;
}
html[data-variant] .screen-copy h1:after,
html[data-variant] .archive-overview h1:after,
html[data-variant] .constellation h1:after {
  content: "";
  display: inline-block;
  width: .32em;
  height: .67em;
  margin-left: .17em;
  background: #a9dcff;
  opacity: .8;
  vertical-align: -.035em;
}
html[data-variant] .brand { font-family: var(--mono); font-weight: 600; font-size: 21px; letter-spacing: -.065em; }
html[data-variant] .brand small { font-weight: 400; letter-spacing: .05em; }
html[data-variant] .screen-brand { font-size: 18px; }
html[data-variant] .sidebar .brand { font-size: 18px; }
html[data-variant] .sidebar-bottom p { font-size: 18px; line-height: 1.5; }
html[data-variant] :is(.nav-item,.button,.text-button,.eyebrow,.record-tag,.marker,.local-indicator) {
  font-family: var(--mono);
  font-style: normal;
}
html[data-variant] .nav-item { font-size: 11px; letter-spacing: .015em; }
html[data-variant] .nav-item.active { color: #b3e0ff; }
html[data-variant] .nav-item.active:after { background: #b3e0ff; }
html[data-variant] :is(.record-index,.power-role small,.event-panel li span,.page-index,code,pre,textarea) {
  font-family: var(--mono);
}
html[data-variant] :is(.task-row h3,.export-note h3) { font-size: 22px; letter-spacing: -.05em; }
html[data-variant] .orbit-node strong { font-family: var(--mono); font-size: 19px; letter-spacing: -.05em; }
html[data-variant] .archive-summary strong { font-family: var(--mono); font-size: 23px; }
html[data-variant] .overview-record h3 { letter-spacing: -.02em; }
html[data-variant] .record-detail h2 { line-height: 1.4; }
html[data-variant] .modal h2 { font-family: var(--mono); line-height: 1.2; }
html[data-variant] .symbol-list h3 { letter-spacing: -.02em; }
html[data-variant] .power-row { overflow-wrap: anywhere; }
html[data-variant] .archive-summary { flex-wrap: wrap; }
@media (max-width: 900px) {
  html[data-variant] .topbar>.nav { gap: 21px; }
  html[data-variant] .sidebar .nav-item { font-size: 10px; }
}
@media (max-width: 650px) {
  html[data-variant] .brand { font-size: 20px; }
  html[data-variant] .screen-brand { font-size: 17px; }
  html[data-variant] .sidebar .brand { font-size: 21px; }
  html[data-variant] .topbar .nav-item,
  html[data-variant] .sidebar .vertical .nav-item { font-size: 10px; }
  html[data-variant] .archive-overview .section-heading h1 { font-size: 36px; }
  html[data-variant] .constellation h1 { font-size: 34px; }
  html[data-variant] .section-heading h1,
  html[data-variant] .archive-main .section-heading:not(.archive-overview .section-heading) h1 { font-size: 31px; line-height: 1.25; }
  html[data-variant] .record-detail h2 { font-size: 24px; }
  html[data-variant] .refusal-panel h2 { font-size: 26px; }
  html[data-variant] .modal h2 { font-size: 29px; }
  html[data-variant] .page-footer { flex-wrap: wrap; }
  html[data-variant] .page-footer>span { max-width: none; }
  html[data-variant] .brand small { font-size: 6px; }
}