.stndpage {
  width: 100%; font-size: 17px; line-height: 170%; color: #1d1d1d;
}
.stndpage time {
  display: block; margin-bottom: 20px; color: #777777; font-size: 14px;
}

.stndpage > *:first-child {
  margin-top: 0 !important;
}

.stndpage > *:last-child {
  margin-bottom: 0 !important;
}

.stndpage p {
  margin: 0 0 22px 0;
}

.stndpage a {
  color: var(--href_primary); text-decoration: underline; text-underline-offset: 3px;
}

.stndpage a:hover {
  color: var(--href_primary_hover); text-decoration: underline;
}

.stndpage strong, .stndpage b {
  font-weight: 800; color: #000000;
}

.stndpage em, .stndpage i {
  font-style: italic;
}

.stndpage u {
  text-decoration-thickness: 1px; text-underline-offset: 3px;
}

.stndpage h1 {
  margin: 0 0 30px 0; font-size: 46px; line-height: 120%;
}

.stndpage h2 {
  margin: 44px 0 24px 0; font-size: 36px; line-height: 120%;
}

.stndpage h3 {
  margin: 38px 0 20px 0; font-size: 30px; line-height: 120%;
}

.stndpage h4 {
  margin: 32px 0 16px 0; font-size: 26px; line-height: 125%;
}

.stndpage h5 {
  margin: 28px 0 14px 0; font-size: 22px; line-height: 130%;
}

.stndpage h6 {
  margin: 24px 0 12px 0; font-size: 18px; line-height: 135%;
}

.stndpage ul, .stndpage ol {
  margin: 0 0 24px 24px; padding: 0;
}

.stndpage ul {
  list-style: none;
}

.stndpage ul li, .stndpage ol li {
  position: relative; margin: 0 0 0 0; padding: 0 0 0 10px;
}

.stndpage ul li::before {
  content: ""; position: absolute; left: -16px; top: 13px; width: 7px; height: 7px; background-color: var(--red);
}

.stndpage ol {
  list-style-position: outside;
}

.stndpage ol li {
  padding-left: 6px;
}

.stndpage img {
  display: block; max-width: 100%; height: auto; margin: 0 auto;
}

.stndpage figure {
  margin: 32px 0;
}

.stndpage figure img {
  margin: 0;
}

.stndpage figcaption {
  margin: 10px 0 0 0; font-size: 14px; line-height: 150%; color: #777777;
}

.stndpage blockquote {
  margin: 32px 0; padding: 22px 28px; border-left: 4px solid var(--red); background-color: #ffffff; font-size: 19px; line-height: 160%; font-weight: 500;
}

.stndpage table {
  width: 100%; margin: 32px 0; border-collapse: collapse; background-color: #ffffff;
}

.stndpage table th, .stndpage table td {
  padding: 14px 16px; border: 1px solid #d1d1d1; text-align: left; vertical-align: top;
}

.stndpage table th {
  color: #000000; background-color: #eeeeee; font-weight: 800;
}

.stndpage iframe, .stndpage video {
  max-width: 100%; margin: 0;
}

.stndpage hr {
  width: 100%; height: 1px; margin: 36px 0; border: none; background-color: #d1d1d1;
}

.stndpage pre {
  margin: 28px 0; padding: 18px 20px; background-color: #111111; color: #ffffff; overflow-x: auto; font-size: 14px; line-height: 160%;
}

.stndpage code {
  padding: 2px 6px; background-color: #eeeeee; font-size: 15px;
}

.stndpage pre code {
  padding: 0; background-color: transparent; color: inherit;
}

.stndpage .table-responsive {
  width: 100%; overflow-x: auto;
}

.stndpage .note-float-left {
  float: left; margin: 6px 28px 20px 0;
}

.stndpage .note-float-right {
  float: right; margin: 6px 0 20px 28px;
}

.stndpage .note-float-none {
  float: none;
}

.stndpage .note-align-left {
  text-align: left;
}

.stndpage .note-align-center {
  text-align: center;
}

.stndpage .note-align-right {
  text-align: right;
}

.stndpage .note-align-justify {
  text-align: justify;
}

.stndpage .note-video-clip {
  display: block; max-width: 100%; margin: 32px 0;
}

.stndpage .note-editable img {
  max-width: 100%; height: auto;
}

@media screen and (max-width: 768px) {
  .stndpage {
    font-size: 16px; line-height: 165%;
  }

  .stndpage h1 {
    font-size: 36px;
  }

  .stndpage h2 {
    font-size: 30px;
  }

  .stndpage h3 {
    font-size: 26px;
  }

  .stndpage h4 {
    font-size: 22px;
  }

  .stndpage ul, .stndpage ol {
    margin-left: 20px;
  }

  .stndpage .note-float-left, .stndpage .note-float-right {
    float: none; display: block; margin: 24px 0;
  }
}