:root {
    --display-outline-title: block;
    --display-text: none;
}
body {
    font-family: Verdana, sans-serif;
    background-color: white;
    margin-left: 10px;
    counter-reset: event-counter;
}
h1 {
    counter-reset: section-counter;
}
h2 {
    counter-reset: subsection-counter;
    counter-increment: section-counter;
}
h2::before {
    content: counter(section-counter) ". ";
}
h3 {
    counter-increment: subsection-counter;
    display: var(--display-outline-title);
}
h3::before {
    content: counter(section-counter) "." counter(subsection-counter) " ";
}
h3::after {
    content: " (" counter(section-counter) "." counter(subsection-counter) " ; " counter(event-counter) ")";

}
.event {
    counter-increment: event-counter;
}
.section {
    display: none;
}
.source {
    margin-top: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}
.source p {
    margin: 0;
}
.reference {
    font-weight: bold;
}
.merged-title {
    font-weight: bold;
    text-align: center;
}
.merged p {
    margin: 0;
}
.notes, .merged {
    column-count: 2;
    column-gap: 20px;
}
.notes p {
    margin-top: 0;
    margin-bottom: 0;
}
.center-text {
    text-align: center;
}
.end {
    vertical-align: top;
    height: 12px;
    display: inline-block;
    width: 25%;
    margin: 0 auto;
    padding: 0;
    border-bottom-color: black;
    border-bottom-style: double;
    border-bottom-width: 7px;
    border-top-style: hidden;
    border-left-style: hidden;
    border-right-style: hidden;
}
.end-text {
    display: inline-block;
    font-size: 18pt;
}
.footnote {
    width: 100px;
    margin-left: 0;
}
sup {
    /* Prevents the superscript from affecting the line box height */
    line-height: 0;
    /* Use relative positioning to raise the text without affecting layout */
    position: relative;
    top: -0.5em; /* Adjust this value as needed to align with your font */
    /* Ensure the font size is appropriate (optional, but common) */
    font-size: 0.75em;
    /* Fallback vertical alignment if needed, but 'top' or 'baseline' works well with relative positioning */
    vertical-align: baseline;
}

.sub-event {
    display: var(--display-text);
}
.source {
    margin-top: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}