/* Custom polish on top of Material theme */

/* Slightly more breathing room in content area */
.md-content {
  max-width: 56rem;
}

/* Make grid cards look better on landing page */
.md-typeset .grid.cards > :is(ul, ol) > li,
.md-typeset .grid > .card {
  border-radius: 0.4rem;
  border: 0.05rem solid var(--md-default-fg-color--lightest);
  transition: border 0.25s, box-shadow 0.25s;
}

.md-typeset .grid.cards > :is(ul, ol) > li:hover,
.md-typeset .grid > .card:hover {
  border-color: var(--md-accent-fg-color);
  box-shadow: 0 0.2rem 0.5rem 0 rgba(0,0,0,0.05);
}

/* Header brand styling */
.md-header {
  font-feature-settings: "ss01", "cv11";
}

/* Code blocks: denser line spacing */
.md-typeset pre code {
  line-height: 1.4;
}

/* Tables: zebra striping for readability */
.md-typeset table:not([class]) {
  font-size: 0.7rem;
}

.md-typeset table:not([class]) tr:nth-child(even) {
  background-color: rgba(0,0,0,0.02);
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) tr:nth-child(even) {
  background-color: rgba(255,255,255,0.03);
}

/* Blockquote: subtle accent left border */
.md-typeset blockquote {
  border-left: 0.2rem solid var(--md-accent-fg-color);
  color: var(--md-default-fg-color);
  background-color: var(--md-default-fg-color--lightest);
  padding: 0.5rem 1rem;
  border-radius: 0 0.2rem 0.2rem 0;
}

/* Make TOC numbering clean */
.md-nav__title {
  font-weight: 600;
}

/* Headers a bit tighter */
.md-typeset h2 {
  margin-top: 2rem;
}

/* Footer minimal */
.md-footer-meta {
  font-size: 0.7rem;
}