.md-typeset .grid > .zcard {
  padding: 1rem;
  background: var(--md-default-fg-color--lightest);
  border-radius: 0.5em; /* Valid */
}

.md-typeset .grid > .zoutline {
  border: 0.05rem solid var(--md-default-fg-color--lightest);
  border-radius: 0.4rem;
  display: block;
  margin: 0;
  padding: 0.8rem;
  transition:
    background-color 0.25s,
    border 0.25s,
    box-shadow 0.25s;
}

.md-typeset .grid > .zoutline {
  border: 0.05rem solid var(--md-default-fg-color--lightest);
  border-radius: 0.4rem;
  background-color: var(--md-default-fg-color--lightest);
  display: block;
  margin: 0;
  padding: 0.8rem;
  transition:
    background-color 0.25s,
    border 0.25s,
    box-shadow 0.25s;
}

.md-typeset .grid > .zoutline strong {
  color: var(--doc-symbol-attribute-fg-color);
}

.md-typeset .grid > .zoutline mark {
  color: var(--md-accent-fg-color);
}

.md-typeset .grid > .zoutline {
  border: 0.05rem solid var(--md-default-fg-color--lightest);
  border-radius: 0.4rem;
  display: block;
  margin: 0;
  padding: 0.8rem;
}

.md-nav__title {
  color: var(--md-primary-fg-color);
}

.md-typeset dt mark {
  background-color: var(--md-accent-fg-color--transparent);
  color: var(--md-primary-fg-color);
  padding: 0.2em 0.4em;
  border: 1px solid var(--md-primary-fg-color);
  border-radius: 0.25em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* .md-typeset h3 { */
/*   display: inline-block; */
/*   padding: 0.1rem 0.4rem; */
/*   background: var(--md-default-fg-color--lightest); */
/*   border-radius: 0.4rem; */
/*   border: 0.05rem solid var(--md-default-fg-color--lightest); */
/* } */

.md-typeset h4 {
  display: inline-block;
  padding: 0.2rem 0.4rem;
  background: var(--md-default-bg-color--lightest);
  border-radius: 0.4rem;
  border: 0.05rem solid var(--md-default-fg-color--lightest);
}

.md-typeset mark {
  background-color: var(--md-accent-fg-color--transparent);
  color: var(--doc-symbol-attribute-fg-color);
  padding: 0.1em 0.15em;
  border-radius: 0.25em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  /* box-shadow: 0 0 0 0.1em var(--md-accent-fg-color--light) inset; */
  font-weight: 500;
  margin: 0 0.1em;
  transition: background-color 0.2s ease;
}

/* Effetto hover per interattività */
.md-typeset mark:hover {
  background-color: var(--md-accent-fg-color--lighter);
}

.md-typeset h1 {
  color: var(--md-primary-fg-color);
}

[data-md-color-scheme="slate"] .md-typeset h1 {
  color: var(--md-primary-fg-color--light);
}

.md-typeset h3 {
  color: var(--md-primary-fg-color);
}

[data-md-color-scheme="slate"] .md-typeset h3 {
  color: var(--md-primary-fg-color--light);
}

.md-typeset h2 {
  color: var(--md-accent-fg-color);
}

.md-typeset h2::before {
  content: "¶";
  color: var(--md-accent-fg-color);
  margin-right: 0.5em;
  font-size: 1.1em;
}

.md-typeset h3::before {
  content: "»";
  color: var(--md-primary-fg-color);
  margin-right: 0.5em;
  margin-left: 0.5em;
  font-size: 1.1em;
}

[data-md-color-scheme="slate"] .md-typeset h3::before {
  color: var(--md-primary-fg-color--light);
}

/* Rimuovi i marcatori predefiniti */
.md-typeset ul {
  list-style: none;
  padding-left: 1em;
}

/* Cerchio vuoto per le liste di primo livello */
.md-typeset ul > li::before {
  content: "○";
  color: var(--md-primary-fg-color);
  margin-right: 0.5em;
  font-size: 1em;
}

/* Cerchio pieno per le liste annidate (ul dentro ul) */
.md-typeset ul ul li::before {
  content: "●";
  color: var(--md-accent-fg-color);
  margin-right: 0.5em;
  font-size: 1em;
}

/* dt strong { */
/*   color: var(--md-default-fg-color--dark); */
/*   background: var(--md-default-fg-color--lightest); */
/*   border-radius: 0.3rem; */
/*   padding: 0.2rem 0.4rem; */
/* } */

/* ..zoutline ins { */
/*   color: var(--md-primary-fg-color); */
/* } */