:root {
  color-scheme: light;
}

html {
  scroll-behavior: smooth;
}

body {
  min-width: 0;
  padding: 0 16px;
  overflow-wrap: anywhere;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  max-width: 100%;
}

.x-logo {
  width: 0.9em;
  height: 0.9em;
  margin-right: 0.3em;
  vertical-align: -0.05em;
}

#wrapper,
#wrapper-e {
  width: min(100%, 1000px);
}

#header,
#header-e {
  width: 100%;
  max-width: 1000px;
  background-position: left top;
  background-size: auto 100%;
}

#header h1 a,
#header-e h1 a {
  width: 100%;
  height: 100%;
}

@media (max-width: 860px) {
  body {
    padding: 0 10px;
  }

  #header,
  #header-e {
    height: 80px;
  }

  ul.menu {
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0;
  }

  .menu li {
    flex: 1 0 auto;
  }

  .menu a {
    text-align: center;
  }

  #main,
  #main.paper-e,
  #main.seminar-event-e,
  .news-twitter-container-e,
  .news-container-e,
  .seminar-interview-update-container-e,
  .seminar-interview-container-e,
  .access-links-container-e {
    display: block;
    width: 100%;
  }

  #left,
  #right,
  #sidebar,
  #paper-kind,
  #papers,
  #seminar-event-years,
  #seminar-events,
  .news-e,
  .twitter-container,
  .access-e,
  .links-e {
    box-sizing: border-box;
    float: none;
    width: 100% !important;
  }

  [style*="width:830px"],
  [style*="width:580px"],
  [style*="width:410px"],
  [style*="width:240px"],
  [style*="width:205px"] {
    box-sizing: border-box;
    float: none !important;
    width: 100% !important;
    height: auto !important;
  }
}