@import url("https://fonts.googleapis.com/css2?family=Arsenal+SC:wght@300;400;700&display=swap");

/*---------------------------------
  Extra styles for the title fonts
----------------------------------*/
.md-typeset h1,
.md-typeset h2,
.md-typeset h3 {
  font-family: "Arsenal SC", Arial, Helvetica, sans-serif;
}

/*---------------------------------
  Apply color overrides from the `white` primary color
  https://github.com/squidfunk/mkdocs-material/blob/b2d235eb65d717202fedbe70c6856f2560e66c40/src/templates/assets/stylesheets/palette/_primary.scss#L94C1-L143C2
----------------------------------*/
[data-md-color-primary="custom"] {
  --md-primary-fg-color: hsla(var(--md-hue), 0%, 100%, 1);
  --md-primary-fg-color--light: hsla(var(--md-hue), 0%, 100%, 0.7);
  --md-primary-fg-color--dark: hsla(var(--md-hue), 0%, 0%, 0.07);
  --md-primary-bg-color: hsla(var(--md-hue), 0%, 0%, 0.87);
  --md-primary-bg-color--light: hsla(var(--md-hue), 0%, 0%, 0.54);

  --md-typeset-a-color: #1976d2;

  .md-button {
    color: var(--md-typeset-a-color);

    &--primary {
      color: hsla(var(--md-hue), 0%, 100%, 1);
      background-color: var(--md-typeset-a-color);
      border-color: var(--md-typeset-a-color);
    }
  }

  @media screen and (min-width: 76.25em) {
    /* Search form */
    .md-search__form {
      background-color: hsla(var(--md-hue), 0%, 0%, 0.07);
    }

    /* Search form on hover */
    .md-search__form:hover {
      background-color: hsla(var(--md-hue), 0%, 0%, 0.32);
    }

    /* Search icon */
    .md-search__input + .md-search__icon {
      color: hsla(var(--md-hue), 0%, 0%, 0.87);
    }
  }

  @media screen and (min-width: 45em) {
    /* Navigation tabs */
    .md-tabs {
      border-bottom: 0.0625rem solid hsla(0, 0%, 0%, 0.07);
    }
  }
}

/*---------------------------------
  Better dark theme (slate) support
----------------------------------*/
[data-md-color-scheme="slate"] {
  --md-default-bg-color: hsl(240, 12%, 14%);
  --md-typeset-a-color: hsl(211, 87%, 57%) !important;
}

.md-header,
.md-tabs {
  color: inherit !important;
  background-color: var(--md-default-bg-color);
}

[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background-color: var(--md-default-bg-color);
}

@media screen and (min-width: 76.25em) {
  [data-md-color-scheme="slate"] .md-tabs {
    border-bottom: 0.05rem solid rgba(255, 255, 255, 0.07);
  }
}

.md-grid {
  max-width: 48rem;
}

/*---------------------------------
  Styles for publications.md
----------------------------------*/
.pub-grid {
  display: flex;
  gap: 1.5rem;
  border-bottom: 0.05rem solid var(--md-default-fg-color--lightest);
  margin-bottom: 1rem;
}

.pub-grid > div {
  flex: 1;
}

.pub-grid p {
  line-height: 1;
}

.pub-img {
  width: 7.2rem;
  height: auto;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
    0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

@media (max-width: 600px) {
  .pub-img {
    display: none;
  }
  .pub-grid {
    display: block;
  }
}