.settings-cover {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  gap:48px;
  margin-top:24px;
  margin-bottom:36px;
  padding:48px;
  border-radius:var(--r-panel);
  background:var(--c-ink);
  color:var(--c-on-ink);
  overflow:hidden;
}
.settings-cover > * {
  min-width:0;
}
.settings-cover h1 {
  margin-top:24px;
  margin-bottom:22px;
  font-size:var(--size-h1);
  color:var(--c-on-ink);
}
.settings-cover h1 > span {
  color:var(--c-lime);
}
.settings-cover__lede {
  max-width:32em;
  margin-bottom:0;
  color:var(--c-on-ink-soft);
}
.settings-cover__note {
  max-width:38em;
  margin-top:20px;
  margin-bottom:0;
  color:var(--c-on-ink-soft);
  font-size:var(--size-caption);
}
.settings-index {
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-left:32px;
  border-left:1px solid var(--a-line-ink-strong);
}
.settings-index__caption {
  margin-bottom:20px;
  color:var(--c-lime);
  font-size:var(--size-small);
  font-weight:var(--weight-semibold);
}
.settings-index ol {
  list-style:none;
  margin:0;
  padding:0;
}
.settings-index li {
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding-top:18px;
  padding-bottom:18px;
  border-top:1px solid var(--a-line-ink);
}
.settings-index__number {
  flex-shrink:0;
  padding-top:2px;
  color:var(--c-lime);
  font-family:var(--f-mono);
  font-size:var(--size-small);
}
.settings-index li > div {
  min-width:0;
}
.settings-index strong {
  display:block;
  color:var(--c-on-ink);
  font-family:var(--f-mono);
  font-size:var(--size-body);
  font-weight:var(--weight-medium);
  overflow-wrap:anywhere;
}
.settings-index li div > span {
  display:block;
  margin-top:4px;
  color:var(--c-on-ink-soft);
  font-size:var(--size-small);
}
.settings-index > p:last-child {
  margin-top:20px;
  margin-bottom:0;
  color:var(--c-on-ink-soft);
  font-size:var(--size-small);
}
.settings-manual {
  padding-bottom:40px;
}
.settings-chapter {
  margin-top:52px;
  padding-top:28px;
  padding-bottom:16px;
  border-top:1px solid var(--c-border-soft);
}
.settings-chapter--panel {
  padding:32px;
  border:1px solid var(--c-border-soft);
  border-radius:var(--r-cabin);
  background:var(--c-panel);
  color:var(--c-text);
}
.settings-chapter__head {
  margin-bottom:24px;
}
.settings-chapter__number {
  display:block;
  margin-bottom:12px;
  color:var(--c-lime-deep);
  font-family:var(--f-mono);
  font-size:var(--size-caption);
  font-weight:var(--weight-semibold);
}
.settings-chapter__head h2 {
  margin-top:0;
  margin-bottom:0;
}
.settings-chapter .table-scroll {
  margin-top:24px;
  margin-bottom:24px;
}
.settings-chapter caption {
  padding-top:0;
  padding-bottom:12px;
  text-align:left;
  color:var(--c-muted);
  font-size:var(--size-small);
}
.settings-chapter--panel .data-table th {
  background:var(--c-bg);
  color:var(--c-text);
}
.settings-checks li {
  padding-left:6px;
  margin-bottom:16px;
}
.settings-manual > .store-guide {
  margin-top:48px;
}
.settings-manual > .store-guide h2 {
  margin-top:0;
}
@media(max-width:960px) {
  .settings-cover {
    grid-template-columns:minmax(0,1fr);
    gap:32px;
    padding:32px;
  }
  .settings-index {
    padding-left:0;
    padding-top:24px;
    border-left:0;
    border-top:1px solid var(--a-line-ink-strong);
  }
}
@media(max-width:640px) {
  .settings-cover {
    padding:28px 20px;
    gap:28px;
    margin-top:16px;
    margin-bottom:24px;
  }
  .settings-cover h1 {
    font-size:var(--size-h1);
  }
  .settings-cover .actions {
    align-items:stretch;
    flex-direction:column;
    margin-top:24px;
  }
  .settings-cover .actions > a {
    width:100%;
  }
  .settings-chapter {
    margin-top:36px;
  }
  .settings-chapter--panel {
    padding:24px 18px;
    border-radius:var(--r-panel);
  }
  .settings-chapter__head {
    margin-bottom:20px;
  }
  .settings-checks li {
    padding-left:0;
  }
}