.deepdoc {
  position:relative;
}

.deepdoc-head {
  max-width:1040px;
  margin-inline:auto;
  padding-bottom:var(--space-5);
}

.deepdoc-head h1 {
  max-width:920px;
  margin-bottom:var(--space-3);
}

.deepdoc-lead {
  max-width:880px;
  color:var(--muted);
  font-size:var(--text-lg);
  line-height:1.9;
}

.deepdoc-relations {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-2);
  margin-top:var(--space-4);
}

.deepdoc-relations > div {
  min-width:0;
  padding:var(--space-3);
  border:1px solid var(--border);
  border-radius:var(--r-md);
  background:var(--panel);
  box-shadow:var(--shadow-panel);
}

.deepdoc-relations strong {
  display:block;
  margin-bottom:var(--space-1);
  color:var(--blue-dark);
}

.deepdoc-relations p {
  margin:0;
  color:var(--muted);
  font-size:var(--text-sm);
}

.deepdoc-facts {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-1);
  margin:var(--space-3) 0 0;
  padding:var(--space-1);
  list-style:none;
  border:1px solid var(--border);
  border-radius:var(--r-md);
  background:var(--panel-alt);
}

.deepdoc-facts li {
  min-width:0;
  padding:var(--space-2);
  border-radius:var(--r-sm);
  background:var(--panel);
}

.deepdoc-facts span {
  display:block;
  margin-bottom:var(--space-1);
  color:var(--muted);
  font-size:var(--text-xs);
}

.deepdoc-facts strong {
  display:block;
  overflow-wrap:anywhere;
  font-size:var(--text-sm);
}

.deepdoc > .toc-tabs {
  max-width:1040px;
  margin-inline:auto;
}

.deepdoc-section {
  max-width:960px;
  margin-inline:auto;
  padding-top:var(--space-5);
  padding-bottom:var(--space-5);
  border-bottom:1px solid var(--border);
}

.deepdoc-section h2 {
  margin-top:0;
}

.deepdoc-section h3 {
  position:relative;
  padding-left:var(--space-2);
}

.deepdoc-section h3::before {
  content:'';
  position:absolute;
  top:.48em;
  bottom:.34em;
  left:0;
  width:3px;
  border-radius:var(--r-sm);
  background:var(--blue);
}

.deepdoc-section .table-scroll {
  margin-top:var(--space-3);
  margin-bottom:var(--space-3);
}

.deepdoc-section pre {
  margin-top:var(--space-3);
  margin-bottom:var(--space-3);
}

.deepdoc-next {
  max-width:1040px;
  margin:var(--space-6) auto 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-4);
  padding:var(--space-4);
  border:1px solid var(--slab-edge);
  border-radius:var(--r-md);
  background:linear-gradient(120deg,var(--blue-tint),var(--panel),var(--orange-tint));
  box-shadow:var(--shadow-card);
}

.deepdoc-next h2 {
  margin-bottom:var(--space-1);
  font-size:var(--text-2xl);
}

.deepdoc-next p {
  max-width:680px;
  margin:0;
  color:var(--muted);
}

.deepdoc-next .actions {
  margin:0;
}

@media (max-width:900px) {
  .deepdoc-relations {
    grid-template-columns:1fr;
  }

  .deepdoc-facts {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .deepdoc-next {
    grid-template-columns:1fr;
  }

  .deepdoc-next .actions {
    justify-self:start;
  }
}

@media (max-width:640px) {
  .deepdoc-head {
    padding-bottom:var(--space-3);
  }

  .deepdoc-lead {
    font-size:var(--text-base);
  }

  .deepdoc-relations > div {
    padding:var(--space-2);
  }

  .deepdoc-facts {
    grid-template-columns:1fr;
  }

  .deepdoc-section {
    padding-top:var(--space-4);
    padding-bottom:var(--space-4);
  }

  .deepdoc-next {
    margin-top:var(--space-4);
    padding:var(--space-3);
  }

  .deepdoc-next .actions {
    width:100%;
  }

  .deepdoc-next .button {
    width:100%;
  }
}