/* navigation */
nav {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 10;
  background-color: var(--nav-background-color);
  opacity: 0.95;
  
  color: var(--nav-text-color);
  padding: 1em 3em 1em 3em;
  margin: 0;
  border-bottom: 1px solid var(--nav-border-color);
}

nav .nav-content {
  display: flex;
  align-items: bottom;
}

nav ul {
  padding: 0;
  margin: 0;
  display: inline;
}
nav .hierarchy li {
  display: inline;
}
nav .hierarchy li *::before {
  content: ">";
  padding: 0 0.5em 0 0.5em;
}

/* 

h2 {
  font-size: 2em;
  font-weight: normal;
}

section h2 {
  padding: 1.5em 0 1em 0;
} */

.mainClass {
  padding: 2em 0em 1em 0em;
  margin: 0;
}

.mainClass .topictitle {
  /* padding: 0em 3em 0em 3em; */
}
.mainClass > .container {
  padding: 0em 3em 0em 3em;
}

.mainClass .topictitle .eyebrow {
  font-size: 1.4em;
  color: var(--eyebrow-color);
}

/* page content */
.mainClass .description {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 2em;
}

.contenttable h3 {
  margin: 0;
}
.contenttable .row {
  display: flex;
  align-items: flex-start;
  border-top: 1px solid var(--border-color);
  padding: 2em 0 1em 0;
}

.large-3 {
  max-width: 25%;
  flex-basis: 25%;
  flex-grow: 0;
  flex-shrink: 0;
}
.large-5 {
  max-width: 50%;
  flex-basis: 50%;
  flex-grow: 0;
  flex-shrink: 0;
}
.large-9 {
  max-width: 75%;
  flex-basis: 75%;
  flex-grow: 0;
  flex-shrink: 0;
}

div.content {
  font-size: 1em;
  line-height: 1.5em;
}

div.content > p > a > code {
  display: inline;
}

.topic .abstract .content {
  padding: 1em 0 1em 3em;
}
.link {
  text-decoration: none;
  color: var(--link-color);
}

.link-block {
  padding-bottom: 1em;
}
div.link-block.topic {
  padding: 1em 0 1em 3em;
}

.section-content {
  padding-left: 1em;
}