.doc-opening{
  position:relative;
  overflow-x:clip;
  max-width:100%;
  padding-top:88px;
  padding-bottom:72px;
  background:linear-gradient(155deg,var(--mist-sky),var(--mist-lav) 56%,var(--mist-blush));
}
.doc-opening-inner{max-width:1200px}
.doc-opening .eyebrow{margin-bottom:24px}
.doc-opening h1{
  max-width:14em;
  margin:0 0 24px;
  font-size:clamp(52px,4.75vw,68px);
}
.doc-lede{
  max-width:36em;
  margin:0 0 28px;
  font-size:19px;
  line-height:1.8;
  color:var(--text);
}
.doc-opening-links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}
.doc-reading-note{
  max-width:70ch;
  margin:0;
  padding-top:22px;
  border-top:1px solid var(--rule-mist);
  color:var(--muted);
  font-size:15px;
}
.doc-reading-note a,.doc-section a:not(.btn){
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:3px;
}
.doc-article{max-width:1024px;padding-bottom:112px}
.doc-article>.toc-tabs{
  margin-bottom:32px;
  border-bottom:1px solid var(--border);
}
.doc-section{
  padding-top:52px;
  padding-bottom:64px;
  border-bottom:1px solid var(--border);
}
.doc-section:last-child{border-bottom:0}
.doc-section>.eyebrow{margin:0 0 16px}
.doc-section h2{margin:0 0 34px;font-size:clamp(30px,3vw,40px)}
.doc-section h3{margin:36px 0 16px;font-size:22px}
.doc-section p{
  max-width:76ch;
  margin-bottom:20px;
  line-height:1.95;
  color:var(--text);
}
.doc-section .callout{
  max-width:76ch;
  line-height:1.85;
}
.doc-section .callout a{overflow-wrap:anywhere}
.doc-table{min-width:720px}
.doc-table td{
  vertical-align:top;
  color:var(--muted);
  line-height:1.7;
}
.doc-table td:first-child{color:var(--text)}
.doc-section .table-scroll{margin:28px 0 34px}
.doc-section pre{
  margin:28px 0;
  padding:24px;
  border:1px solid var(--border);
  border-radius:var(--r-sm);
  background:var(--panel);
  box-shadow:var(--shadow-soft);
  font-size:14px;
  line-height:1.8;
}
@media(max-width:768px){
  .doc-opening{padding-top:56px;padding-bottom:52px}
  .doc-opening h1{font-size:clamp(28px,8vw,40px)}
  .doc-lede{font-size:17px}
  .doc-article{padding-bottom:72px}
  .doc-section{padding-top:38px;padding-bottom:46px}
}
@media(max-width:640px){
  .doc-lede{font-size:16px}
  .doc-reading-note{font-size:14px}
  .doc-section h3{font-size:20px}
  .doc-section pre{padding:16px;font-size:12px}
}