html {
  scroll-behavior: smooth;
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

/* header gains a shadow once the page is scrolled (toggled via js/main.js) */
#site-header.is-scrolled {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

/* mobile nav panel, closed by default */
#mobile-menu {
  display: none;
}
#mobile-menu.is-open {
  display: block;
}