.manual-intro{position:relative;overflow:hidden}
.manual-intro::after{content:"";position:absolute;right:0;bottom:0;width:clamp(140px,26vw,390px);height:clamp(120px,20vw,300px);background:var(--c-coral);clip-path:polygon(100% 0,100% 100%,0 100%);opacity:.85;pointer-events:none}
.manual-intro .wrap{position:relative;z-index:1}
.manual-intro h1{max-width:18em;margin:16px 0 20px;color:var(--c-on-navy)}
.manual-intro p:not(.eyebrow){max-width:48em;color:var(--c-on-navy-muted)}
.manual-intro .manual-intro__lead{max-width:38em;color:var(--c-on-navy);font-size:clamp(18px,2vw,21px);line-height:1.75}
.manual-intro a{color:var(--c-yellow);text-underline-offset:4px}
.manual-intro__links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:26px}
.manual-document{padding-bottom:48px}
.manual-document .toc{margin-top:18px}
.manual-chapter{border-bottom:1px solid var(--c-border)}
.manual-chapter:nth-of-type(even){position:relative}
.manual-chapter:nth-of-type(even)::before{content:"";position:absolute;inset:20px calc(-1 * var(--gutter));z-index:-1;background:var(--c-panel-2)}
.manual-chapter h2{margin:12px 0 28px}
.manual-chapter .prose h3{margin-bottom:10px}
.manual-chapter .prose p{margin-top:0}
.manual-chapter .prose p + p{margin-top:16px}
.manual-chapter .table-scroll{margin:24px 0}
.manual-chapter .data-table{min-width:570px;width:100%}
.manual-chapter pre{margin:22px 0}
.manual-chapter .callout{margin-block:28px}
@media(max-width:640px){
  .manual-intro::after{width:155px;height:115px;opacity:.4}
  .manual-chapter{padding-top:58px;padding-bottom:58px}
  .manual-chapter:nth-of-type(even)::before{inset:16px calc(-1 * var(--gutter))}
}