/* Speaking workspace: all rules are scoped to keep the existing exam interface intact. */
#speaking-workspace { --sp-forest:#214e43; --sp-ink:#29483d; --sp-muted:#718174; --sp-line:#e2e8dc; --sp-paper:#fff; --sp-sage:#edf2e7; color:var(--sp-ink); }
#speaking-workspace button, #speaking-workspace input, #speaking-workspace textarea, #speaking-workspace select { font:inherit; }
#speaking-workspace button { -webkit-appearance:none; appearance:none; }
.speaking-page-head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:25px; }
.speaking-eyebrow { color:#8a9b7c; font-size:9px; font-weight:650; letter-spacing:.14em; }
.speaking-page-head h1 { margin:6px 0 8px; font-size:28px; font-weight:560; letter-spacing:-.05em; }
.speaking-page-head p { color:#889581; font-size:12px; }
.speaking-head-icon { display:flex; align-items:center; gap:12px; color:#81946f; }
.speaking-head-icon>svg { width:30px; height:38px; }
.speaking-head-icon>span { font-size:8px; line-height:1.8; letter-spacing:.12em; }
.speaking-banner { display:grid; grid-template-columns:minmax(0,1fr) 300px; min-height:209px; border:1px solid #dce5cf; border-radius:16px; background:#eaf0de; padding:27px 30px; overflow:hidden; }
.speaking-banner h2 { margin:13px 0 10px; font-size:25px; font-weight:550; letter-spacing:-.04em; }
.speaking-banner p { max-width:490px; color:#7d8c70; font-size:11px; line-height:1.9; }
.speaking-banner-counts { display:flex; align-items:center; gap:26px; margin-top:20px; }
.speaking-banner-counts strong { font-size:24px; font-weight:550; letter-spacing:-.045em; }
.speaking-banner-counts small { font-size:10px; font-weight:400; letter-spacing:0; color:#7f8d72; margin-left:4px; }
.speaking-wave { position:relative; display:flex; align-items:center; justify-content:center; gap:7px; padding-bottom:13px; }
.speaking-wave::before { position:absolute; content:''; width:175px; height:175px; border-radius:50%; background:#dfe8cc; }
.speaking-wave i { position:relative; width:5px; border-radius:8px; background:#5d7c55; opacity:.67; }
.speaking-wave i:nth-child(3n) { background:#a5b572; }
.speaking-wave span { position:absolute; bottom:5px; font-size:8px; color:#91a177; letter-spacing:.16em; }
.speaking-pill { display:inline-flex; align-items:center; padding:4px 8px; border-radius:5px; color:#6d855a; background:#f3f6eb; font-size:9px; line-height:1.45; white-space:nowrap; }
.speaking-tabs { display:flex; gap:27px; border-bottom:1px solid var(--sp-line); margin-bottom:22px; }
.speaking-tabs button { border:0; border-bottom:2px solid transparent; background:transparent; padding:0 1px 13px; color:#91a086; font-size:12px !important; }
.speaking-tabs button.active { color:var(--sp-forest); border-bottom-color:var(--sp-forest); font-weight:600; }
.speaking-workspace-layout { display:grid; grid-template-columns:290px minmax(0,1fr); align-items:start; gap:22px; }
.speaking-topic-browser { border:1px solid var(--sp-line); border-radius:12px; background:#fff; overflow:hidden; }
.speaking-browser-top { padding:19px 17px 16px; border-bottom:1px solid #e7ecdf; background:#fcfdf9; }
.speaking-browser-top h2 { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; font-size:14px; }
.speaking-browser-top h2 small { color:#98a18f; font-size:10px; font-weight:400; letter-spacing:0; }
.speaking-search { display:block; }
.speaking-search input { width:100%; height:37px; padding:8px 11px; border:1px solid #e4e9dd; border-radius:7px; background:#fff; color:var(--sp-ink); font-size:11px !important; }
.speaking-parts { display:flex; gap:3px; margin:12px 0; padding:3px; background:#edf2e6; border-radius:6px; }
.speaking-parts button { flex:1; padding:6px 2px; border:0; border-radius:4px; color:#92a083; background:transparent; font-size:10px !important; white-space:nowrap; }
.speaking-parts button.active { color:var(--sp-forest); background:#fff; box-shadow:0 1px 3px #214e4310; }
.speaking-filter-row { display:flex; gap:7px; }
.speaking-filter-row select { width:100%; min-height:32px; padding:4px 7px; border:1px solid #e3e8db; border-radius:5px; background:#fff; color:#7f8b74; font-size:10px !important; }
.speaking-topic-list { max-height:895px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#cdd8c0 #f7f9f2; }
.speaking-topic-item { position:relative; display:flex; flex-direction:column; gap:4px; width:100%; padding:17px 32px 17px 17px; text-align:left; border:0; border-bottom:1px solid #eff2e9; background:#fff; color:var(--sp-ink); }
.speaking-topic-item:hover { background:#f8faf4; }
.speaking-topic-item.active { background:#eff4e7; box-shadow:inset 3px 0 0 var(--sp-forest); }
.speaking-topic-meta { display:flex; align-items:center; flex-wrap:wrap; gap:5px; color:#789060; font-size:9px; }
.speaking-topic-meta>span { color:#a0aa94; }
.speaking-topic-meta>b { font-size:8px; font-weight:450; color:#6c865a; background:#e2ebd5; padding:0 5px; border-radius:3px; margin-left:auto; }
.speaking-topic-item strong { font-size:12px; font-weight:550; margin-top:2px; overflow-wrap:anywhere; }
.speaking-topic-en { font-size:10px; color:#89977e; overflow-wrap:anywhere; }
.speaking-topic-item>svg { position:absolute; top:45%; right:10px; width:13px; height:13px; color:#9eb08c; }
.speaking-topic-detail { min-width:0; }
.speaking-question-panel,.speaking-answer-space { background:#fff; border:1px solid var(--sp-line); border-radius:12px; padding:25px; }
.speaking-detail-heading { display:flex; align-items:center; gap:12px; justify-content:space-between; margin-bottom:15px; }
.speaking-detail-category { color:#9ca58f; font-size:10px; }
.speaking-question-panel h2 { font-size:23px; font-weight:550; margin-bottom:5px; overflow-wrap:anywhere; }
.speaking-detail-en { color:#81916f; font-size:13px; margin-bottom:15px; }
.speaking-practice-hint { margin:20px 0; padding:10px 12px; border-radius:6px; background:#f6f8f0; color:#8a9878; font-size:10px; line-height:1.85; }
.speaking-questions { list-style:none; counter-reset:sp-question; padding:0; margin:14px 0 25px; }
.speaking-questions li { counter-increment:sp-question; position:relative; padding:12px 0 12px 33px; color:#4a6150; font-size:13px; line-height:1.8; border-bottom:1px solid #eff2e9; }
.speaking-questions li::before { content:counter(sp-question,decimal-leading-zero); position:absolute; left:0; top:15px; font-size:9px; color:#9da98e; }
.speaking-question-cards { display:grid; gap:18px; margin:20px 0 0; }
.speaking-question-cards>.speaking-question-card { padding:19px; border:1px solid var(--sp-line); border-radius:10px; background:#fcfdf9; }
.speaking-question-cards>.speaking-question-card::before { display:none; }
.speaking-question-number { display:block; margin-bottom:8px; color:#8b9d7d; font-size:10px; font-weight:600; letter-spacing:.04em; }
.speaking-question-prompt { margin:0 0 18px; color:#365642; font-size:15px; font-weight:550; line-height:1.75; letter-spacing:0; overflow-wrap:anywhere; }
.speaking-question-card .speaking-topic-note { margin-bottom:17px; }
.speaking-question-card .speaking-question-answer { padding:0; margin:0; border:0; border-top:1px solid #e3e9dc; border-radius:0; background:transparent; padding-top:15px; }
.speaking-question-answer .speaking-section-heading { margin-bottom:11px; }
.speaking-question-answer .speaking-section-heading h3 { font-size:12px; }
.speaking-question-answer .speaking-recorder { margin-top:12px; padding:15px; background:#f2f7eb; }
.speaking-question-answer .speaking-recorder.is-recording { background:#fff6f1; }
.speaking-question-answer .speaking-recording { padding:14px; }
.speaking-question-empty { margin:0; color:#98a68d; font-size:10px; line-height:1.8; }
.speaking-recording-upload { display:block; padding:12px; margin:0 0 15px; border:1px dashed #ceddc0; border-radius:7px; color:#728c60; background:#f7faf2; font-size:11px; }
.speaking-recording-upload input { display:block; width:100%; margin:8px 0; color:#8a9c7c; font-size:10px !important; }
.speaking-recording-upload input::file-selector-button { margin-right:9px; padding:7px 10px; border:1px solid #d2dfc5; border-radius:5px; color:#6e875b; background:#fff; font:inherit; cursor:pointer; }
.speaking-recording-upload input:disabled { opacity:.55; cursor:not-allowed; }
.speaking-recording-upload small { display:block; color:#97a58b; font-size:9px; line-height:1.7; }
.speaking-assignment-note { margin:0 0 16px; padding:10px 12px; border-radius:6px; background:#edf3e6; color:#72895e; font-size:11px; line-height:1.9; }
.speaking-prior-notes { margin-top:23px; padding:15px; border:1px solid var(--sp-line); border-radius:8px; }
.speaking-prior-notes summary { color:#829473; cursor:pointer; font-size:11px; }
.speaking-prior-notes[open] summary { margin-bottom:14px; }
.speaking-prior-recordings>h3 { font-size:14px; margin-bottom:10px; }
.speaking-prior-recordings>h3>span { color:#98a487; font-size:10px; }
.speaking-record-question { margin:0 0 12px; color:#6e825f; font-size:11px; line-height:1.8; overflow-wrap:anywhere; }
.speaking-cue-card { margin:20px 0 12px; border:1px solid #e6e7d7; border-left:3px solid #a7b77a; border-radius:8px; padding:20px; background:#fafaf2; color:#53644c; }
.speaking-cue-card>span { font-size:8px; color:#a4ad8a; letter-spacing:.16em; }
.speaking-cue-card h3 { margin:9px 0 16px; font-size:16px; font-weight:550; letter-spacing:0; line-height:1.6; }
.speaking-cue-card p,.speaking-cue-card li { font-size:12px; line-height:1.9; }
.speaking-cue-card ul { padding-left:18px; margin:7px 0 12px; }
.speaking-cue-follow { color:#6e7e5d; padding-top:12px; border-top:1px solid #e8ebdc; }
.speaking-label { display:block; color:#708067; font-size:11px; font-weight:550; }
.speaking-label>span { font-weight:400; color:#a1ab95; font-size:9px; margin-left:8px; }
.speaking-label textarea,.speaking-record-note textarea { display:block; width:100%; border:1px solid #e3e8dc; border-radius:7px; color:#52664f; background:#fcfdf9; resize:vertical; line-height:1.8; padding:11px 12px; font-size:12px !important; font-weight:400; margin-top:8px; }
.speaking-answer-space { margin-top:20px; }
.speaking-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:15px; }
.speaking-section-heading h3 { margin-top:4px; font-size:17px; font-weight:550; }
.speaking-section-heading h3>span { font-size:10px; font-weight:400; color:#98a487; margin-left:7px; }
.speaking-section-heading h2 { font-size:20px; }
.speaking-section-heading p { color:#97a18c; font-size:10px; margin-top:5px; }
.speaking-local-notice { color:#93a083; font-size:10px; line-height:1.9; margin-bottom:18px; }
.speaking-recorder { display:flex; align-items:flex-start; gap:14px; margin-top:16px; padding:20px; border:1px solid #d6e1c9; border-radius:10px; background:#f7faf2; }
.speaking-recorder-symbol { display:grid; place-items:center; flex:0 0 40px; width:40px; height:44px; border-radius:12px; color:#668b53; background:#e8f0dc; }
.speaking-recorder-symbol svg { width:22px; height:27px; }
.speaking-recorder-main { flex:1; min-width:0; }
.speaking-recorder-heading { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:10px; }
.speaking-recorder-heading strong { display:inline-flex; align-items:center; gap:7px; font-size:13px; color:#537443; font-weight:600; }
.speaking-recorder-clock { font-size:20px; line-height:1.2; font-weight:600; color:#a54f42; font-variant-numeric:tabular-nums; letter-spacing:.03em; }
.speaking-recorder-clock[hidden] { display:none; }
.speaking-recorder-main>p { margin:7px 0 14px; font-size:10px; color:#8c9d7b; line-height:1.9; }
.speaking-recorder-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.speaking-recorder-actions .speaking-button { min-height:42px; padding:10px 17px; gap:8px; font-size:12px !important; }
.speaking-start-button svg { width:16px; height:19px; }
.speaking-recorder.is-recording { background:#fff6f1; border-color:#ecd6ca; }
.speaking-recorder.is-recording .speaking-recorder-symbol { color:#b75c4b; background:#fae5dc; }
.speaking-recorder.is-recording .speaking-recorder-heading strong { color:#a95345; }
.speaking-recorder.is-recording .speaking-recorder-main>p { color:#ae8b7d; }
.speaking-recording-dot { width:8px; height:8px; border-radius:50%; background:#c85947; box-shadow:0 0 0 4px #c8594714; }
#speaking-workspace .speaking-stop-button { background:#b85545; border-color:#b85545; color:#fff; }
#speaking-workspace .speaking-stop-button:hover { background:#a8483a; }
#speaking-workspace button:disabled { cursor:not-allowed; opacity:.55; }
#speaking-workspace button:focus-visible, #speaking-workspace input:focus-visible, #speaking-workspace select:focus-visible, #speaking-workspace textarea:focus-visible { outline:2px solid #6a8d56; outline-offset:3px; }
.speaking-label textarea[readonly] { background:#f4f6ef; color:#89947e; }
.speaking-record-status,.speaking-import-status { color:#899b76; font-size:10px; margin:9px 0 16px; line-height:1.8; overflow-wrap:anywhere; }
.speaking-pending-recording { padding:17px 20px; margin:0 0 20px; border:1px solid #e8d5b2; border-radius:9px; background:#fff9ec; }
.speaking-pending-recording>strong { color:#a47c40; font-size:13px; }
.speaking-pending-recording>p { color:#a18e6a; font-size:11px; margin:8px 0 13px; line-height:1.9; }
.speaking-pending-recording>div { display:flex; flex-wrap:wrap; gap:9px; }
.speaking-import-label input::file-selector-button { border:1px solid #d3dec7; border-radius:5px; padding:7px 12px; background:#fff; color:#6e8559; font-size:10px; cursor:pointer; margin-right:10px; }
.speaking-recording-list { display:grid; gap:15px; }
.speaking-recording { border:1px solid #e4e9dd; border-radius:9px; background:#fff; padding:17px; min-width:0; }
.speaking-record-head { display:flex; gap:10px; align-items:flex-start; justify-content:space-between; margin-bottom:12px; }
.speaking-record-head h4 { font-size:12px; font-weight:550; letter-spacing:0; overflow-wrap:anywhere; }
.speaking-record-head p { font-size:9px; color:#9eaa90; margin-top:5px; }
.speaking-record-head p>span { margin:0 3px; }
.speaking-recording audio { display:block; width:100%; height:36px; margin-bottom:13px; }
.speaking-record-note { display:block; font-size:10px; color:#8a997a; }
.speaking-record-note textarea { font-size:11px !important; padding:8px 10px; min-height:62px; }
.speaking-record-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-top:11px; }
.speaking-record-foot>small { font-size:8px; color:#a3ad98; }
.speaking-record-foot>div { display:flex; gap:14px; }
.speaking-text-button { padding:0; border:0; background:transparent; color:#7a9165; font-size:10px !important; text-decoration:none; line-height:1.8; }
.speaking-text-button:hover { color:var(--sp-forest); text-decoration:underline; }
.speaking-text-button.speaking-danger { color:#b38d7b; }
.speaking-record-topic { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; padding:8px 10px; margin:0 0 12px; border:0; border-radius:5px; background:#f0f5e9; color:#799365; font-size:10px !important; text-align:left; }
.speaking-record-topic svg { width:13px; height:13px; }
.speaking-playback-error { margin:0 0 10px; padding:8px 10px; background:#fcf3e6; color:#a58b61; font-size:10px; line-height:1.8; border-radius:5px; }
.speaking-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; text-align:center; padding:28px 14px; color:#9aaa8b; font-size:11px; }
.speaking-empty>svg { width:25px; height:31px; color:#b9c7a7; margin-bottom:4px; }
.speaking-empty h3,.speaking-empty h4 { color:#8a9c79; font-size:12px; }
.speaking-empty p { max-width:300px; color:#a1ac95; font-size:10px; line-height:1.85; }
.speaking-record-empty { border:1px dashed #e5eadd; border-radius:8px; }
.speaking-large-empty { min-height:330px; border:1px solid var(--sp-line); border-radius:12px; background:#fff; }
.speaking-large-empty .speaking-button { margin-top:10px; }
.speaking-detail-empty { min-height:300px; border:1px solid var(--sp-line); border-radius:12px; background:#fff; }
.speaking-detail-empty h2 { color:#829673; font-size:17px; }
.speaking-all-recordings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.speaking-button { display:inline-flex; align-items:center; justify-content:center; padding:9px 14px; border:1px solid #dce4d2; border-radius:7px; color:#718661; background:#fff; font-size:11px !important; }
.speaking-button:hover { background:#f5f8ed; }
.speaking-button.primary { background:var(--sp-forest); border-color:var(--sp-forest); color:#fff; }
.speaking-button.danger { color:#a16b58; border-color:#ead9d0; background:#fcf2ec; }
.speaking-maintenance { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr); align-items:start; gap:22px; }
.speaking-maintenance-panel { min-width:0; padding:25px; border:1px solid var(--sp-line); border-radius:12px; background:#fff; }
.speaking-maintenance-panel h2 { font-size:21px; margin:6px 0 13px; font-weight:550; }
.speaking-maintenance-panel>p { color:#93a084; font-size:11px; line-height:1.95; }
.speaking-maintenance-actions { display:flex; gap:9px; flex-wrap:wrap; margin:19px 0; }
.speaking-import-label { display:block; padding:14px; background:#f7faf2; border:1px dashed #d4dfc6; border-radius:7px; color:#8c9d78; font-size:10px; }
.speaking-import-label input { display:block; width:100%; margin-top:11px; font-size:10px !important; }
.speaking-import-errors { padding:12px 12px 12px 29px; border-radius:7px; color:#a7765e; background:#fcf3eb; font-size:10px; line-height:1.9; }
.speaking-imported-list { border-top:1px solid #edf0e7; padding-top:19px; margin-top:20px; }
.speaking-imported-list h3 { font-size:12px; margin-bottom:13px; }
.speaking-imported-item { display:flex; align-items:center; gap:12px; padding:12px 0; border-top:1px solid #f0f3e9; }
.speaking-imported-item>div { margin-right:auto; min-width:0; }
.speaking-imported-item strong { display:block; color:#77896a; font-size:11px; font-weight:550; overflow-wrap:anywhere; }
.speaking-imported-item small { display:block; margin-top:4px; color:#a1ac95; font-size:9px; }
.speaking-muted { font-size:10px; color:#a4ad98; }
.speaking-official-links { display:grid; margin-top:18px; gap:12px; }
.speaking-official-links>a { display:block; border:1px solid #e7ebdf; border-radius:8px; padding:14px; text-decoration:none; }
.speaking-official-links strong { display:block; color:#7e916f; font-size:11px; font-weight:550; }
.speaking-official-links small { display:block; color:#a1ad94; font-size:9px; margin-top:4px; }
.speaking-official-links a>span { display:block; font-size:9px; margin-top:10px; color:#92a37e; }
.speaking-privacy-card { display:grid; gap:8px; padding:17px; margin-top:20px; background:#f4f7ed; border-radius:8px; }
.speaking-privacy-card>svg { color:#95ab7b; width:20px; height:24px; }
.speaking-privacy-card strong { font-size:11px; color:#7a9166; font-weight:550; }
.speaking-privacy-card p { font-size:10px; color:#a0ac92; line-height:1.95; }
.speaking-alert { padding:12px 15px; margin-bottom:18px; border:1px solid #eadfc5; border-radius:7px; background:#fcf7e8; color:#a28d5e; font-size:11px; line-height:1.9; }
.speaking-alert .speaking-text-button { margin-left:10px; }
.speaking-modal-backdrop { position:fixed; inset:0; z-index:100; display:grid; place-items:center; background:#14382b66; padding:20px; }
.speaking-modal { width:min(440px,100%); padding:27px; background:#fff; border:1px solid #e1e8d7; border-radius:14px; box-shadow:0 20px 70px #18352833; }
.speaking-modal h2 { font-size:19px; margin-bottom:14px; }
.speaking-modal p { color:#94a187; font-size:11px; line-height:1.9; margin-bottom:12px; overflow-wrap:anywhere; }
.speaking-modal-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:22px; }
.speaking-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(min-width:1600px) { .speaking-topic-list { max-height:1040px; } }
@media(max-width:1200px) { .speaking-workspace-layout { grid-template-columns:250px minmax(0,1fr); gap:16px; } .speaking-question-panel,.speaking-answer-space { padding:20px; } .speaking-banner { grid-template-columns:minmax(0,1fr) 210px; } .speaking-wave { gap:5px; } .speaking-wave i { width:4px; } .speaking-banner-counts { gap:15px; } .speaking-banner-counts strong { font-size:21px; } }
@media(max-width:960px) { .speaking-banner { grid-template-columns:minmax(0,1fr) 170px; padding:23px; } .speaking-banner-counts { flex-wrap:wrap; gap:8px 20px; } .speaking-banner h2 { font-size:22px; } .speaking-workspace-layout { grid-template-columns:220px minmax(0,1fr); gap:14px; } .speaking-question-panel,.speaking-answer-space { padding:17px; } .speaking-topic-item { padding-left:14px; } .speaking-browser-top { padding:16px 12px; } .speaking-maintenance { grid-template-columns:minmax(0,1fr); } .speaking-all-recordings { grid-template-columns:minmax(0,1fr); } .speaking-recorder { padding:16px 13px; gap:11px; } .speaking-recorder-symbol { width:32px; height:38px; flex-basis:32px; } }
@media(max-width:700px) { .speaking-page-head h1 { font-size:24px; } .speaking-head-icon { display:none; } .speaking-banner { grid-template-columns:minmax(0,1fr); padding:22px; } .speaking-wave { display:none; } .speaking-banner-counts strong { font-size:22px; } .speaking-banner-counts small { font-size:9px; } .speaking-workspace-layout { grid-template-columns:minmax(0,1fr); } .speaking-topic-list { max-height:280px; } .speaking-topic-item { padding:13px 31px 13px 16px; } .speaking-browser-top { padding:16px; } .speaking-browser-top h2 { margin-bottom:12px; } .speaking-filter-row select { width:100%; } .speaking-question-panel h2 { font-size:22px; } .speaking-tabs { gap:24px; } .speaking-tabs button { font-size:11px !important; } .speaking-maintenance-panel { padding:20px; } .speaking-record-foot>div { gap:18px; } .speaking-section-heading { align-items:flex-start; } .speaking-section-heading h2 { font-size:18px; } .speaking-questions li { font-size:13px; } }

@media(max-width:700px) { .speaking-recorder { padding:16px 13px; gap:10px; } .speaking-recorder-symbol { flex-basis:31px; width:31px; height:37px; } .speaking-recorder-heading strong { font-size:12px; } .speaking-recorder-clock { font-size:21px; } .speaking-recorder-actions .speaking-button { width:100%; min-height:44px; } .speaking-pending-recording>div { align-items:stretch; } .speaking-pending-recording .speaking-button { flex:1 1 125px; min-height:42px; } }
@media(max-width:700px) { .speaking-question-cards { gap:14px; } .speaking-question-cards>.speaking-question-card { padding:14px; } .speaking-question-prompt { font-size:14px; } .speaking-question-answer .speaking-recorder { padding:13px 10px; } }