/* Shared navigation for the paper research suite. No wallet or execution controls. */
html { color-scheme: dark; }
.tg-suite-shell {
  position: relative;
  z-index: 6;
  padding: 14px 20px 12px;
  background: #070c14;
  border-bottom: 1px solid #223047;
  color: #e4ebf5;
  font-family: Inter, system-ui, -apple-system, sans-serif;
}
.tg-suite-nav {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  max-width: 1448px;
  margin: 0 auto;
}
.tg-suite-nav a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  min-height: 54px;
  padding: 10px 13px;
  border: 1px solid #243249;
  border-radius: 8px;
  background: #0c1420;
  color: #e4ebf5;
  text-decoration: none;
  font-family: inherit;
  line-height: 1.3;
}
.tg-suite-nav a strong { font-size: 13px; font-weight: 600; }
.tg-suite-nav a span { color: #93a5bd; font-size: 11px; }
.tg-suite-nav a:hover { background: #132031; border-color: #4b718f; color: #fff; }
.tg-suite-nav a[aria-current="page"] { border-color: #45d6a8; background: #102622; }
.tg-suite-nav a[aria-current="page"] strong { color: #6ae3bd; }
.tg-suite-nav a:focus-visible { outline: 2px solid #6ae3bd; outline-offset: 3px; }
.tg-paper-notice {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 14px;
  max-width: 1448px;
  margin: 10px auto 0;
  font-size: 11px;
  line-height: 1.5;
}
.tg-paper-notice strong { color: #e8c15a; font-weight: 600; letter-spacing: .04em; }
.tg-paper-notice span { color: #9dafc4; }
.registry-source { color: #9dafc4; font-size: 12px; margin: 24px 0 0; }
.registry-source.unavailable { color: #ffc24d; }

/* Let controls wrap before they push the terminal beyond the viewport. */
body[data-page="kamikaze"] #app { grid-template-rows: auto 1fr auto; }
#app > header { flex-wrap: wrap; min-height: 48px; padding-top: 9px; padding-bottom: 9px; }
#app > header .seg { max-width: 100%; overflow-x: auto; }
#app > header .seg button { min-height: 34px; }
#app > main { min-width: 0; }
.tg-page-nav { flex: 1 1 100%; order: 3; margin-left: 0; }
.tg-page-nav a { padding: 7px 9px; }
.lang-switcher .lang-trigger:focus-visible,
.lang-switcher .lang-option:focus-visible { outline: 2px solid #6ae3bd; outline-offset: 2px; }

@media (max-width: 760px) {
  .tg-suite-shell { padding: 10px 12px; }
  .tg-suite-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .tg-suite-nav a { min-height: 56px; padding: 8px; }
  .tg-suite-nav a span { font-size: 10px; }
  .tg-paper-notice { gap: 4px; margin-top: 9px; font-size: 10px; }
  .tg-paper-notice strong { width: 100%; }
  #app > header .brand { flex-wrap: wrap; white-space: normal; }
  #app > header .sp { display: none; }
  #app .ph { flex-wrap: wrap; }
  #app .ph .r { overflow-wrap: anywhere; }
  #app .kv { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 5px 8px; }
  #app .kv .v { white-space: normal; overflow-wrap: anywhere; }
  #app #markets .pb { flex: none; }
  #app .screens { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; }
  #app .scr { min-height: 62px; aspect-ratio: auto; }
  #app .stream div { grid-template-columns: 52px minmax(40px, auto) minmax(0, 1fr); }
  #app .stream div > :last-child { grid-column: 3; overflow-wrap: anywhere; }
  .tg-page-nav { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
  .tg-page-nav a { white-space: nowrap; }
}

@media (max-width: 370px) {
  .tg-suite-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .tg-suite-shell *, .c-ticker .run { animation: none !important; transition: none !important; }
}