html {
    font-family: "Liberation Serif", serif; font-size: 14pt;
    background: #f8f8f8; color: #080808;
}
body {max-width: 52ch; margin: 64pt auto;}
p {hyphens: auto; text-align: justify; padding: 0 2ch;}
p.ind, p.nospc {text-indent: 4ch;}
p.ind, p.noind {margin: 9pt 0 0 0;}
.brsec p:not(:first-of-type), p.ref, p.nospc {margin: 1pt 0;}
body > p:first-child {text-indent: 0ch;}
body > p.ind:first-child:first-letter {
    color: #8c0606; font-size: 90pt; float: left;
    line-height: 56pt; font-weight: normal;
    margin-top: 0pt; margin-right: 4pt;
}
body > p.ind:first-child::first-line,
body > p.noind:first-child::first-line {
    font-weight: bold; text-transform: uppercase;
    color: #8c0606;
}
a {color: #8c0606;}
a:visited {color: #8c067c;}
a:target {background: #f8cccc;}
tr:target {background: #f8dddd;}
p:has(a:target) {background: #f8eeee; position: relative;}
p:not(.ref):has(a:target)::before {
    content: ""; width: 20pt; height: 12pt;
    border-radius: 8%; background: #8c0606;
    position: absolute; top: 4pt; left: -12pt;
}
td {padding: 1pt 0;}
tr:target td:nth-child(1) {position: relative;}
tr:target td:nth-child(1)::before {
    content: ""; width: 20pt; height: 12pt;
    border-radius: 8%; background: #8c0606;
    position: absolute; top: 4pt; left: -30pt;}
table {
    padding: 0 2ch; margin: 18pt 0 0 0;
    width: 100%; border-spacing: 0;
}
table tbody {vertical-align: top;}
tr td:nth-child(3) {
    word-break: break-all;
    width: 100%; padding-left: 4pt;
}
.brsec a, .csec a {font-family: "Liberation Mono", mono;}
hr {color: #8c0606; margin: 32pt 0 0 0;}
@media (prefers-color-scheme: dark) {
    html {background: #080000; color: #fff8f8;}
    p:has(a:target) {background: #1c0404;}
    a:target {background: #3f0404;}
    tr:target {background: #1c0404;}
}