body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
}

.phrase-box {
    background: var(--secondary-card-background);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 8px;
}

.phrase-en {
    font-weight: 600;
    font-size: 15px;
}

.phrase-sk {
    color: var(--secondary-text-color);
    font-size: 13px;
    margin-top: 4px;
}

.dialogue-box {
    background: var(--secondary-card-background);
    border-left: 3px solid var(--secondary-color);
    border-radius: 0 8px 8px 0;
    padding: 16px 20px;
    margin-bottom: 12px;
}

.dialogue-speaker {
    font-weight: 700;
    font-size: 13px;
    color: var(--secondary-color);
    margin-bottom: 4px;
}

.mistake-wrong {
    color: #ef4444;
    text-decoration: line-through;
}

.mistake-correct {
    color: #22c55e;
    font-weight: 600;
}

h4 {
    margin: 50px 0;
    margin-bottom: 25px;
}

h5 {
    margin: 40px 0;
    margin-bottom: 20px;
}

h6 {
    margin: 30px 0;
    margin-bottom: 15px;
}