/* ABOUTME: Footnote styling for org-mode footnotes rendered by Hugo.
   ABOUTME: Puts footnote number and text on the same line using flexbox. */

/* Footnote container */
.footnotes {
  margin-top: 2rem;
}

/* Footnote separator line */
.footnotes hr.footnotes-separatator {
  border: none;
  border-top: 1px solid var(--accent);
  margin: 1rem 0;
}

/* Footnote definition: number and text side-by-side */
.footnote-definition {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.footnote-definition sup {
  flex-shrink: 0;
  margin-top: 0.2rem;
}

.footnote-body {
  margin: 0;
}

.footnote-body p {
  margin: 0;
}

/* Footnote reference link styling */
.footnote-definition sup a {
  color: var(--accent);
  text-decoration: none;
}

.footnote-definition sup a:hover {
  text-decoration: underline;
}