:root {
  color-scheme: light;
  font-family: "Open Sans", Arial, sans-serif;
  color: #505A6C;
  background: #ffffff;
}

* { box-sizing: border-box; }

body { margin: 0; font-size: .9375rem; line-height: 1.65; }

a {
  color: inherit;
  text-decoration-color: #777;
  text-underline-offset: .2em;
}

a:hover { text-decoration-color: currentColor; }

a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

.container { width: min(100% - 2.25rem, 1068px); margin-inline: auto; }

.skip-link {
  position: absolute;
  top: -6rem;
  left: 1rem;
  padding: .5rem 1rem;
  background: #fff;
  z-index: 1;
}

.skip-link:focus { top: 1rem; }

.home-content {
  max-width: 35rem;
  padding-block: clamp(2.5rem, calc(10vh - 1rem), 5rem) 4rem;
}

h1 { margin: 0 0 1.5rem; font-size: 1.375rem; font-weight: 400; line-height: 1.3; }

.home-content p { margin: 0 0 1.5rem; }

.home-content p:last-child { margin-bottom: 0; }

.keep-together { white-space: nowrap; }

.publications-content { max-width: 760px; padding-block: 2.5rem 5rem; }

.publications-content > p:not(.back-home) { margin: -.7rem 0 2rem; }

.back-home { margin-top: 2rem; }

.publication-list { list-style: none; margin: 0; padding: 0; }

.publication-list li { margin: 0; padding: 1.1rem 0; border-top: 1px solid #e6e6e6; }

.publication-list li:first-child { border-top: 0; }

.publication-list p { margin: .1rem 0; font-size: .875rem; }

.publication-list p.title { margin-bottom: .35rem; font-size: .9375rem; }

.publication-list strong { font-weight: 600; }

.publication-list a { overflow-wrap: anywhere; }

@media (max-width: 600px) {
  .home-content {
    width: calc(100% - 4.5rem);
    padding-block-start: 3rem;
    font-size: .875rem;
  }

  .home-content h1 { font-size: 1.25rem; }
}

@media (max-width: 500px) {
  .publications-content { padding-top: 2rem; }
}