nav a.active {
  font-weight: bold;
  text-decoration: underline;
}

pre code,
code.pull-cmd {
  user-select: all;
}

table code {
  font-size: 0.85em;
}

details summary {
  cursor: pointer;
}

mark {
  border: 1px solid var(--pico-mark-color, currentColor);
  border-radius: 0.25rem;
  padding: 0.1rem 0.35rem;
}

[data-theme="light"],
:root:not([data-theme="dark"]) {
  --pico-card-background-color: #f8f9fb;
  --pico-card-sectioning-background-color: #eef0f4;
  --pico-code-background-color: #e4e7ec;
}

[data-theme="dark"] {
  --pico-card-background-color: #1a1e2a;
  --pico-card-sectioning-background-color: #222738;
  --pico-code-background-color: #2a3040;
}

article {
  border: 1px solid var(--pico-muted-border-color);
}

.theme-toggle {
  padding: 0.25rem 0.5rem;
  font-size: 1.2rem;
  line-height: 1;
  width: auto;
}

.image-card-row {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.image-card-row > p {
  margin-bottom: 0;
  white-space: nowrap;
}

.image-card-row > pre {
  margin-bottom: 0;
  flex: 0 1 66%;
  min-width: 0;
  margin-left: auto;
}