/* Protocol page styles */
.protocol {
  width: 960px;
  margin: 120px auto 200px;
}

.protocol-title {
  font-family: "Readex Pro", sans-serif;
  font-weight: 600;
  font-size: 60px;
  color: #10111f;
  margin-bottom: 36px;
}

.protocol-item {
  margin-top: 36px;
  color: #00000099;
}

.protocol-item-title {
  font-family: "SF Pro", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 590;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
  margin-bottom: 16px;
}

.protocol-item-text {
  font-family: "SF Pro", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #00000099;
}

/* Nested list styles */
.protocol-nested-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}

.protocol-list-item {
  margin-bottom: 16px;
}

.protocol-list-item-title {
  font-family: "SF Pro", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
  position: relative;
  padding-left: 20px;
}

.protocol-list-item-title::before {
  content: "•";
  position: absolute;
  left: 0;
  font-weight: bold;
}

.protocol-sub-list {
  margin: 8px 0 0 20px;
  padding: 0;
  list-style: none;
}

.protocol-sub-list-item {
  font-family: "SF Pro", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #00000099;
  margin-bottom: 4px;
  position: relative;
  padding-left: 20px;
}

.protocol-sub-list-item::before {
  content: "◦";
  position: absolute;
  left: 0;
  color: #00000099;
}

/* 1440-1080px */
@media (max-width: 1440px) and (min-width: 1081px) {
  .protocol {
    width: 960px;
  }
}

/* 小于1080px */
@media (max-width: 1080px) {
  .protocol {
    width: calc(100% - 40px);
    margin: 80px auto 120px;
  }
}

/* 小于480px */
@media (max-width: 480px) {
  .protocol {
    width: calc(100% - 40px);
    max-width: 440px;
    margin: 40px auto 80px;
  }
  .protocol-title {
    font-size: 36px;
  }
}