.article-tts{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 24px;padding:14px 16px;border:1px solid #d8e2ef;border-radius:12px;background:linear-gradient(135deg,#f7fbff,#edf5ff);color:#172033;box-shadow:0 6px 20px rgba(30,64,175,.07)}.article-tts-heading{display:flex;min-width:190px;align-items:center;gap:11px}.article-tts-heading>div{display:grid;gap:2px}.article-tts-heading strong{font-size:14px}.article-tts-heading small{color:#64748b;font-size:12px}.article-tts-icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:50%;background:#dc2626;color:#fff}.article-tts-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.article-tts button,.article-tts-speed select{min-height:38px;border:1px solid #c6d3e3;border-radius:8px;background:#fff;color:#172033;font-weight:800}.article-tts button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;cursor:pointer}.article-tts button[data-tts-play]{border-color:#dc2626;background:#dc2626;color:#fff}.article-tts button:disabled{cursor:not-allowed;opacity:.45}.article-tts-speed{display:flex;align-items:center;gap:6px;color:#64748b;font-size:12px}.article-tts-speed select{padding:7px}.article-tts.is-speaking{border-color:#fca5a5}.article-tts.is-speaking .article-tts-icon{animation:articleTtsPulse 1.35s infinite}@keyframes articleTtsPulse{50%{box-shadow:0 0 0 8px rgba(220,38,38,.13)}}@media(max-width:700px){.article-tts{align-items:stretch;flex-direction:column}.article-tts-actions{display:grid;grid-template-columns:repeat(3,1fr)}.article-tts button{justify-content:center}.article-tts-speed{grid-column:1/-1}.article-tts-speed select{flex:1}}@media(prefers-reduced-motion:reduce){.article-tts.is-speaking .article-tts-icon{animation:none}}