/* Content typography tokens and scoped reading/sidebar styles */
:root {
  --text-body: #2d3748;
  --text-sidebar: #5a6a85;
  --link-forest: #1b5e40;
  --link-forest-hover: #004636;
  --page-bg: #f1f3f5;
}

/* Body text and article links */
#content,
#content .item-page,
#content .newsletter-html,
#content article {
  color: var(--text-body);
}

#content ul,
#content ol,
#content li {
  color: inherit;
}

#content a:not(.btn):not([class*="nav"]) {
  color: var(--link-forest);
  text-decoration: none;
}

#content a:not(.btn):hover,
#content a:not(.btn):focus {
  color: var(--link-forest-hover);
  text-decoration: underline;
}

/* Sidebar typography */
#aside .well h2,
#aside .well h3.page-header {
  color: var(--text-sidebar);
  border-bottom-color: rgba(90, 106, 133, 0.25);
}

#aside .well ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#aside .well li {
  color: var(--text-sidebar);
  line-height: 1.55;
  margin-bottom: 0.65rem;
}

#aside .well a {
  color: inherit;
  text-decoration: none;
}

#aside .well a:hover,
#aside .well a:focus {
  color: var(--link-forest-hover);
  text-decoration: underline;
}

/* Gradient spacer between sticky header and content card */
.site-chrome-shell .content-top-fade {
  height: 14px;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.1) 0%,
    rgba(0, 0, 0, 0.03) 45%,
    transparent 100%
  );
  pointer-events: none;
}