/* Reviewer-facing English pages only. */
html { color-scheme: dark; }
body { padding-top: 86px; }
.cursor-dot, .cursor-outline { display: none; }
a, button { touch-action: manipulation; -webkit-tap-highlight-color: rgba(0, 255, 133, 0.22); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid #7dd3fc;
  outline-offset: 4px;
}
h1, h2, h3 { text-wrap: balance; }
.en-skip {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 20000;
  padding: 10px 14px;
  border-radius: 8px;
  background: #ffffff;
  color: #0d0d0d;
  transform: translateY(-150%);
}
.en-skip:focus { transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 900px) {
  body { padding-top: 0; }
  nav[aria-label="Primary navigation"] {
    position: relative;
    width: 100%;
    padding: 12px 14px;
    flex-direction: column;
    gap: 10px;
  }

  nav[aria-label="Primary navigation"] .logo img { height: 34px; }
  nav[aria-label="Primary navigation"] .logo .brand-name { font-size: 1.35rem; }
  nav[aria-label="Primary navigation"] ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px 14px;
    font-size: 0.72rem;
    line-height: 1.35;
  }

  nav[aria-label="Primary navigation"] ul li a {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
  }

  #hero { min-height: 76vh; }
  #hero h1 { font-size: clamp(2rem, 10vw, 2.7rem); }
  section { padding: 60px 0; }
}

@media (max-width: 420px) {
  nav[aria-label="Primary navigation"] ul { gap: 5px 11px; font-size: 0.68rem; }
  .container { width: 92%; }
  footer .container { gap: 24px; }
}