/* auth base primitives used by premium auth layout and account forms */
.auth__form {
  max-width: 480px;
  margin: var(--hc-sp-5) auto;
  display: grid;
  gap: 14px;
}

.tracking-premium__grid > .auth__form {
  margin: 0;
  max-width: none;
  width: auto;
}

.auth__err {
  padding: var(--hc-sp-3);
  background: var(--hc-danger-soft);
  color: var(--hc-danger);
  border-radius: var(--hc-r-sm);
  margin-bottom: var(--hc-sp-3);
  font-size: var(--hc-fs-sm);
}

.auth__alt {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 0.5px solid rgba(180, 151, 115, 0.18);
  text-align: center;
  font-size: 13px;
  color: rgba(26, 23, 20, 0.65);
}

.auth__alt a {
  color: var(--hc-accent, #8b7355);
  text-decoration: underline;
}

.auth__sep {
  margin-top: 6px;
  padding-top: 10px;
  border-top: 0.5px solid rgba(180, 151, 115, 0.18);
  font-family: var(--hc-mono, "JetBrains Mono", monospace);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(26, 23, 20, 0.58);
}

.auth__grid2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

@media (max-width: 480px) {
  .auth__grid2 {
    grid-template-columns: 1fr;
  }
}