:root {
    /* Should be adjusted for each theme (.ayu, .coal, ...) */
    --advice-border: var(--sidebar-active);
    --advice-bg: var(--quote-bg);
}

/* Copied from .quote and color changed */
.advice {
    margin: 2em 0;
    padding: 10px 20px;
    color: var(--fg);
    background-color: var(--advice-bg);
    border-block-start: .1em solid var(--advice-border);
    border-block-end: .1em solid var(--advice-border);
}
.advice:before {
    content: "À retenir";
    text-decoration: underline;
}
blockquote .advice:before {
    background-color: var(--quote-bg);
}

.advice ul {
    padding-left: 1em;
    list-style-type: square;
}
.advice ul li {
    margin: 0 0 0.2em 0;
    text-indent: 0;
}

/* Reduce vertical spacing */
h2, h3 {
    margin-block-start: 1.25em;
}