/* Readability and presentation tweaks layered on top of Material for MkDocs. */

:root {
  --md-text-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --md-code-font: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
}

/* Slightly larger, more comfortable reading measure and line height. */
.md-typeset {
  font-size: 0.78rem;
  line-height: 1.7;
}

/* Keep wide tables readable: horizontal scroll instead of squashing. */
.md-typeset table:not([class]) {
  display: block;
  overflow-x: auto;
  font-size: 0.72rem;
}

/* Center Mermaid diagrams and give them breathing room. */
.md-typeset .mermaid {
  display: flex;
  justify-content: center;
  margin: 1.4em 0;
}

/* Tighten code blocks a touch for density. */
.md-typeset pre > code {
  font-size: 0.72rem;
}

/* Grid cards on the landing page: subtle lift on hover. */
.md-typeset .grid.cards > :is(ul, ol) > li,
.md-typeset .grid > .card {
  transition: border-color 125ms, box-shadow 125ms;
}
.md-typeset .grid.cards > :is(ul, ol) > li:hover {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 0 0 1px var(--md-accent-fg-color);
}

/* Make the first paragraph (the "Scope:" line) stand out as a lede. */
.md-content article > p:first-of-type {
  font-size: 0.82rem;
  color: var(--md-default-fg-color--light);
}

/* Anchor permalinks a little less obtrusive until hover. */
.md-typeset .headerlink {
  opacity: 0.35;
}
.md-typeset :hover > .headerlink {
  opacity: 1;
}

/* "Copy for agents" / "Markdown" icon actions above the article. */
.llm-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  justify-content: flex-end;
  margin: 0 0 0.8rem;
}
.md-typeset .llm-actions .md-button--llm {
  display: inline-flex;
  align-items: center;
  gap: 0.34em;
  margin: 0;
  padding: 0.24rem 0.62rem;
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.5;
  color: var(--md-default-fg-color--light);
  background: var(--md-default-bg-color);
  border: 1px solid var(--md-default-fg-color--lighter);
  border-radius: 0.4rem;
  transition: color 125ms, background-color 125ms, border-color 125ms;
}
.md-typeset .llm-actions .md-button--llm:hover {
  color: var(--md-accent-fg-color);
  background: var(--md-default-bg-color);
  border-color: var(--md-accent-fg-color);
}
.llm-actions .md-button--llm svg {
  height: 1.05em;
  width: 1.05em;
  fill: currentColor;
}
.llm-actions .llm-icon {
  display: inline-flex;
  align-items: center;
}
.llm-actions .llm-icon--done {
  display: none;
}
.llm-copy {
  cursor: pointer;
}
.md-typeset .llm-actions .llm-copy.llm-copied {
  color: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
}
.llm-copy.llm-copied .llm-icon--copy {
  display: none;
}
.llm-copy.llm-copied .llm-icon--done {
  display: inline-flex;
}

/* Keep "Start here" and "Use as an agent skill" in the left sidebar (.md-nav__link)
   but drop them from the top tab bar. The tab bar is a single flat list whose first
   three items are Home, Start here, Use as an agent skill; targeting positions 2 and 3
   hides them on every page regardless of active state (an item's own-page tab href
   collapses to "./", so href-matching alone would miss it). Order-dependent: if the
   top-level nav order changes, update these indices. */
.md-tabs__list > .md-tabs__item:nth-child(2),
.md-tabs__list > .md-tabs__item:nth-child(3) {
  display: none;
}