.article-audio{background:#829fa012;border:1px solid;border-radius:12px;margin:24px 0 32px;padding:22px}.article-audio strong{font-size:21px}.article-audio p{margin:8px 0 16px;font-size:16px}.article-audio audio,.article-audio-editor audio{width:100%;min-width:0;margin:16px 0;display:block}.article-audio-editor{border-radius:10px;margin:26px 0;border:1px solid #9eafb4!important;padding:20px!important}.article-audio-editor legend{padding:0 8px;font-weight:700}.article-audio-editor small{line-height:1.6;display:block}.story-recorder{color:#102f40;background:#eff5f5;border:1px solid #91adb3;border-radius:12px;margin:24px 0;padding:24px}.story-recorder h3{margin:0 0 12px;font-size:24px}.story-recorder p,.story-recorder small{line-height:1.65}.story-recorder audio{width:100%;margin:18px 0}.recorder-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.story-recorder button{color:#fff;cursor:pointer;background:#173e4c;border:1px solid #204b59;border-radius:8px;min-height:48px;padding:12px 18px;font-size:16px}.story-recorder button:disabled{opacity:.5;cursor:wait}.story-recorder a{margin:12px;text-decoration:underline;display:inline-block}.story-recorder details{border-top:1px solid #bcced2;padding:16px 0}.story-recorder summary{cursor:pointer;padding:10px 0;font-weight:700}.story-recorder label{margin:12px 0;display:block}.story-recorder input{max-width:100%;padding:10px;display:block}.recorder-status{font-size:22px;font-weight:700}.recorder-floating{z-index:10000;color:#fff;background:#102f40;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;width:min(620px,100% - 24px);padding:18px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0006}.recorder-floating strong{flex:1;min-width:120px}.recorder-floating button{color:#102f40;cursor:pointer;background:#fff;border:0;border-radius:8px;min-height:48px;padding:12px 18px;font-size:17px;font-weight:700}