.read-article-controls {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.read-article-btn,
.pause-article-btn {
background-color: #2d6a2d;
color: #fff;
padding: 6px 14px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 13px;
}
.read-article-btn:disabled,
.pause-article-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
#guru-voice-select,
#guru-speed-select {
padding: 5px 8px;
border: none;
border-radius: 4px;
font-size: 13px;
cursor: pointer;
background: #2d6a2d;
color: #fff;
}
#guru-voice-select:disabled,
#guru-speed-select:disabled {
opacity: 0.5;
cursor: not-allowed;
}
#guru-progress-wrap {
width: 100%;
height: 6px;
background: #ddd;
border-radius: 3px;
margin-bottom: 16px;
overflow: hidden;
}
#guru-progress-bar {
height: 100%;
width: 0%;
background: #2d6a2d;
border-radius: 3px;
transition: width 0.2s linear;
}