html {
  direction: rtl;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--wk-ground);
  color: var(--wk-ink);
  font-family: var(--wk-font);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

[dir="ltr"] {
  direction: ltr;
  unicode-bidi: isolate;
}

:focus-visible {
  outline: 2px solid var(--wk-red);
  outline-offset: 3px;
}

a {
  color: var(--wk-red);
  text-decoration: none;
}

a:hover {
  color: var(--wk-red-text);
}

button,
input,
textarea,
select {
  font-family: inherit;
}

.skip-link {
  position: absolute;
  inset-inline-start: 12px;
  top: -40px;
  z-index: 80;
  background: var(--wk-red);
  color: var(--wk-white);
  padding: 8px 14px;
  border-radius: var(--wk-radius-pill);
}

.skip-link:focus {
  top: 12px;
}

@keyframes fadeUp {
  from { transform: translateY(14px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@keyframes slideDown {
  from { transform: translateY(-140%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.wk-page {
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 16px 80px;
}

.wk-phone {
  width: min(100%, 390px);
  margin: 0 auto;
}

@media (min-width: 880px) {
  .wk-page {
    padding: 28px 24px 96px;
  }
}