/* docs/stylesheets/extra.css */

/* Airel blue (#4575b4) color scheme */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #4575b4;
  --md-primary-fg-color--light: #6b96cc;
  --md-primary-fg-color--dark: #345a8a;
  --md-primary-bg-color: #fff;
  --md-primary-bg-color--light: #ffffffb3;
  --md-accent-fg-color: #4575b4;
  --md-accent-fg-color--transparent: #4575b41a;
}

/* Make H2 headings use the primary theme color and be bolder */
.md-typeset h1,.md-typeset h2, .md-typeset h3  {
  /* color: var(--md-primary-fg-color); */
  font-weight: 700; /* Bolder (default is 400) */
}

/* Container query for content-width-relative image sizing */
article {
  container-type: inline-size;
}

/* Image utility classes */
.md-typeset img.center {
  display: block;
  margin: 0 auto;
  max-height: 100cqw;
}

/* Compact table: reduced cell padding, wrap table in /// html | div.compact */
.md-typeset .compact table th,
.md-typeset .compact table td {
  padding: 0.4em 0.6em;
}

@media print {
  .md-typeset img.w60 {
    max-width: 60%;
    max-height: none;
  }
}