.global-footer {
  position: relative;
  z-index: var(--z-footer);
  border-top: 1px solid var(--border-1);
}

.global-footer .layout-container {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding-inline: var(--layout-inline-pad);
}

.global-footer .footer-links-wrap {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--space-2);
  min-block-size: var(--layout-footer-h);
  padding-block: var(--space-2);
}

.global-footer .footer-brand-shell,
.global-footer .footer-balance {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.22rem;
  color: var(--text-normal);
  white-space: nowrap;
}

.global-footer .footer-balance {
  justify-self: end;
  visibility: hidden;
  pointer-events: none;
}

.global-footer .footer-links {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-2);
  justify-self: center;
}

.global-footer a {
  color: var(--text-normal);
  text-decoration: none;
  font-size: var(--footer-link-font-size);
}

.global-footer a:hover {
  color: var(--accent-color);
}

.global-footer small {
  color: var(--text-muted);
  font-size: var(--footer-meta-font-size);
}

.global-footer .tiona-brandword {
  display: inline-block;
}

.global-footer .tiona-footer-lockup {
  display: inline-grid;
  grid-template-columns: max-content max-content;
  grid-template-rows: auto auto;
  column-gap: 0.22rem;
  row-gap: 0.18rem;
  width: max-content;
  line-height: 1;
}

.global-footer .tiona-brandword-logo {
  grid-column: 1;
  grid-row: 1 / 3;
  align-self: center;
  display: inline-flex;
  align-items: center;
  gap: 0.045em;
  font-family: "Montserrat", var(--font-family-base);
  font-size: 0.96rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
}

.global-footer .tiona-brandword-text {
  display: inline-block;
  letter-spacing: 0.08em;
  line-height: 1;
}

.global-footer .tiona-brandword-o {
  display: block;
  width: 0.9em;
  height: 0.9em;
  flex: 0 0 auto;
  align-self: center;
  object-fit: contain;
  object-position: center;
  vertical-align: middle;
  transform: translateY(0.01em);
}

.global-footer .tiona-footer-release {
  grid-column: 2;
  grid-row: 2;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 0.18rem;
}

.global-footer .tiona-footer-beta-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.064rem 0.19rem;
  border-radius: 999px;
  background: #24c26a;
  box-shadow: 0 0 0 1px #179451;
  color: #fff;
  font-size: 0.32rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
}

.global-footer .tiona-footer-version {
  color: var(--text-muted);
  font-size: 0.52rem;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.015em;
  line-height: 1;
}

.global-footer .footer-brand-meta {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  display: inline-flex;
  align-items: flex-start;
  gap: 0.06rem;
  color: var(--text-muted);
  font-size: 0.68rem;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.01em;
  line-height: 1;
}

.global-footer .footer-brand-meta sup {
  font-size: 0.72em;
  line-height: 1;
}

@media (max-width: 767.98px) {
  .global-footer .footer-links-wrap {
    gap: var(--space-1);
  }

  .global-footer .tiona-brandword-logo {
    font-size: 0.88rem;
  }


  .global-footer .tiona-footer-beta-badge {
    padding: 0.056rem 0.16rem;
    font-size: 0.29rem;
  }

  .global-footer .tiona-footer-version {
    font-size: 0.47rem;
  }

  .global-footer .footer-brand-meta {
    font-size: 0.62rem;
  }
}