html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background: #ffffff;
  font-family: "MS UI Gothic", Tahoma, Verdana, sans-serif;
  font-size: 14px;
  color: #000000;
  line-height: 1.15;
  -webkit-font-smoothing: none;
}

.content {
  min-height: 100%;
  box-sizing: border-box;
  padding: 12px;
  background: #ffffff;
  box-shadow: inset 2px 2px #dedede, inset -2px -2px #b8b8b8;
}

/* scroll area for long content */
.content-inner {
  max-height: calc(100vh - 24px);
  overflow-y: auto;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 8px 0;
  font-weight: normal;
}

p, ul, ol {
  margin: 0 0 10px 0;
}

ul, ol {
  padding-left: 20px;
}

.content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 8px;
}