.theme-public {
  background: var(--public-bg);
  color: var(--public-text);
  font-family: var(--public-font-family-base);
}

.theme-public *,
.theme-public *::before,
.theme-public *::after {
  box-sizing: border-box;
}

.theme-public .public-shell {
  width: min(100%, 1440px);
  margin: 0 auto;
  padding: 40px 48px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.theme-public a {
  color: inherit;
  text-decoration: none;
}

.theme-public button,
.theme-public input {
  font: inherit;
}

@media (max-width: 920px) {
  .theme-public .public-shell {
    padding: 24px 16px 28px;
    gap: 24px;
  }
}