.doc-intro{padding-top:72px;padding-bottom:48px}
.doc-intro h1{max-width:850px;margin:10px 0 18px;font:500 clamp(52px,5vw,64px)/1.12 var(--f-display);letter-spacing:-.02em}
.doc-intro__lead{max-width:760px;margin:0 0 16px;font-size:20px;line-height:1.65;color:var(--c-text)}
.doc-intro__aside{max-width:760px;margin:0 0 22px;color:var(--c-muted)}
.doc-intro__aside a,.doc-end a{color:var(--c-accent-dark);text-underline-offset:3px}
.doc-intro__facts{display:flex;flex-wrap:wrap;gap:8px}
.doc-body{max-width:var(--w-page);padding-bottom:76px}
.doc-body .toc-tabs{margin-bottom:38px}
.doc-section{padding-top:8px;padding-bottom:34px;border-bottom:1px solid var(--c-border)}
.doc-section+.doc-section{padding-top:22px}
.doc-section h2{margin:0 0 28px;font:400 32px/1.35 var(--f-serif);letter-spacing:-.01em}
.doc-section h3{margin:30px 0 12px;font:600 21px/1.45 var(--f-body)}
.doc-section p{color:var(--c-muted)}
.doc-section .callout p{color:var(--c-text)}
.doc-section a{overflow-wrap:anywhere}
.doc-end{padding-top:0;padding-bottom:88px}
.doc-end p{max-width:780px;margin:0;color:var(--c-muted)}
@media(max-width:768px){
  .doc-intro{padding-top:52px;padding-bottom:38px}
  .doc-intro h1{font-size:38px}
  .doc-intro__lead{font-size:18px}
  .doc-section h2{font-size:29px}
  .doc-body{padding-bottom:54px}
  .doc-end{padding-bottom:64px}
}
@media(max-width:640px){
  .doc-intro h1{font-size:34px}
  .doc-section h2{font-size:27px}
  .doc-section h3{font-size:19px}
  .doc-body .toc-tabs{margin-bottom:28px}
}