/* Header-link landing positions. Native anchors only: no JavaScript. */
@media (min-width: 761px) {
  #courses {
    scroll-margin-top: 100px;
  }
  #recognition {
    scroll-margin-top: 100px;
  }
  #exams {
    scroll-margin-top: 164px;
  }
  #translation {
    scroll-margin-top: 280px;
  }
  #about {
    scroll-margin-top: 7px;
  }
}
@media (max-width: 760px) {
  /* 1cm on a phone scales with the screen width (12.8vw = 1cm on iPhone 13 Pro Max, 428px wide).
     Every section lands just under the header with a 0.6cm gap. */
  :root {
    --cm: 12.8vw;
    --gap: calc(0.6 * var(--cm));
  }
  #courses {
    scroll-margin-top: calc(var(--gap) - 1px);
  }
  #exams {
    scroll-margin-top: calc(-1 * ((100vw - 44px) / 1.15) + var(--gap) - 29px);
  }
  #translation {
    scroll-margin-top: calc(-1 * ((100vw - 44px) / 1.15) + var(--gap) - 17px);
  }
  #recognition {
    scroll-margin-top: calc(var(--gap) - 1px);
  }
  #about {
    scroll-margin-top: calc(var(--gap) - 69px);
  }
}