.spoken-title{display:flex;align-items:center;gap:12px}.spoken-title h2,.spoken-title h3{flex:1}.speak-control{width:38px;height:38px;flex:0 0 auto;border:1px solid rgba(8,37,31,.15);border-radius:50%;background:#fff;color:#0b5d46;display:grid;place-items:center;cursor:pointer;font-weight:800;transition:.2s}.speak-control:hover:not(:disabled),.speak-control.speaking{background:#f2bd55;transform:scale(1.08)}.speak-control:disabled{opacity:.3;cursor:not-allowed}.province-speak{width:27px;height:27px;border:0;border-radius:50%;background:#e5efe9;color:#0b5d46;cursor:pointer;flex:0 0 auto}.province-speak:hover{background:#f2bd55}.map-preview .spoken-title h3{margin:11px 0 14px}.lesson-content .spoken-title h2{margin-right:5px}.audio-notice{position:fixed;right:20px;bottom:20px;background:#08251f;color:#fff;padding:10px 14px;border-radius:6px;font-size:11px;z-index:100;box-shadow:0 8px 25px rgba(0,0,0,.25);animation:audioFade 3s forwards}@keyframes audioFade{0%,70%{opacity:1}100%{opacity:0;visibility:hidden}}@media(max-width:560px){.speak-control{width:34px;height:34px}.province-speak{width:25px;height:25px}}