.notation {
    position: relative;
    user-select: text;
    margin-left: var(--margin);
    padding-left: .25rem;
    xmargin-top: .5rem;
}
.notation:not(:first-child) {
    border-top: medium solid lightblue;
    margin-top: .25rem;
    padding-top: .25rem;
}
.notation .notation {
    border-top: unset;
    padding-top: unset;
    border-left: medium solid lightblue;
}
.notation-title {
    text-align: left;
    font-weight: bold;
    font-size: 1.2em;
    padding-top: .25rem;
    padding-right: 2rem;
}
.notation .notation .notation-title {
    font-size: 1.2em;
}
.notation-property {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
.notation-property-label {
    flex: 0 0 auto;
    white-space: nowrap;
    font-weight: bold;
}
.notation-property-label::after {
    content: ': ';
}
.notation-property-value, .notation-property-item{
    flex: 1 1 auto;
    margin: var(--margin);
    min-width: 1em;
    overflow-wrap: break-word;
}
.notation-property-list {
    flex: 1 1 auto;
    overflow: hidden;
    margin: var(--margin);
}
.notation-property-item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.notation-property-ref {
    text-decoration: underline dotted red;
}
a.notation-property-link {
    display: block;
}
.notation-text {
    flex: 1 1 auto;
    margin: var(--margin);
    min-width: 1em;
    overflow-wrap: break-word;
}
.notation-text::before {
    content: '"';
}
.notation-text::after {
    content: '"';
}
.notation-xml {
    white-space: pre;
}
.notation-expand {
    position: absolute;
    right: 0;
    top: 0;
}
.notation-expand:before {
    content: "XML";
    border: thin solid steelblue;
    font-size: .5rem;
    font-weight: 900;
    color: steelblue;
}