.deepdoc {
  position:relative;
}

.deepdoc-head {
  max-width:var(--reading-width);
  margin-inline:auto;
  text-align:center;
}

.deepdoc-head h1 {
  margin-top:var(--s4);
}

.deepdoc-summary {
  max-width:var(--description-width);
  margin:0 auto var(--s6);
  color:var(--muted);
  font-size:var(--fs-body);
  line-height:var(--lh-prose);
}

.deepdoc-links {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:var(--s3);
}

.deepdoc-head .callout {
  margin-top:var(--s8);
  text-align:left;
}

.deepdoc-head .callout a {
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:var(--s1);
}

.deepdoc > .toc-tabs {
  max-width:var(--reading-width);
  margin-inline:auto;
  margin-top:var(--s10);
  margin-bottom:var(--s8);
}

.deepdoc-body {
  margin-inline:auto;
}

.deepdoc-section {
  padding-top:var(--s16);
  padding-bottom:var(--s16);
  border-top:var(--hairline) solid var(--border);
}

.deepdoc-section:first-child {
  border-top:0;
}

.deepdoc-section .section-icon {
  margin-bottom:var(--s5);
}

.deepdoc-section h2 {
  margin-bottom:var(--s5);
}

.deepdoc-section h3 {
  margin-top:var(--s8);
}

.section-lead {
  margin-bottom:var(--s8);
  color:var(--text);
  font-weight:var(--medium);
}

.deepdoc-section .evidence-frame {
  margin-top:var(--s8);
  margin-bottom:var(--s8);
}

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

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

.criteria-list {
  display:grid;
  gap:var(--s4);
  margin:0;
}

.criteria-list > div {
  display:grid;
  grid-template-columns:minmax(var(--button-width),auto) minmax(0,1fr);
  gap:var(--s4);
  padding-bottom:var(--s4);
  border-bottom:var(--hairline) solid var(--border);
}

.criteria-list > div:last-child {
  padding-bottom:0;
  border-bottom:0;
}

.criteria-list dt {
  color:var(--accent-dark);
  font-weight:var(--bold);
}

.criteria-list dd {
  margin:0;
  color:var(--muted);
}

.decision-panel {
  margin-top:var(--s10);
  margin-bottom:var(--s8);
}

.decision-panel h3 {
  margin-top:0;
}

.deepdoc-section .callout a,
.deepdoc-section > p a {
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:var(--s1);
}

@media (max-width:768px) {
  .deepdoc-summary {
    font-size:var(--fs-nav);
  }

  .deepdoc-links {
    align-items:stretch;
  }

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

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

  .criteria-list > div {
    grid-template-columns:1fr;
    gap:var(--s2);
  }
}

@media (max-width:640px) {
  .deepdoc-head {
    text-align:left;
  }

  .deepdoc-head .eyebrow {
    max-width:100%;
  }

  .deepdoc-summary {
    margin-inline:0;
  }

  .deepdoc-links {
    justify-content:flex-start;
  }

  .deepdoc > .toc-tabs {
    margin-top:var(--s8);
  }

  .deepdoc-section .evidence-frame {
    margin-top:var(--s6);
    margin-bottom:var(--s6);
  }
}