/* The red star from the logo, used as list bullet.
   Drawn as a mask so it takes the theme accent (light and dark). */
#quarto-document-content ul:not([class]) { list-style: none; padding-left: 1.5rem; }
#quarto-document-content ul:not([class]) > li { position: relative; }
#quarto-document-content ul:not([class]) > li::before,
.phases a::before {
  content: "";
  background-color: var(--ai-accent);
  -webkit-mask: url("../images/star.svg") center / contain no-repeat;
          mask: url("../images/star.svg") center / contain no-repeat;
}
#quarto-document-content ul:not([class]) > li::before {
  position: absolute; left: -1.3rem; top: .4em; width: .8em; height: .8em;
}
/* nested lists: smaller, quieter star */
#quarto-document-content ul:not([class]) ul:not([class]) > li::before {
  width: .6em; height: .6em; top: .5em; left: -1.15rem; background-color: var(--ai-ink-soft);
}
/* numbered lists: accent numbers */
#quarto-document-content ol > li::marker { color: var(--ai-accent); font-weight: 600; }

/* phase list on the home page */
.phases a::before {
  display: inline-block; width: .7em; height: .7em; margin-right: .4em; vertical-align: -.02em;
}

/* "How to cite" box: readable in both themes */
#quarto-appendix pre.quarto-appendix-bibtex,
#quarto-appendix .quarto-appendix-citeas {
  background: var(--ai-panel);
  color: var(--ai-text);
  border: 1px solid var(--ai-rule);
  border-radius: 3px;
}
#quarto-appendix pre.quarto-appendix-bibtex code { color: var(--ai-text); background: transparent; }
#quarto-appendix .appendix-heading, #quarto-appendix h2 { color: var(--ai-ink); }

/* "BETA" badge next to the site name, in the red of the logo star */
.navbar-brand .navbar-title::after {
  content: "BETA";
  display: inline-block;
  margin-left: .5em;
  padding: .12em .38em .08em;
  border: 1.5px solid #C8323C;
  border-radius: 3px;
  color: #C8323C;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: .56em;
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1.1;
  vertical-align: .28em;
}
@media (max-width: 430px) {
  .navbar-brand .navbar-title { font-size: .72rem !important; }
  .navbar-brand-container .navbar-brand { overflow: visible; text-overflow: clip; }
  .navbar-brand-container .navbar-brand-logo { margin-right: 0; }
  .navbar-brand .navbar-title::after { margin-left: .35em; font-size: .6em; padding: .1em .3em .06em; border-width: 1px; }
}
@media (max-width: 375px) {
  .navbar-brand .navbar-title { font-size: .64rem !important; }
}