.single-post .content {
  width: min(calc(100% - 40px), 880px);
}

.single-post .content article {
  font-size: 17px;
  line-height: 1.86;
}

.single-post .content h1 {
  max-width: 850px;
  font-size: clamp(40px, 6vw, 66px);
}

.single-post .content h2 {
  margin: 2.25em 0 .7em;
  padding-top: .25em;
  font-size: clamp(27px, 4vw, 36px);
  line-height: 1.25;
  letter-spacing: -.035em;
}

.single-post .content h3 {
  margin: 1.8em 0 .55em;
  font-size: 21px;
  line-height: 1.4;
}

.single-post .content p,
.single-post .content li {
  color: #bdcad6;
}

.single-post .content p {
  margin: 1em 0;
}

.single-post .content ul,
.single-post .content ol {
  margin: 1.15em 0 1.45em;
  padding-left: 1.35em;
}

.single-post .content li + li {
  margin-top: .55em;
}

.single-post .article-deck {
  margin: -4px 0 46px;
  color: #91a8bc;
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.65;
}

.single-post .article-scope {
  margin: 34px 0 48px;
  padding: 18px 22px;
  border: 1px solid rgba(255, 184, 107, .24);
  border-radius: 12px;
  background: rgba(120, 53, 15, .12);
}

.single-post .article-scope p {
  margin: 0;
  color: #cbd6df;
  font-size: 15px;
}

.single-post .article-scope strong {
  color: var(--amber);
}

.single-post blockquote {
  margin: 32px 0;
  padding: 18px 22px;
  border: 1px solid rgba(94, 219, 211, .23);
  border-left: 3px solid var(--cyan);
  border-radius: 0 12px 12px 0;
  background: rgba(13, 29, 46, .72);
}

.single-post blockquote p {
  margin: 0;
  color: #d7e4ee !important;
}

.single-post code {
  padding: .15em .4em;
  border: 1px solid rgba(157, 184, 210, .14);
  border-radius: 5px;
  color: #7ce7df;
  background: rgba(3, 11, 20, .72);
  font: .9em/1.5 "JetBrains Mono", Consolas, monospace;
}

.single-post pre.article-code {
  margin: 30px 0;
  padding: 22px 24px;
  overflow-x: auto;
  border: 1px solid rgba(94, 219, 211, .2);
  border-radius: 12px;
  background: #06111f;
  box-shadow: inset 3px 0 0 rgba(94, 219, 211, .55);
}

.single-post pre.article-code code {
  display: block;
  padding: 0;
  border: 0;
  color: #c9e8ef;
  background: transparent;
  font: 14px/1.75 "JetBrains Mono", Consolas, monospace;
  white-space: pre;
}

.single-post figure {
  margin: 44px 0;
}

.single-post figure a {
  display: block;
}

.single-post figure img,
.single-post .content > article > p > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 1px solid rgba(94, 219, 211, .2);
  border-radius: 14px;
  background: #06111f;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .28);
}

.single-post figcaption {
  margin-top: 12px;
  color: #70879a;
  font: 12px/1.65 "JetBrains Mono", Consolas, monospace;
  text-align: left;
}

.single-post .article-formula {
  margin: 30px 0;
  padding: 22px;
  overflow-x: auto;
  border: 1px solid rgba(167, 139, 250, .28);
  border-radius: 12px;
  color: #e8e1ff;
  background: rgba(76, 29, 149, .16);
  font: 600 clamp(14px, 2vw, 17px)/1.6 "JetBrains Mono", Consolas, monospace;
  text-align: center;
}

.single-post .article-references {
  padding-top: 8px;
  border-top: 1px solid var(--line);
}

.single-post .article-references li {
  font-size: 15px;
}

@media (max-width: 560px) {
  .single-post .content {
    width: min(calc(100% - 28px), 880px);
    padding-block: 64px;
  }

  .single-post .content article {
    font-size: 16px;
    line-height: 1.78;
  }

  .single-post .content h1 {
    font-size: 40px;
  }

  .single-post .article-deck {
    margin-bottom: 36px;
    font-size: 17px;
  }

  .single-post figure {
    margin: 34px 0;
  }
}