/* Chapter 3: Matras - Specific styles */
.matra-symbol {
    font-size: 3rem;
    font-family: 'Noto Sans Gurmukhi', sans-serif;
    color: #e17055;
    margin: 10px 0;
}

.matra-name {
    font-size: 1rem;
    color: #636e72;
    margin-bottom: 5px;
}

.example-syllable {
    font-size: 2rem;
    font-family: 'Noto Sans Gurmukhi', sans-serif;
    color: #00b894;
    font-weight: bold;
    margin: 8px 0;
}

.sound-guide {
    font-size: 0.85rem;
    color: #b2bec3;
    margin-top: 8px;
    font-style: italic;
}