.features-intro {
  padding-bottom:64px;
}
.features-opening {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  align-items:center;
  gap:72px;
}
.features-opening > * {
  min-width:0;
}
.features-opening h1 {
  margin-top:24px;
  margin-bottom:0;
}
.features-map {
  border-top:3px solid var(--accent);
}
.features-map h2 {
  margin-top:20px;
  margin-bottom:28px;
  font-size:26px;
}
.features-map ol {
  list-style:none;
  padding:0;
  margin:0 0 24px;
}
.features-map li {
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  align-items:baseline;
  gap:16px;
  padding-top:16px;
  padding-bottom:16px;
  border-bottom:1px solid var(--border);
}
.features-map li:first-child {
  border-top:1px solid var(--border);
}
.features-map-label {
  font-family:var(--font-mono);
  font-weight:var(--weight-medium);
  color:var(--accent-dark);
}
.features-map li > span:last-child,
.features-map > p {
  font-size:14px;
}
.features-toc {
  margin-top:64px;
  margin-bottom:24px;
}
.features-scope {
  max-width:70em;
  font-size:14px;
  margin-bottom:0;
}
@media (max-width:860px) {
  .features-opening {
    grid-template-columns:minmax(0,1fr);
    gap:40px;
  }
  .features-toc {
    margin-top:40px;
  }
}
@media (max-width:640px) {
  .features-intro {
    padding-top:48px;
    padding-bottom:40px;
  }
  .features-map li {
    grid-template-columns:minmax(0,1fr);
    gap:6px;
  }
}