h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3  {
    font-size: 1.25em;
}

.sidebar-tree ul {
    margin-bottom: 1rem;
}

@media (max-width: 97em) {
    .content {
        padding: 0 2em;
        width: 51em;
    }
}

.plantuml {
    overflow-x: auto;
}

.plantuml img {
    position: relative;
    z-index: 100;
}

.plantuml img:hover {
    max-width: none;
}

.protocol {
    color: salmon;
}

.plantuml object {
    filter: invert(0);
}

@media not print {
    body[data-theme="dark"] .plantuml object {
        filter: invert(0.9);
    }
    body[data-theme="dark"] section img {
        filter: invert(0.9);
    }
    @media (prefers-color-scheme: dark) {
        body:not([data-theme="light"]) .plantuml object {
            filter: invert(0.9);
        }
        body:not([data-theme="light"]) section img {
            filter: invert(0.9);
        }
    }
}