.docs-public-page { min-width: 0; }
.docs-public-page main { background: #f4f4f2; }
.docs-hero {
  width: min(var(--about-max), calc(100% - 68px));
  margin: 0 auto;
  padding: 92px 0 76px;
  display: grid;
  grid-template-columns: 190px minmax(0, 820px);
  gap: 54px;
  border-bottom: 1px solid #cfcfca;
}
.docs-hero h1 {
  max-width: 780px;
  margin: 14px 0 24px;
  font: 400 clamp(44px, 6vw, 78px)/.98 Georgia, "Times New Roman", serif;
  letter-spacing: -.035em;
}
.docs-deck {
  max-width: 760px;
  color: #555550;
  font: 25px/1.45 Georgia, "Times New Roman", serif;
}
.docs-revision { margin-top: 28px; color: #777772; font-size: 12px; }
.docs-shell {
  width: min(var(--about-max), calc(100% - 68px));
  margin: 0 auto;
  padding: 70px 0 110px;
  display: grid;
  grid-template-columns: 190px minmax(0, 820px);
  gap: 54px;
}
.docs-toc {
  position: sticky;
  top: 104px;
  align-self: start;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #aaa9a3;
  padding-top: 16px;
}
.docs-toc span { margin-bottom: 12px; color: #171717; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.docs-toc a { padding: 7px 0; color: #686863; font-size: 12px; font-weight: 700; text-decoration: none; }
.docs-toc a:hover { color: #b5121b; }
.docs-body section { padding: 0 0 64px; scroll-margin-top: 105px; }
.docs-body section + section { padding-top: 58px; border-top: 1px solid #cfcfca; }
.docs-body h2 { margin: 8px 0 25px; font: 400 42px/1.08 Georgia, "Times New Roman", serif; }
.docs-body h3 { margin: 31px 0 8px; font: 400 23px/1.25 Georgia, "Times New Roman", serif; }
.docs-body p { max-width: 790px; margin: 0 0 17px; color: #4e4e4a; font-size: 15px; line-height: 1.8; }
.docs-body a { color: #a41019; text-underline-offset: 3px; }
.docs-definitions { margin: 32px 0 0; border-top: 1px solid #cfcfca; }
.docs-definitions div { display: grid; grid-template-columns: 135px 1fr; gap: 22px; padding: 17px 0; border-bottom: 1px solid #d9d9d5; }
.docs-definitions dt { font: 700 15px Georgia, "Times New Roman", serif; }
.docs-definitions dd { margin: 0; color: #5d5d58; font-size: 14px; line-height: 1.65; }
.docs-flow { margin: 32px 0; display: flex; align-items: center; gap: 11px; overflow-x: auto; }
.docs-flow span { flex: 0 0 auto; padding: 12px 14px; border-top: 1px solid #171717; border-bottom: 1px solid #171717; font: 700 12px/1 Arial, sans-serif; }
.docs-flow i { color: #b5121b; font-style: normal; }
.docs-text-link { display: inline-block; margin: 5px 24px 0 0; font-weight: 800; text-decoration: none; }
html[data-theme="dark"] .docs-public-page main { background: #181818; }
html[data-theme="dark"] .docs-hero, html[data-theme="dark"] .docs-body section + section { border-color: #3c3c3a; }
html[data-theme="dark"] .docs-deck, html[data-theme="dark"] .docs-body p, html[data-theme="dark"] .docs-definitions dd { color: #b8b8b2; }
html[data-theme="dark"] .docs-revision, html[data-theme="dark"] .docs-toc a { color: #969690; }
html[data-theme="dark"] .docs-toc, html[data-theme="dark"] .docs-definitions, html[data-theme="dark"] .docs-definitions div { border-color: #41413e; }
html[data-theme="dark"] .docs-toc span { color: #e8e8e3; }
html[data-theme="dark"] .docs-flow span { border-color: #ddd; }
@media (max-width: 820px) {
  .docs-public-page .about-nav { position: relative; grid-template-columns: 1fr auto; padding: 14px 18px; }
  .docs-public-page .about-nav nav { display: none; }
  .docs-public-page .about-open { display: none; }
  .docs-hero, .docs-shell { width: min(100% - 36px, 760px); grid-template-columns: 1fr; gap: 26px; }
  .docs-hero { padding: 56px 0 48px; }
  .docs-hero .about-section-label { display: none; }
  .docs-hero h1 { font-size: 45px; }
  .docs-deck { font-size: 21px; }
  .docs-shell { padding: 36px 0 72px; }
  .docs-toc { position: static; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 20px; }
  .docs-toc span { grid-column: 1 / -1; }
  .docs-body h2 { font-size: 34px; }
  .docs-definitions div { grid-template-columns: 1fr; gap: 6px; }
}