
<CSS>

/* INLINE TOC -  DISPLAYED AS PAGE HORIZONTAL MENU */

div.inlinetoc2 {
    all: unset;
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 0.5em;
    box-shadow: 0 0 6px 3px #0001;
    --background-color-panel: transparent;
    margin-bottom: 1em;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}
div#inlinetoc2:before {
    content: "Navigation page";
    display: inline-block;
    font-weight: bold;
    margin-inline: 0.5em;
}

div.inlinetoc2 > ul > li > div,
div.inlinetoc2 > ul > li li li {
    display: none;
}

div.inlinetoc2 > ul {
    margin-bottom: 0;
}
div.inlinetoc2 ul {
    display: inline-flex;
    list-style: none;
    gap: 0.3em;
    padding: 0em 0.3em;
    flex-wrap: wrap;
}
div.inlinetoc2 li {
    border: none;
    padding: 0.1em 0.3em;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    white-space: nowrap;
    font-family: var(--font-family-condensed);
}
div.inlinetoc2 li li {
    padding: 0;
}
.inlinetoc2 > li {
    margin: 0;
}

div.inlinetoc2 ul.inlinetoc2 li {
    border-left: 1px solid #bbbaba;
    line-height: initial;
}
div.inlinetoc2 ul.inlinetoc2.fix-media-list-overlap {
    padding: 0;
}

</CSS>