.deepdoc-opening{
  padding-top:var(--space-card);
}
.deepdoc-intro{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
  gap:var(--space-card);
  align-items:center;
}
.deepdoc-intro h1{
  margin-top:var(--space-card);
  margin-bottom:var(--space-card);
  color:var(--c-on-dark);
  font-size:var(--text-h1);
}
.deepdoc-intro h1>span{
  color:var(--c-on-dark-soft);
}
.deepdoc-intro-copy>p:not(.eyebrow){
  color:var(--c-on-dark-2);
}
.deepdoc-intro-copy>p:last-child{
  margin-bottom:0;
}
.deepdoc-lede{
  font-size:var(--text-h3);
  line-height:1.6;
}
.deepdoc-reading-note{
  padding:var(--space-card);
  border:var(--line) solid var(--c-line-dark);
  border-radius:var(--r-float);
  background:var(--c-navy-deep);
  color:var(--c-on-dark);
}
.deepdoc-index{
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
  font-size:var(--text-micro);
  color:var(--c-on-dark-soft);
}
.deepdoc-reading-note dl{
  margin-bottom:0;
}
.deepdoc-reading-note dt{
  margin-top:var(--space-card);
  font-weight:var(--weight-bold);
}
.deepdoc-reading-note dd{
  margin-left:0;
  margin-top:var(--gutter);
  color:var(--c-on-dark-2);
  font-size:var(--text-small);
}
.deepdoc-body{
  margin-inline:auto;
}
.deepdoc-body section{
  scroll-margin-top:var(--gutter);
}
.deepdoc-body section>h2:first-child{
  margin-top:0;
}
.deepdoc-body h3{
  color:var(--c-navy);
}
.deepdoc-body section>p:last-child{
  margin-bottom:0;
}
.deepdoc-body .table-scroll{
  margin-top:var(--space-card);
  margin-bottom:var(--space-card);
}
@media(max-width:900px){
  .deepdoc-intro{
    grid-template-columns:minmax(0,1fr);
  }
}
@media(max-width:768px){
  .deepdoc-intro h1{
    font-size:clamp(24px,5.5vw,30px);
  }
  .deepdoc-lede{
    font-size:var(--text-body);
  }
}