.PostBody_PostBody__IIZKo h1 {
  position: relative;
  margin-top: 3.5rem;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 800;
}

.PostBody_PostBody__IIZKo h2 {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 1rem;
  border-bottom-width: 1px;
  padding-bottom: 0.5rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  border-color: rgba(255, 255, 255, 0.1);
}

.PostBody_PostBody__IIZKo h3 {
  position: relative;
  margin-top: 2.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.PostBody_PostBody__IIZKo h4 {
  position: relative;
  margin-top: 2rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.PostBody_PostBody__IIZKo h5 {
  position: relative;
  margin-top: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.PostBody_PostBody__IIZKo h6 {
  position: relative;
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

/**
Tailwind "dark" variants do not work with CSS Modules
We work it around using :global(.dark)
For more info: https://github.com/tailwindlabs/tailwindcss/issues/3258#issuecomment-770215347
*/
.dark .PostBody_PostBody__IIZKo h1,
.dark .PostBody_PostBody__IIZKo h2,
.dark .PostBody_PostBody__IIZKo h3,
.dark .PostBody_PostBody__IIZKo h4,
.dark .PostBody_PostBody__IIZKo h5,
.dark .PostBody_PostBody__IIZKo h6 {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.PostBody_BodyText__shOw9 {
  font-family: ui-sans-serif,
  system-ui,
  -apple-system,
  BlinkMacSystemFont,
  Segoe UI,
  Roboto,
  Helvetica Neue,
  Arial,
  Noto Sans,
  sans-serif,
  Apple Color Emoji,
  Segoe UI Emoji,
  Segoe UI Symbol,
  Noto Color Emoji;
}

.PostBody_PostBody__IIZKo > p {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.75rem;
  font-family: ui-sans-serif,
  system-ui,
  -apple-system,
  BlinkMacSystemFont,
  Segoe UI,
  Roboto,
  Helvetica Neue,
  Arial,
  Noto Sans,
  sans-serif,
  Apple Color Emoji,
  Segoe UI Emoji,
  Segoe UI Symbol,
  Noto Color Emoji;
  color: rgba(255, 255, 255, 0.8);
}

.PostBody_PostBody__IIZKo li {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
  font-size: 1rem;
  line-height: 1.75rem;
  font-family: ui-sans-serif,
  system-ui,
  -apple-system,
  BlinkMacSystemFont,
  Segoe UI,
  Roboto,
  Helvetica Neue,
  Arial,
  Noto Sans,
  sans-serif,
  Apple Color Emoji,
  Segoe UI Emoji,
  Segoe UI Symbol,
  Noto Color Emoji;
  color: rgba(255, 255, 255, 0.8);
}

.PostBody_PostBody__IIZKo b,
.PostBody_PostBody__IIZKo strong {
  font-weight: 700;
}

.dark .PostBody_PostBody__IIZKo b,
.dark .PostBody_PostBody__IIZKo strong {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.PostBody_PostBody__IIZKo img,
.PostBody_PostBody__IIZKo video {
  border-radius: var(--radius);
}

.PostBody_PostBody__IIZKo ul,
.PostBody_PostBody__IIZKo ol {
  margin-left: 1rem;
  padding-left: 1.5rem;
}

.PostBody_PostBody__IIZKo ul {
  list-style-type: disc;
}

.PostBody_PostBody__IIZKo ul ul,
.PostBody_PostBody__IIZKo ol ol,
.PostBody_PostBody__IIZKo ul ol,
.PostBody_PostBody__IIZKo ol ul {
  margin-top: 0.5rem;
  padding-left: 1.5rem;
}

.PostBody_PostBody__IIZKo ol {
  list-style-type: decimal;
}

.PostBody_PostBody__IIZKo ol > li {
  padding-left: 0.5rem;
}

.PostBody_PostBody__IIZKo blockquote {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-left-width: 4px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  border-color: #FA4F1D;
  background-color: rgba(250, 79, 29, 0.05);
}

.PostBody_PostBody__IIZKo pre {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  overflow-x: auto;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background: #0a0a0a !important;
  padding: 1.5rem !important;
  color: #d4d4d4 !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
  white-space: pre;
}

.PostBody_PostBody__IIZKo pre[filename]:before {
  font-family: Monospace;
  display: inline-block;
  content: attr(filename);
  padding: 0.5rem 1rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
  position: relative;
  left: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
  font-size: 0.55rem;
  font-weight: 700;
}

@media (min-width: 768px) {

  .PostBody_PostBody__IIZKo pre[filename]:before {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.PostBody_PostBody__IIZKo pre[filename] {
  border-radius: calc(var(--radius) - 2px);
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
  padding-top: 0.75rem;
}

.PostBody_PostBody__IIZKo pre[filename] code {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.dark .PostBody_PostBody__IIZKo pre {
  margin-top: 2rem;
  margin-bottom: 2rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.PostBody_PostBody__IIZKo code {
  border-radius: calc(var(--radius) - 2px);
  background-color: rgba(255, 255, 255, 0.05);
  word-break: break-word;
}

.PostBody_PostBody__IIZKo pre > code {
  font-family: SF Mono, ui-monospace, Monaco, Monospace;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
}

@media (min-width: 768px) {

  .PostBody_PostBody__IIZKo pre > code {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.PostBody_PostBody__IIZKo pre > code {
  white-space: pre !important;
  background: transparent !important;
}

.PostBody_PostBody__IIZKo p > code,
.PostBody_PostBody__IIZKo li > code {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  border-color: rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.05);
}

.PostBody_PostBody__IIZKo hr {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.PostBody_PostBody__IIZKo p > a,
.PostBody_PostBody__IIZKo li > a {
  font-weight: 600;
  text-decoration-line: underline;
  color: #FA4F1D;
}

.PostBody_PostBody__IIZKo p > a:hover,
.PostBody_PostBody__IIZKo li > a:hover {
  color: #ff6b3d;
}

/* Anchor link styling for headings */
.PostBody_PostBody__IIZKo h1 > a,
.PostBody_PostBody__IIZKo h2 > a,
.PostBody_PostBody__IIZKo h3 > a,
.PostBody_PostBody__IIZKo h4 > a,
.PostBody_PostBody__IIZKo h5 > a,
.PostBody_PostBody__IIZKo h6 > a {
  text-decoration-line: none;
  color: inherit;
  display: inline-flex;
  align-items: center;
}

.PostBody_PostBody__IIZKo h1 > a:hover,
.PostBody_PostBody__IIZKo h2 > a:hover,
.PostBody_PostBody__IIZKo h3 > a:hover,
.PostBody_PostBody__IIZKo h4 > a:hover,
.PostBody_PostBody__IIZKo h5 > a:hover,
.PostBody_PostBody__IIZKo h6 > a:hover {
  color: hsl(var(--primary));
}

/* Link icon (anchor) that appears on hover */
.PostBody_PostBody__IIZKo h1 > a::after,
.PostBody_PostBody__IIZKo h2 > a::after,
.PostBody_PostBody__IIZKo h3 > a::after,
.PostBody_PostBody__IIZKo h4 > a::after,
.PostBody_PostBody__IIZKo h5 > a::after,
.PostBody_PostBody__IIZKo h6 > a::after {
  content: "#";
  margin-left: 0.25rem;
  opacity: 0;
  transition: opacity 0.2s;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 400;
  font-size: 0.7em;
  position: relative;
  top: -0.35em;
}

.PostBody_PostBody__IIZKo h1:hover > a::after,
.PostBody_PostBody__IIZKo h2:hover > a::after,
.PostBody_PostBody__IIZKo h3:hover > a::after,
.PostBody_PostBody__IIZKo h4:hover > a::after,
.PostBody_PostBody__IIZKo h5:hover > a::after,
.PostBody_PostBody__IIZKo h6:hover > a::after {
  opacity: 1;
}

/* Table styling */
.PostBody_PostBody__IIZKo table {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.PostBody_PostBody__IIZKo thead {
  border-bottom-width: 2px;
  border-color: rgba(255, 255, 255, 0.1);
}

.PostBody_PostBody__IIZKo th {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.05);
}

.PostBody_PostBody__IIZKo td {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.PostBody_PostBody__IIZKo tbody tr {
  transition: background-color 0.15s ease;
}

.PostBody_PostBody__IIZKo tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.03);
}