.articlevoice{position:relative;box-sizing:border-box;margin:1.25rem 0;padding:18px 20px;border:1px solid #dce4e8;border-radius:16px;background:#f7fafb;color:#26343f;font:inherit;line-height:1.5}
.articlevoice .articlevoice__title{display:block;margin:0 0 12px;font-size:15px;font-weight:650;letter-spacing:0}
.articlevoice .articlevoice__controls{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:42px}
.articlevoice .articlevoice__tool{position:static;display:inline-flex}
.articlevoice button.articlevoice__icon{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #d5e0e5;border-radius:12px;background:#fff;color:#334955;box-shadow:0 1px 2px #0f172a05;cursor:pointer;line-height:1;appearance:none}
.articlevoice button.articlevoice__icon[data-action=play]{background:#0f766e;color:#fff;border-color:#0f766e}
.articlevoice button.articlevoice__icon:hover,.articlevoice button.articlevoice__icon[aria-expanded=true]{background:#e8f1f3;border-color:#9eb7bf}
.articlevoice button.articlevoice__icon[data-action=play]:hover{background:#115e59;border-color:#115e59}
.articlevoice button.articlevoice__icon[aria-disabled=true]{opacity:.4;cursor:default}
.articlevoice button.articlevoice__icon svg{display:block;width:22px;height:22px;flex:none;pointer-events:none}
.articlevoice :is(button,select):focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.articlevoice .articlevoice__tooltip{position:absolute;box-sizing:border-box;z-index:20;top:0;left:var(--articlevoice-tip-left,0px);right:auto;width:max-content;max-width:min(240px,100%);padding:8px 11px;border-radius:8px;background:#26343f;color:#fff;font-size:12px;font-weight:400;line-height:1.45;white-space:normal;overflow-wrap:anywhere;box-shadow:0 2px 6px #0f172a16;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(3px);transition:opacity .12s,transform .12s}
.articlevoice .articlevoice__tool:hover .articlevoice__tooltip,.articlevoice .articlevoice__tool:focus-within .articlevoice__tooltip{opacity:1;visibility:visible;transform:translateY(0)}
.articlevoice .articlevoice__tool[data-tooltip-dismissed] .articlevoice__tooltip,.articlevoice .articlevoice__tool:has([aria-expanded=true]) .articlevoice__tooltip{opacity:0;visibility:hidden}
.articlevoice .articlevoice__panel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:14px;border:1px solid #dce4e8;border-radius:10px;background:#fff}
.articlevoice .articlevoice__panel label{margin:0;font-size:14px;font-weight:600}
.articlevoice .articlevoice__panel select{display:block;box-sizing:border-box;width:auto;max-width:100%;min-width:90px;min-height:44px;margin:0;padding:8px 30px 8px 12px;border:1px solid #b8cbd3;border-radius:8px;background-color:#fff;color:#26343f;font:inherit;font-size:14px;line-height:1.3}
.articlevoice .articlevoice__panel select[data-voice-select]{flex:1;min-width:180px}
.articlevoice .articlevoice__panel small{flex-basis:100%;color:#667781;font-size:12px}
.articlevoice .articlevoice__status{margin:12px 0 0;font-size:12px;color:#637781}
.articlevoice [hidden]{display:none!important}
@media(max-width:480px){.articlevoice{padding:16px}.articlevoice .articlevoice__panel select[data-voice-select]{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.articlevoice .articlevoice__tooltip{transition:none}}