/* ============================================================
   terms.css - public terms page (.terms-*). Born part 53b.
   ============================================================ */
.terms-body { margin: 0; background: var(--color-bg); color: var(--color-ink); font-family: var(--font-primary); }
.terms-header {
  display: flex; align-items: center; justify-content: space-between;
  background: var(--color-header-bg); color: #fff;
  padding: var(--space-3) var(--space-5);
}
.terms-header__logo {
  display: flex; align-items: center; gap: var(--space-2);
  color: #fff; text-decoration: none;
  font-family: 'Baloo 2', var(--font-primary); font-size: 22px; font-weight: 800;
}
.terms-header__logo span { color: var(--color-primary-light); }
.terms-header__mark { height: 28px; }
.terms-header__lang {
  background: var(--color-header-surface); border: 1px solid var(--color-header-border);
  color: #fff; border-radius: var(--radius-sm); padding: 5px 14px;
  font-size: var(--text-sm); font-family: inherit; font-weight: var(--weight-bold); cursor: pointer;
  transition: background var(--transition-fast);
}
.terms-header__lang:hover { background: var(--color-header-surface-hover); }
.terms-main { max-width: 760px; margin: 0 auto; padding: var(--space-6) var(--space-5) 64px; }
.terms-title { font-size: var(--text-xl); margin: 0 0 var(--space-4); }
.terms-content { white-space: pre-wrap; font-family: inherit; font-size: var(--text-base); line-height: 1.85; margin: 0; }