h1, .h1 { font-family: "Outfit"; font-weight: 300; }
h2, .h2 { font-family: "Outfit"; font-weight: 300; }
h3, .h3 { font-family: "Outfit"; font-weight: 300; }
h4, .h4 { font-family: "Outfit"; font-weight: 300; }
h5, .h5 { font-family: "Outfit"; font-weight: 300; }
h6, .h6 { font-family: "Outfit"; font-weight: 300; }

main {
	padding-block-end: var(--space-xl);
}

main section h1 {
  font-size: var(--font-size-4xl);
  color: var(--color-blue);
  margin-top: var(--space-xl);
  margin-bottom: var(--space-l);
  line-height: 1.2;
}

main section h2 {
  font-size: var(--font-size-2xl);
  color: var(--color-blue);
  margin-top: var(--space-l);
  margin-bottom: var(--space-m);
}

main section h3 {
  font-size: var(--font-size-xl);
  color: var(--color-blue);
  margin-top: var(--space-m);
  margin-bottom: var(--space-s);
}

main section h4 {
  font-size: var(--font-size-l);
  color: var(--color-blue);
  margin-top: var(--space-m);
  margin-bottom: var(--space-s);
}

main section h5 {
  font-size: var(--font-size-s);
  color: var(--color-blue);
  margin-top: var(--space-m);
  margin-bottom: var(--space-s);
}

main section h6 {
  font-size: var(--font-size-xs);
  color: var(--color-blue);
  margin-top: var(--space-m);
  margin-bottom: var(--space-s);
}

main section hr {
  height: 0;
  margin-top: var(--space-m);
  border: 0;
  border-bottom: 1px solid var(--color-blue);
}

main section p {
  font-size: var(--font-size-lg);
  color: var(--color-neutral-700);
  margin-bottom: var(--space-xs);
}

main section ul,
main section ol {
  margin-bottom: var(--space-m);
  padding-left: var(--space-s);
}

main section li {
  font-size: var(--font-size-lg);
  color: var(--color-neutral-700);
  margin-bottom: var(--space-3xs);
}
main section dd {
  padding-left: var(--space-s);
}

main section blockquote {
  border-left: 4px solid var(--color-terracotta);
  padding-left: var(--space-m);
  margin: var(--space-m) 0;
  font-style: italic;
  color: var(--color-neutral-600);
}

main section a {
  color: var(--color-terracotta);
  text-decoration: underline;
  transition: color var(--transition-fast);
  display: inline-block;
}

main section a:hover {
  color: var(--color-blue);
}

main section pre {
	font-size: 1rem;
}

.text-meta {
  display: flex;
  gap: var(--space-4);
  margin-bottom: var(--space-8);
  padding-bottom: var(--space-6);
  border-bottom: 1px solid var(--color-neutral-200);
  font-size: var(--font-size-sm);
  color: var(--color-neutral-500);
}

.text-meta span {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.back-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-terracotta);
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--space-8);
  transition: color var(--transition-fast);
}

.back-link:hover {
  color: var(--color-blue);
}

.back-link svg {
  width: 20px;
  height: 20px;
}

@media (max-width: 60rem) {
  .text-page {
	padding: var(--space-12) 0;
  }

  main section h1 {
	font-size: var(--font-size-3xl);
  }

  main section h2 {
	font-size: var(--font-size-xl);
  }

  main section p,
  main section li {
	font-size: var(--font-size-base);
  }
}



main table {
	--bs-table-bg: transparent;
	--bs-table-striped-color: #212529;
	--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
	--bs-table-active-color: #212529;
	--bs-table-active-bg: rgba(0, 0, 0, 0.1);
	--bs-table-hover-color: #212529;
	--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
	caption-side: bottom;
	border-collapse: collapse;
}

main table > :not(caption) > * > * {
	padding: .5rem .5rem;
	background-color: var(--bs-table-bg);
	border-bottom-width: 1px;
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

tbody, td, tfoot, th, thead, tr {
	border-color: inherit;
	border-style: solid;
	border-width: 0;
	border-bottom-width: 0px;
}
main table > :not(:last-child) > :last-child > * {
  border-bottom-color: currentColor;
}

main table thead tr {
	border-color: #000;
}
main table tbody tr {
	border-color: #dee2e6;
}
main table tbody tr:nth-of-type(2n+1) {
	width: 100%;
	margin-bottom: 1rem;
	color: #212529;
	vertical-align: top;
	--bs-table-accent-bg: var(--bs-table-striped-bg);
}