.alphabet-article h3 {
    color: #174ea6;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.4;
    margin: 24px 0 12px;
}

.alphabet-article .alphabet-letter-section {
    scroll-margin-top: 64px;
}

.alphabet-article .alphabet-grid {
    margin-top: 18px;
}

.alphabet-article .alphabet-letter,
.alphabet-article .alphabet-word-audio,
.alphabet-article .alphabet-counts > div {
    border-radius: 8px;
}

.alphabet-article .alphabet-letter {
    min-width: 0;
    padding: 10px 8px;
}

.alphabet-article .alphabet-letter__example small,
.alphabet-article .alphabet-letter__example em {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
}

.alphabet-article .alphabet-letter__example small {
    overflow-wrap: anywhere;
}

.alphabet-article .alphabet-board__status {
    font-size: 12px;
    line-height: 1.4;
    margin: 8px 0 0;
}

.alphabet-article .alphabet-counts {
    margin: 18px 0;
}

.alphabet-article .alphabet-counts > div,
.alphabet-article .alphabet-memory-groups > div {
    align-items: start;
    gap: 6px;
    grid-template-columns: minmax(0, 1fr);
}

.alphabet-article .alphabet-letter-token {
    display: inline-block;
    margin: 2px 5px 2px 0;
    white-space: nowrap;
}

.alphabet-article .alphabet-letter-conjunction {
    align-items: center;
    display: inline-flex;
    height: 23px;
    justify-content: center;
    margin: 2px 5px 2px 0;
    min-width: 18px;
    vertical-align: middle;
    white-space: nowrap;
}

.alphabet-article .alphabet-note,
.alphabet-article .alphabet-dialogue {
    border-left-width: 3px;
    margin-top: 18px;
    padding: 12px 14px;
}

.alphabet-article .alphabet-note {
    background: #fff5ec;
    border-color: #efcdbd;
    font-size: 14px;
    line-height: 1.6;
}

.alphabet-article .alphabet-dialogue {
    background: #edf8f2;
    border-color: #b4dcca;
    margin-bottom: 18px;
}

.alphabet-article .alphabet-dialogue p {
    font-size: 15px;
    line-height: 1.55;
}

.alphabet-article .alphabet-memory-groups {
    margin-top: 18px;
}

.alphabet-article .alphabet-memory-groups dt {
    font-size: 14px;
    line-height: 1.5;
}

.alphabet-article .word-article-steps + p {
    margin-top: 18px;
}

.alphabet-article .alphabet-practice details {
    border-color: #d4e7f1;
    padding: 0;
}

.alphabet-article .alphabet-practice summary {
    font-size: 15px;
    font-weight: 800;
}

.alphabet-article .alphabet-practice details p {
    padding: 0 18px 16px 0;
}

.alphabet-article button:focus-visible {
    outline: 3px solid #ffcb05;
    outline-offset: 2px;
}