/* Personal-site overlay on top of the shared theme.css from the
 * init-java-project skill. Anything in this file should be
 * specific to brian.hanafee.net (article-nav header, site-nav,
 * patents page definition lists, book-cover thumbnails). The
 * shared theme.css must remain byte-identical across the skill,
 * the five Java project repos, and this site. */

/* --- Article-nav: small breadcrumb above article titles. --- */
.article-nav {
  margin: var(--line-height) 0 calc(0.25 * var(--line-height)) 0;
  font-size: 0.85em;
  color: var(--color-text-secondary);
}
.article-nav a {
  color: inherit;
  text-decoration: none;
}
.article-nav a:hover {
  text-decoration: underline;
}
.article-nav-sep {
  margin: 0 0.4em;
}
.article-nav + h1.title {
  margin-top: 0;
}

/* --- Site-nav: top-level nav across index, articles, projects, etc. --- */
nav.site-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  margin: 1.25em 0 2em;
  font-size: 0.95em;
}

nav.site-nav a.active {
  font-weight: 600;
  color: inherit;
  text-decoration: none;
  cursor: default;
}

/* --- Definition lists (patents, projects, articles, books): bold dt
 *     via font-weight, tight gaps inside each entry, one line-height
 *     between entries. clear:left so floating book covers don't bleed
 *     into the next entry's dt. --- */
main dl > dt {
  margin-top: var(--line-height);
  font-weight: bold;
  clear: left;
}
main dl > dt:first-of-type {
  margin-top: 0;
}
main dl > dd > p {
  margin-top: calc(0.5 * var(--line-height));
  margin-bottom: 0;
}
main dl:has(.book-cover) {
  display: flow-root;
}

/* --- Books page: small thumbnail floated left, text wraps around.
 *     The containing <li> gets display: flow-root so the float
 *     doesn't bleed into the next item. --- */
.book-cover {
  float: left;
  width: 80px;
  height: auto;
  margin: 0.25em 1em 0.5em 0;
}