.arb-abc-progress{display:flex;align-items:center;gap:14px;margin-bottom:26px;}
.arb-abc-progress-bar{flex:1;height:8px;background:var(--arb-border);border-radius:10px;overflow:hidden;}
.arb-abc-progress-fill{height:100%;background:var(--arb-accent);width:0%;transition:width .25s ease;}
#arb-abc-progress-text{font-size:13px;font-weight:700;color:var(--arb-txt-mid);white-space:nowrap;}

.arb-abc-card-wrap{display:flex;align-items:center;gap:14px;justify-content:center;margin-bottom:24px;}
.arb-abc-nav{
    background:var(--arb-soft);border:1px solid var(--arb-border);border-radius:50%;
    width:44px;height:44px;flex-shrink:0;cursor:pointer;color:var(--arb-txt-mid);font-size:16px;
}
.arb-abc-nav:hover{background:var(--arb-accent);color:#fff;}

.arb-abc-card{
    background:var(--arb-cream);border:2px solid var(--arb-border);border-radius:20px;
    padding:36px 20px;text-align:center;flex:1;max-width:340px;position:relative;
}
.arb-abc-icon{font-size:72px;line-height:1;margin-bottom:4px;}
.arb-abc-letter{font-size:88px;font-family:'Amiri',serif;color:var(--arb-accent);line-height:1;margin-bottom:8px;}
.arb-abc-name{font-size:20px;font-weight:800;color:var(--arb-txt);margin-bottom:6px;}
.arb-abc-example{font-size:18px;font-family:'Amiri',serif;color:var(--arb-txt-mid);}
.arb-abc-example span{display:block;font-family:'Inter',sans-serif;font-size:13px;color:var(--arb-txt-light);margin-top:4px;}
.arb-abc-speak{
    position:absolute;top:14px;left:14px;background:var(--arb-white);border:1px solid var(--arb-border);
    border-radius:50%;width:38px;height:38px;color:var(--arb-accent);cursor:pointer;
}
.arb-abc-speak:hover{background:var(--arb-accent);color:#fff;}

.arb-abc-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:16px;}
.arb-abc-know:hover{background:var(--arb-green);color:#fff;border-color:var(--arb-green);}

.arb-abc-mastered{
    text-align:center;background:#EAF7F0;color:var(--arb-green);border:1px solid #bfe7d3;
    padding:16px;border-radius:12px;font-size:15px;
}

@media(max-width:480px){
    .arb-abc-icon{font-size:72px;line-height:1;margin-bottom:4px;}
.arb-abc-letter{font-size:64px;}
    .arb-abc-icon{font-size:54px;}
    .arb-abc-card{padding:26px 14px;}
    .arb-abc-nav{width:36px;height:36px;}
}