/* Site styles layered on mkdocs-simple-blog */

.headshot {
  float: right;
  width: 200px;
  margin: 0 0 1rem 2rem;
}
@media (max-width: 600px) {
  .headshot { float: none; display: block; width: 160px; margin: 0 0 1rem 0; }
}

/* Reference citations: small, grey, one per line under the heading */
.cite {
  font-size: 0.8em;
  line-height: 1.5em;
  color: var(--color-gray, #6c757d);
  margin: 0.2rem 0;
}
.cite + .cite { margin-top: 0; }
.cite + p:not(.cite) { margin-top: 1.2rem; }
.cite a { color: var(--color-gray, #6c757d) !important; }

/* Section navigation (left column) for nested sections */
.section-nav { margin-top: 3.2rem; font-size: 0.9em; line-height: 1.6em; }
.section-nav ul { list-style: none; padding-left: 0; margin: 0; }
.section-nav .section-nav-group { margin-top: 1.4rem; }
.section-nav .section-nav-header {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.85em;
  margin-bottom: 0.3rem;
}
.section-nav .section-nav-header a { text-decoration: none; }
.section-nav .section-nav-group > ul { padding-left: 0.8rem; border-left: 2px solid var(--primary); }
.section-nav .section-nav-page a { text-decoration: none; }
.section-nav .section-nav-page.active > a { font-weight: 700; text-decoration: underline; }
.section-nav li { margin: 0.15rem 0; }

/* Definition lists on the About page */
dl dt { margin-top: 1.2rem; }

/* Social links in the header, next to the site name */
.header-social { list-style: none; padding: 0; margin: 0 auto 0 1.6rem; display: flex; align-items: center; gap: 1.2rem; }
.header-social li { margin: 0; }
.header-social a { color: var(--text) !important; text-decoration: none; font-size: 1.5rem; line-height: 1; }
.header-social a:hover { opacity: 0.6; }

/* Copyright pinned to the bottom-right corner of the viewport */
.site-footer { position: fixed; right: 1rem; bottom: 0.75rem; font-size: 0.8em; background: var(--background); padding: 0.1rem 0.4rem; z-index: 10; }
.site-name-link, .site-name-link:hover { text-decoration: none; }

/* Collapsible blocks (pymdownx.details) */
details.note {
  border-left: 3px solid #ddd;
  padding: 0.25em 0 0.25em 1em;
  margin: 1em 0;
}
details.note > summary {
  cursor: pointer;
  font-weight: 600;
}
details.note[open] > summary {
  margin-bottom: 0.5em;
}