.article-audio-box{background:#f9fafb;border:1px solid #1118271a;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;width:100%;margin:0 0 24px;padding:16px;display:flex}.article-audio-copy{align-items:center;gap:14px;min-width:0;display:flex}.article-audio-icon{width:44px;min-width:44px;height:44px;color:var(--audio-color);background:#3b82f61a;border-radius:14px;flex-shrink:0;line-height:1;display:block;position:relative}.article-audio-svg{width:18px;height:18px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.article-audio-svg-play{transform:translate(calc(1px - 50%),-50%)}.article-audio-text{flex-direction:column;gap:3px;min-width:0;display:flex}.article-audio-text strong{color:#111827;font-size:16px;font-weight:700;line-height:1.2}.article-audio-text span{color:#4b5563;font-size:14px;line-height:1.35}.article-audio-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.article-audio-actions button{background:var(--audio-color);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:700}.article-audio-actions button:disabled{opacity:.65;cursor:not-allowed}.article-audio-actions button:not(:first-child){color:#111827;background:#e5e7eb}.article-audio-message{color:#6b7280;width:100%;margin:8px 0 0;font-size:13px}@media (max-width:640px){.article-audio-box{border-radius:16px;flex-direction:column;align-items:stretch;gap:14px;padding:14px}.article-audio-copy{gap:10px}.article-audio-icon{border-radius:13px;width:38px;min-width:38px;height:38px}.article-audio-svg{width:16px;height:16px}.article-audio-svg-play{transform:translate(calc(1px - 50%),-50%)}.article-audio-text strong{font-size:15px}.article-audio-text span{font-size:13px;line-height:1.3}.article-audio-actions{grid-template-columns:1fr;gap:8px;width:100%;display:grid}.article-audio-actions button{width:100%;min-height:42px;padding:10px 14px;font-size:14px}}