@charset "UTF-8";

/* 附、註、按、圖片及歌詞 */
.chapter,
.note,
.picture,
.lyric {
    margin-left: 0;
    margin-bottom: 1.2em;
    display: grid;
}

.chapter {
    grid-template-columns: 3.25em auto;
}

.note {
    font-size: 0.85em;
    line-height: 1.6em;
    width: 100%;
    max-width: 600px;
    grid-template-columns: 2.625em auto;
}

.order {
    grid-template-columns: 3.25em auto;
}

.editor {
    max-width: none;
    grid-template-columns: 4.75em auto;
}

.picture {
    grid-template-columns: 2.25em auto;
    grid-column-gap: 1.0em;
}

.lyric {
    grid-template-columns: 3.75em auto;
    grid-column-gap: 0.75em;
    grid-row-gap: 1.2em;
}

/* 設定按鈕 */
#settings .interface {
    width: fit-content;
    padding: 0.75em 0;
    display: grid;
    grid-template-columns: auto auto;
}

@media only screen and (max-width: 599px) {
    #settings .interface {
        grid-template-columns: auto;
    }
}