body {
    font-size: 16px;
    font-family: 'Inter', 'Noto Sans SC', 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-style: normal;
}

p {
    font-size: 16px;
    line-height: 1.6;
    color: #d4d1ba;
}

button {
    font-size: 14px;
}

nav button {
    font-size: 16px;
}

.language-toggle {
    font-size: 16px;
}

.section-title {
    font-family: 'Inter', 'Noto Sans SC', 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-size: 28px;
    line-height: 1.3;
    color: #ffffff;
}

.section-body p {
    font-size: 14px;
    line-height: 1.8;
    color: #d4d1ba;
}

.rammetto {
    font-family: 'Rammetto One', cursive;
}

.song-name {
    font-style: italic;
    font-weight: 500;
}

.acc-title {
    font-weight: 900;
    font-size: 18px;
}

.acc-number {
    font-family: 'Rammetto One', cursive;
    font-size: 18px;
}

@media (min-width: 1025px) {
    body {
        font-size: 16px;
    }

    .section-header {
        font-size: 16px;
    }

    .section-header .number {
        font-family: 'Rammetto One', cursive;
        font-weight: 400;
    }

    .section-title {
        font-size: 48px;
        line-height: 60px;
    }

    .section-body p {
        font-size: 24px;
        line-height: 1.6;
    }

    .introduction p {
        font-size: 24px;
        line-height: 1.4;
    }

    .song-list p {
        font-size: 20px;
        line-height: 35px;
    }

    .song-list-heading {
        font-size: 32px;
    }

    .acc-title {
        font-size: 32px;
        line-height: 40px;
    }

    .acc-number {
        font-size: 32px;
    }

    .section-header .number {
        font-size: 32px;
    }

    .section-header .title {
        font-size: 32px;
    }

    .language-toggle {
        font-size: 32px;
    }
}