/* Small plain-CSS additions for the 11ty port. */
.link-button {
  align-items: center;
  border-radius: .375rem;
  display: inline-flex;
  justify-content: center;
  padding: .25rem;
}
.app-prose pre {
  border: 1px solid var(--border);
  overflow-x: auto;
  padding: 1rem;
}
.app-prose pre code {
  background: transparent;
  padding: 0;
}
.heading-link {
  color: var(--accent);
}
.progress-container {
  background: var(--background);
}
.progress-bar {
  background: var(--accent);
}
#pagefind-search {
  --pagefind-ui-font: var(--font-app);
  --pagefind-ui-text: var(--foreground);
  --pagefind-ui-background: var(--background);
  --pagefind-ui-border: var(--border);
  --pagefind-ui-primary: var(--accent);
  --pagefind-ui-tag: var(--background);
  --pagefind-ui-border-radius: .375rem;
  --pagefind-ui-border-width: 1px;
  --pagefind-ui-image-border-radius: 8px;
  --pagefind-ui-image-box-ratio: 3 / 2;
}
#pagefind-search input {
  border: 1px solid var(--border);
  font-weight: 400;
}
#pagefind-search input:focus-visible {
  outline: 1px solid var(--accent);
}
#pagefind-search .pagefind-ui__result-title a {
  color: var(--accent);
  outline-color: var(--accent);
  outline-offset: 1px;
  text-decoration-style: dashed;
  text-underline-offset: 4px;
}