/* Global tweaks. Feature-specific styles live in css/<feature>.css. */

/* Selector specificity must match Quarto's own #title-block-header rule. */
#title-block-header.quarto-title-block.default .quarto-title-meta {
  display: flex;
  flex-wrap: wrap;
  column-gap: clamp(3rem, 8vw, 8rem);
}

/* Drop the publish date on narrow viewports to keep author + last-modified on one row. */
@media (max-width: 767.98px) {
  #title-block-header.quarto-title-block.default .quarto-title-meta > div:has(p.date) {
    display: none;
  }
}

/* Overview page pointer: `[label]{.detail-link} [text](page.qmd)`. */
p:has(> span.detail-link) {
  margin: 0.5em 0 1.25em;
  font-size: 0.92em;
  color: var(--bs-secondary-color, #6c757d);
}

span.detail-link {
  font-weight: 500;
  margin-right: 0.3em;
}

p:has(> span.detail-link) a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}

p:has(> span.detail-link) a:hover {
  color: var(--bs-link-color);
  border-bottom-style: solid;
}

/* `clip` on main catches MJX-ASSISTIVE-MML which escapes overflow:auto (and preserves sticky). */
mjx-container[display="true"] {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
main { overflow-x: clip; }