:root {
  color-scheme: dark;
  font-family: system-ui, -apple-system, Segoe UI, sans-serif;
  background: #090d16;
  color: #e8edf5;
}
* { box-sizing: border-box; }
body { margin: 0; }
header {
  height: 44px;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 20px;
  border-bottom: 1px solid #243044;
  font-size: 13px;
}
header a { display: inline-flex; align-items: center; min-height: 44px; color: #b6c6e0; text-decoration: none; }
header a:focus-visible { outline: 2px solid #56c6b4; outline-offset: 4px; }
.gateway-title { margin: 0; font: inherit; font-weight: 700; color: #fff; }
#direct { margin-left: auto; }
main { height: calc(100dvh - 44px); }
iframe { display: block; width: 100%; height: 100%; border: 0; background: #090d16; }
@media (max-width: 580px) {
  header { gap: 10px; padding: 0 10px; font-size: 11px; }
  /* Preserve the single page heading in the accessibility tree on mobile. */
  .gateway-title {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
}