/* Reading width tuned for long-form math posts */
main.content {
  max-width: 760px;
}

/* Tighten figure captions */
figcaption,
.figure-caption {
  font-size: 0.9rem;
  color: #555;
}

/* KaTeX display equations: a touch more breathing room, and wide
   equations scroll inside their own box instead of stretching the
   page sideways on narrow screens */
.katex-display {
  margin: 1.2em 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.2em 0;
}

/* Post overview cards, after colah.github.io: white card, thin dark
   border, the figure on top, a centred serif title underneath */
.quarto-grid-item.card {
  background: #fff;
  border: 1px solid #2b2b2b;
  border-radius: 10px;
  transition: box-shadow 0.15s ease;
}

.quarto-grid-item.card:hover {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
}

.quarto-grid-item img.thumbnail-image {
  /* The teaser artwork has a uniform dark ground, so it fills the
     image box edge to edge; only the card's top corners round it */
  border-radius: 9px 9px 0 0;
}

.quarto-grid-item .card-body {
  text-align: center;
}

.quarto-grid-item .card-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.15rem;
  color: #222;
}

.quarto-grid-item a,
.quarto-grid-item a:hover {
  text-decoration: none;
}

/* Inline expandable asides: a claim stays in the text, the
   justification hides behind a clickable summary that reads like a
   link. No callout box; just a soft left border when opened. */
details.aside {
  margin: 1em 0;
}

details.aside > summary {
  cursor: pointer;
  display: inline-block;
  color: #2a6fb3;
  font-size: 0.95em;
  list-style: none;          /* hide the default disclosure triangle */
  border-bottom: 1px dotted #2a6fb3;
  width: fit-content;
}

details.aside > summary::-webkit-details-marker {
  display: none;             /* Safari/Chrome triangle */
}

details.aside > summary::before {
  content: "▸ ";
  font-size: 0.8em;
  border-bottom: none;
}

details.aside[open] > summary {
  margin-bottom: 0.4em;
  color: #555;
  border-bottom-color: transparent;
}

details.aside[open] > summary::before {
  content: "▾ ";
}

details.aside[open] {
  border-left: 2px solid #e2e2e2;
  padding-left: 1em;
}

details.aside > summary:hover {
  color: #1a4f85;
}

/* Page-view counter at the foot of a post, quiet like a caption */
.view-counter {
  font-size: 0.9rem;
  color: #555;
  margin-top: 2.5rem;
}