body.linear-legal {
  margin: 0;
  background: #07080d;
  color: #f4f1ea;
  font-family: "Geist Variable", ui-sans-serif, system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.linear-legal a {
  color: inherit;
}

.skip {
  position: absolute;
  left: 1rem;
  top: -4rem;
}

.skip:focus {
  top: 0.75rem;
  background: #f4f1ea;
  color: #07080d;
  padding: 0.5rem 0.75rem;
}

.linear-bar,
.linear-foot {
  width: min(46rem, calc(100% - 2rem));
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1.1rem;
}

.linear-bar {
  min-height: 4rem;
  border-bottom: 1px solid rgba(244, 241, 234, 0.12);
}

.linear-mark {
  margin-right: auto;
  font-family: "Fraunces Variable", Georgia, serif;
  font-size: 1.35rem;
  letter-spacing: -0.03em;
  text-decoration: none;
}

.linear-lang {
  display: flex;
  gap: 0.55rem;
}

.linear-lang a {
  color: #8f887e;
  text-decoration: none;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
}

.linear-lang a[aria-current="true"] {
  color: #f4f1ea;
}

.linear-tel {
  color: #8f887e;
  text-decoration: none;
}

.ambient-bg {
  display: none;
}

.legal-shell,
.confirm-shell {
  width: min(46rem, calc(100% - 2rem));
  margin: 2.5rem auto 3rem;
}

.legal-card h1,
.confirm-card h1,
.status-card h1 {
  font-family: "Fraunces Variable", Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.03em;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.05;
}

.kicker,
.meta {
  color: #8f887e;
  font-size: 0.85rem;
}

.legal-card a,
.confirm-card a,
.linear-foot a {
  text-underline-offset: 0.18em;
}

.button {
  display: inline-flex;
  margin-top: 0.5rem;
  text-decoration: none;
  border-bottom: 1px solid rgba(244, 241, 234, 0.35);
}

.linear-foot {
  border-top: 1px solid rgba(244, 241, 234, 0.12);
  padding: 1.25rem 0 2rem;
  color: #c9c2b6;
  font-size: 0.92rem;
}

.confirm-steps {
  padding-left: 1.2rem;
}

.status-icon,
.confirm-icon {
  color: #f4f1ea;
}
