.feature-heading {
  padding-top:64px;
  text-align:center;
}
.feature-heading h1 {
  margin-block:22px 18px;
}
.feature-heading__scope {
  max-width:58em;
  margin:22px auto 0;
  color:var(--muted);
  font-size:var(--fs-small);
  line-height:1.85;
}
.feature-heading .get-note {
  max-width:64em;
  margin-inline:auto;
  margin-top:18px;
}
.feature-directory {
  margin-top:56px;
}
.feature-chapter {
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:48px;
  scroll-margin-top:32px;
}
.feature-chapter__rail {
  min-width:0;
  padding-top:8px;
  border-top:1px solid var(--line-strong);
}
.feature-chapter__rail p {
  margin-top:14px;
  color:var(--muted);
  font-size:var(--fs-small);
}
.feature-chapter__body {
  min-width:0;
}
.feature-chapter__body .prose {
  max-width:none;
}
.feature-chapter__body .section__intro {
  max-width:none;
}
.feature-chapter__body .table-scroll {
  margin-block:28px;
}
.feature-chapter__body .feature-scene {
  margin-block:28px;
}
.feature-rule-note {
  min-width:0;
  padding:24px;
  border:1px solid var(--line);
  border-radius:var(--r-float);
  background:var(--panel);
  color:var(--text);
  box-shadow:var(--shadow-float);
}
.feature-rule-note__heading {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.feature-rule-note__heading h3 {
  margin:0;
}
.feature-rule-note pre {
  margin-block:20px;
}
.feature-rule-note > p:last-child {
  margin-bottom:0;
  font-size:var(--fs-small);
}
.feature-proxy {
  color:var(--coral);
  font-weight:var(--fw-medium);
}
@media (max-width:900px) {
  .feature-chapter {
    grid-template-columns:128px minmax(0,1fr);
    gap:28px;
  }
}
@media (max-width:640px) {
  .feature-heading {
    padding-top:36px;
  }
  .feature-heading__scope {
    text-align:left;
  }
  .feature-directory {
    margin-top:36px;
  }
  .feature-chapter {
    grid-template-columns:minmax(0,1fr);
    gap:22px;
  }
  .feature-chapter__rail p {
    margin-block:8px 0;
  }
  .feature-rule-note {
    padding:16px;
  }
}