.deepdoc-main {
  padding-top:40px;
  padding-bottom:var(--section-gap);
}

.settings-intro {
  padding:48px;
  margin-bottom:40px;
  border-radius:var(--r-panel);
  background:var(--grad-feature);
  color:var(--c-white);
}

.settings-intro__brand {
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:28px;
  color:var(--c-on-dark-88);
  font-size:var(--text-sm);
}

.settings-intro__brand img {
  flex-shrink:0;
  border-radius:var(--r-circle);
}

.settings-intro__lead {
  margin-top:20px;
  font-size:var(--text-lead);
}

.settings-intro > p:not(.settings-intro__lead) {
  margin-top:20px;
  max-width:820px;
  color:var(--c-on-dark-88);
  line-height:1.9;
}

.settings-intro a {
  color:var(--c-white);
}

.settings-intro a:hover {
  color:var(--c-on-dark-88);
}

.settings-intro__facts {
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
  font-size:var(--text-sm);
  color:var(--c-on-dark-88);
}

.settings-intro__facts li {
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.settings-intro__facts li::before {
  content:"";
  width:6px;
  height:6px;
  flex-shrink:0;
  border-radius:var(--r-circle);
  background:var(--c-on-dark-88);
}

.settings-reference {
  max-width:960px;
  margin-inline:auto;
}

.settings-chapter {
  margin-top:var(--section-gap);
}

.settings-chapter > h2 {
  margin-top:0;
}

.settings-chapter--panel {
  padding:40px;
  border:1px solid var(--c-border);
  border-radius:var(--r-panel);
  background:var(--c-panel);
}

.settings-chapter .table-scroll {
  margin-block:24px;
}

.settings-chapter caption {
  padding:16px 20px;
  text-align:left;
  font-weight:var(--weight-title);
  background:var(--c-bg);
  color:var(--c-muted);
}

.settings-chapter .callout {
  margin-top:28px;
}

.settings-chapter--panel .callout {
  background:var(--c-bg);
}

.settings-chapter .callout p {
  margin-block:0;
}

@media (max-width:768px) {
  .settings-intro {
    padding:32px 24px;
  }

  .settings-chapter--panel {
    padding:28px 24px;
  }
}

@media (max-width:480px) {
  .deepdoc-main {
    padding-top:24px;
  }

  .settings-intro {
    padding:28px 20px;
  }

  .settings-intro__brand {
    gap:12px;
  }

  .settings-intro__brand img {
    width:44px;
    height:44px;
  }

  .settings-intro__facts {
    gap:12px;
  }

  .settings-chapter--panel {
    padding:28px 16px;
  }
}