.docs-hero{padding-top:105px;padding-bottom:105px;border-bottom:1px solid rgba(8,8,8,.18)}
.docs-hero h1{font:600 clamp(54px,7vw,98px)/.95 'Playfair Display',Georgia,serif;letter-spacing:-.06em;margin:25px 0 32px}
.docs-hero h1 em{color:#0000FF}
.docs-hero>p:last-child{font-size:17px;line-height:1.7;max-width:650px;margin:0 0 0 34%}
.docs-index{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #080808}
.docs-index a{padding:20px 16px;color:#080808;text-decoration:none;border-right:1px solid rgba(8,8,8,.22);font:10px/1.4 'DM Mono',monospace;letter-spacing:.06em}
.docs-index a:hover{background:#0000FF;color:#fff}
.docs-section{padding-top:115px;padding-bottom:115px;display:grid;grid-template-columns:1fr 2fr;gap:55px;border-bottom:1px solid rgba(8,8,8,.18);scroll-margin-top:30px}
.docs-section h2{font:600 clamp(42px,5vw,70px)/.98 'Playfair Display',Georgia,serif;letter-spacing:-.055em;margin:24px 0 0}
.docs-section h2 em{color:#0000FF}
.docs-copy{max-width:760px}
.docs-copy h3{font-size:20px;letter-spacing:-.035em;margin:42px 0 10px}
.docs-copy h3:first-child{margin-top:0}
.docs-copy p,.docs-copy li{font-size:14px;line-height:1.75}
.docs-copy ul{padding-left:20px}
.docs-callout{background:#f3f8ff;border-left:3px solid #0000FF;padding:20px 22px;margin:30px 0}
.docs-callout strong{display:block;margin-bottom:7px}
.docs-dark{background:#080808;color:#fff}
.docs-dark h2 em{color:#86ccff}
@media(max-width:760px){
  .docs-hero{padding-top:80px;padding-bottom:80px}
  .docs-hero>p:last-child{margin-left:0}
  .docs-index{grid-template-columns:1fr 1fr}
  .docs-index a{min-height:58px}
  .docs-section{display:block;padding-top:80px;padding-bottom:80px}
  .docs-copy{margin-top:45px}
}