.law-article-list {
    display: flex;
    flex-direction: row;
    padding-left: 1.5em;
    margin-bottom: 1em;
}

.law-chapter-list p {
    margin: 0 0 0.5em 0;
}

.law-article-num {
    margin-right: 4em;
    min-width: 3.5em;
    color: rgb(var(--primary));
}

.law-article-num span {
    min-width: 1.5em;
    text-align: center;
    display: inline-block;
}

.law-article-item-group {
    counter-reset: 項;
    position: relative;
}

.law-article-item-group .law-article-item::before {
    counter-increment: 項;
    content: counter(項);
    display: inline-block;
    position: absolute;
    left: -2em;
    font-style: italic;
    color: rgba(var(--primary), 0.7);
    text-align: right;
    width: 1em;
}

.law-article-item ol {
    list-style: trad-chinese-informal;
    padding-left: 2em;
    padding-bottom: 0.5em;
}

.law-article-item ol li::marker {
    color: rgba(var(--text-title), 0.5);
}

.law-clause-item-group {
    padding-left: 1.2em;
    font-size: 0.9em;
}

.law-clause-item-group p {
    position: relative;
}

.law-clause-item-group p::before {
    position: absolute;
    left: -1.2em;
    color: rgba(var(--text-title), 0.5);
}

.law-clause-item-group p:nth-child(1)::before {
    content: "㈠";
}

.law-clause-item-group p:nth-child(2)::before {
    content: "㈡";
}

.law-clause-item-group p:nth-child(3)::before {
    content: "㈢";
}

.law-clause-item-group p:nth-child(4)::before {
    content: "㈣";
}

.law-clause-item-group p:nth-child(5)::before {
    content: "㈤";
}

.law-clause-item-group p:nth-child(6)::before {
    content: "㈥";
}

.law-clause-item-group p:nth-child(7)::before {
    content: "㈦";
}

.law-clause-item-group p:nth-child(8)::before {
    content: "㈧";
}

.law-clause-item-group p:nth-child(9)::before {
    content: "㈨";
}

.law-clause-item-group p:nth-child(8)::before {
    content: "㈩";
}

/* .law-clause-item-group p span:first-child:before {
    content: '（';
}

.law-clause-item-group p span:first-child::after {
    content: '）';
} */

mark {
    display: inline-block;
    padding: 0.3em 0.6em;
    font-size: 0.9em;
    line-height: 1.1;
    text-indent: 0;
    text-align: center;
    vertical-align: baseline;
}

mark.big {
    background-color: #b50000;
    color: white;
    border-radius: 0 1em 1em 0;
}

mark.middle {
    background-color: #f45d48;
    color: white;
}

mark.small {
    background-color: #f4e148;
    color: black;
    border-radius: 1em 0 0 1em;
}

mark[data-solo] {
    border-radius: 1em;
}

mark.big:not([data-solo])::before {
    content: '大／';
}

mark.middle:not([data-solo])::before {
    content: '中／';
}

mark.small:not([data-solo])::before {
    content: '小／';
}

@media (max-width: 768px) {
    .law-article-list {
        display: flex;
        flex-direction: column;
        padding-left: 2em;
        margin-bottom: 1em;
    }

    .law-article-num {
        margin: 0 0 0.5em -2em;
        min-width: 3.5em;
    }

    .law-article-item-group .law-article-item::before {
        left: -2em;
    }

    mark {
        display: inline;
        padding: 0.1em 0.3em;
    }
}