@font-face {
  font-family: "Newsreader";
  src: url("/v3/assets/fonts/newsreader-vietnamese.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("/v3/assets/fonts/manrope-vietnamese.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
}

:root {
  --sans: "Manrope", "Trebuchet MS", sans-serif;
  --display: "Newsreader", Georgia, serif;
}

.skip-link {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 200;
  padding: 10px 14px;
  color: var(--night);
  background: var(--lime);
  transform: translateY(-150%);
}

.skip-link:focus {
  transform: none;
}

:focus-visible {
  outline: 3px solid #ef6b35;
  outline-offset: 3px;
}

.button,
.mobile-toggle,
.language-switch a {
  min-height: 44px;
}

.form label {
  display: grid;
  gap: 5px;
  font-size: 13px;
  font-weight: 700;
}

.form input:focus,
.form select:focus,
.form textarea:focus {
  border-color: var(--lime);
  outline: 2px solid var(--lime);
  outline-offset: 1px;
}

.page-title {
  margin: 0;
  font: 600 clamp(42px, 5vw, 76px) / .95 var(--display);
  letter-spacing: -.04em;
}