.recording-library{margin:28px 0 12px;border-top:1px solid var(--line);padding-top:18px}
.recording-library h2{font-size:23px}.recording-list{display:flex;flex-wrap:wrap;gap:10px}
.recording-list button{text-align:left}.recording-list small{display:block;font:13px/1.5 system-ui,sans-serif;margin-top:4px}
.recording-hint{font:13px/1.6 system-ui,sans-serif;color:var(--muted);margin:8px 0}
#recordingScreen{scroll-margin-top:16px}#recordHeading{font-size:24px;line-height:1.5}
#recordSentences .record-sentence{padding:14px 16px;margin:12px 0;background:#f7f4e9;border-left:3px solid #b5a27c;border-radius:4px}
#recordSentences .record-sentence p{font:23px/1.75 Georgia,'Times New Roman',serif;margin:0 0 10px}
#recordProfile{margin:16px 0;padding:12px 14px;border:1px solid var(--line);border-radius:8px}
#recordProfile label{display:block;margin:12px 0}#recordProfile input{display:block;box-sizing:border-box;width:100%;max-width:380px;padding:10px;margin-top:5px;font:16px/1.5 system-ui,sans-serif}
#recordPlayback{display:block;width:100%;max-width:540px;margin:16px 0}#recordPlayback[hidden],#recordDownload[hidden]{display:none}
#recordDownload{display:block;margin:12px 0}#recordStatus{line-height:1.7;overflow-wrap:anywhere}
#recordStart.is-recording{background:#8f4f45;border-color:#8f4f45}.recording-navigation{margin-top:22px}
.masthead button.text-button{font-size:14px;padding:0;text-decoration:underline}
@media(max-width:680px){#recordHeading{font-size:21px}#recordSentences .record-sentence p{font-size:21px}.recording-list button{width:100%}.masthead{flex-wrap:wrap;gap:12px 20px}}