/* Numbered sub-lists: 1.1., 1.1.1., etc. */
.about-body ul[nr] {
    counter-reset: item;
}

.about-body ul[nr] > li {
    display: block;
    padding-right: 0;
}

.about-body ul[nr] > li a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline;
}

.about-body ul[nr] > li::before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}

/* Text rows */
.about-body > .text-box-row {
    margin-bottom: 2rem;
    white-space: pre-line;
}

/* Scroll-up icon */
i.bi.scroll-up {
    cursor: pointer;
}

/* Horizontal rules via pseudo-elements */
a[hr]::after,
[brd] > span:not(:last-of-type)::after {
    content: '';
    display: block;
    border-bottom: 1px solid var(--bs-border-color);
}

/* Definition lists */
[def] > span {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

[def] > span:has(> span) {
    font-weight: bold;
}

[def] > span > span {
    font-weight: normal;
    font-style: italic;
}

/* Shared inner-span spacing for about sections */
.about-factors  > div > div > div > span,
.about-actions  > div > div > div > span,
.about-symptoms > div > div > div > span,
.about-behavioral-disorders > div > div > div > span {
    margin: .5rem;
}

/* Borders */
[brd-r] { border-right: 1px solid var(--bs-border-color); }
[brd]   { border:       1px solid var(--bs-border-color); }

/* Law box */
.about-body .law {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid black;
    border-radius: .25rem;
}