.features-intro {
  padding-top:64px;
  padding-bottom:64px;
  background:var(--grad-feature);
  color:var(--c-white);
  border-radius:var(--r-zero) var(--r-zero) var(--r-canvas) var(--r-canvas);
}
.features-intro .wrap {
  max-width:920px;
  text-align:center;
}
.features-intro__identity {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-bottom:28px;
  color:var(--c-on-dark-72);
  font-size:var(--text-sm);
}
.features-intro__mark {
  flex-shrink:0;
  width:48px;
  height:48px;
  border-radius:var(--r-circle);
}
.features-intro__lead {
  max-width:720px;
  margin:24px auto 0;
  font-size:var(--text-lead);
  color:var(--c-on-dark-88);
  line-height:1.8;
}
.features-intro__terms {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  list-style:none;
  padding:0;
  margin:28px 0 0;
}
.features-intro__terms li {
  max-width:100%;
  padding:6px 14px;
  border:1px solid var(--c-on-dark-28);
  border-radius:var(--r-pill);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  color:var(--c-on-dark-88);
  overflow-wrap:anywhere;
}
.features-intro__note {
  margin-top:24px;
  color:var(--c-on-dark-72);
  font-size:var(--text-sm);
}
.features-page .toc {
  margin-top:24px;
}
.features-index {
  margin-bottom:14px;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:var(--track-small);
}
.features-page .section__heading .features-index {
  margin-top:0;
  margin-bottom:14px;
}
.features-text {
  max-width:900px;
}
.features-text p {
  margin-top:20px;
  line-height:1.9;
}
.features-text strong,
.features-settings strong,
.features-checklist strong {
  font-weight:var(--weight-title);
}
.features-table {
  margin-top:28px;
}
.features-table caption {
  padding:14px 20px;
  background:var(--c-panel);
  color:var(--c-muted);
  font-size:var(--text-sm);
  text-align:left;
  caption-side:top;
}
.features-settings {
  display:grid;
  gap:32px;
}
.features-settings article {
  padding-top:28px;
  border-top:1px solid var(--c-border);
}
.features-settings p {
  max-width:900px;
  margin-top:16px;
  line-height:1.9;
}
.features-checklist {
  max-width:900px;
  padding-left:24px;
  margin-top:0;
  margin-bottom:0;
}
.features-checklist li {
  padding-left:8px;
  line-height:1.9;
}
.features-checklist li + li {
  margin-top:20px;
}
.features-checklist li::marker {
  color:var(--c-accent);
  font-family:var(--font-mono);
}
.features-reference {
  margin-top:36px;
}
.features-page section[id] {
  scroll-margin-top:calc(var(--nav-h) + 100px);
}
@media (max-width:768px) {
  .features-intro {
    padding-top:44px;
    padding-bottom:44px;
  }
  .features-intro__lead {
    font-size:var(--text-body);
  }
}
@media (max-width:640px) {
  .features-page section[id] {
    scroll-margin-top:calc(var(--nav-h) + 92px);
  }
  .features-intro__terms {
    gap:8px;
  }
  .features-intro__terms li {
    padding:6px 10px;
  }
  .features-settings {
    gap:28px;
  }
}