/*
 * Sidebar
 */

.sidebar-logo {
  height: 127px;
}

/* Hide third-level sections in sidebar outline, except on background/dyamics page */
.sidebar:not(.background) .sidebar-page-links .section-level-3 {
  display: none;
}

/*
 * Page headings
 */

/* This prevents heading text from wrapping around page icons */
h1 {
  display: flex;
  align-items: baseline;
}

[dir="ltr"] h1 > img {
  margin-right: 12px;
}

[dir="rtl"] h1 > img {
  margin-left: 12px;
}

h1 > a:first-child {
  /* XXX: Ensure that anchor is positioned at top of heading */
  align-self: start;
}

/*
 * Page-specific styles
 */

/* Remove spacing around nested list in FAQ item about CCS */
.coal.content .faq-container li:nth-child(3) p:nth-child(1) {
  margin-top: 0;
  margin-bottom: 8px;
}

.coal.content .faq-container li:nth-child(3) p:nth-child(3) {
  margin-top: 8px;
}

/* Remove spacing around nested list in FAQ item about CCS */
.gas.content .faq-container li:nth-child(4) p:nth-child(1) {
  margin-top: 0;
  margin-bottom: 8px;
}

.gas.content .faq-container li:nth-child(4) p:nth-child(3) {
  margin-top: 8px;
}

/* Remove spacing around nested list in FAQ item about CCS */
.bioenergy.content .faq-container li:nth-child(1) p:nth-child(1) {
  margin-top: 0;
  margin-bottom: 8px;
}

.bioenergy.content .faq-container li:nth-child(1) p:nth-child(3) {
  margin-top: 8px;
}

/*
 * XXX: Remove blank line between last FAQ and bulleted list.  This is necessary
 * because we usually use loose list style for the FAQ sections, but in this case
 * we want tight spacing between the second list item and its child list.
 */
.nature_based_removal.content ul:last-of-type li:nth-child(2) p {
  margin-bottom: 0;
}

.removal-methods-container table {
  max-width: 1000px;
}

.removal-methods-container thead {
  display: none;
}

.removal-methods-container tbody tr:nth-child(2n + 1) {
  background-color: unset;
}

.removal-methods-container tbody tr:nth-child(2n + 1) td {
  padding-bottom: 0;
  border-bottom-color: #fff;
}

.removal-methods-container tbody tr:nth-child(2n) td {
  padding-top: 0;
}

.removal-methods-container td {
  width: 50%;
  vertical-align: top;
}

.removal-methods-container img {
  width: 100%;
}

/* Force LTR for the English-only changelog page */
.changelog.content {
  direction: var(--ci-force-lt-to-rt);
}