.hextra-max-page-width:has(.orthant-source-code) { max-width: 1248px; }
.hextra-max-page-width:has(.orthant-source-code) > .hextra-toc { display: none; }
#content:has(.orthant-source-code) {
  align-self: flex-start; max-width: 1160px; margin: 28px 24px 20px; padding: 32px 40px 36px;
  background: var(--orthant-paper); border: 1px solid var(--orthant-line); border-radius: 12px;
  box-shadow: var(--orthant-shadow);
}
#content:has(.orthant-source-code) > .content + div { margin-top: 0; }
.content:has(.orthant-source-code) { -webkit-user-select: text; user-select: text; font-size: 16px; line-height: 1.75; }
.content:has(.orthant-source-code) > div:first-child > h1 {
  margin: 0; font-family: var(--font-serif); font-size: clamp(26px, 2.7vw, 34px); font-weight: 600;
}
.content:has(.orthant-source-code) > p { margin: 14px 0; }
.content:has(.orthant-source-code) > p:first-of-type {
  margin: 22px 0; padding-bottom: 18px; border-bottom: 1px solid var(--orthant-line); font-size: 14px;
}
.content:has(.orthant-source-code) a { color: var(--orthant-link); text-underline-offset: 3px; }
.content:has(.orthant-source-code) :not(pre) > code { overflow-wrap: anywhere; }
.content .orthant-source-code { margin-top: 26px; }
@media (max-width: 767px) {
  #content:has(.orthant-source-code) { margin: 16px 12px 20px; padding: 24px 18px 28px; }
  .content:has(.orthant-source-code) > p:first-of-type { line-height: 2; }
}