/* Blog "listen to the article" button (see scripts/blog-tts.py and README). */
.listen{margin:0 0 22px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.listen-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;border:2px solid #CCA667;border-radius:999px;background:#0D2A4C;color:#F8F5EE;font:inherit;font-size:17px;font-weight:700;line-height:1.2;cursor:pointer;-webkit-tap-highlight-color:transparent}
.listen-btn:hover{background:#5D1832}
.listen-btn:focus-visible{outline:3px solid #CCA667;outline-offset:3px}
.listen-btn[aria-pressed="true"]{background:#5D1832}
.listen-ico{font-size:19px}
.listen-dur{font-weight:500;opacity:.85;font-size:15px;font-variant-numeric:tabular-nums}
.listen-audio{display:block;width:100%;margin-top:2px}
.listen-audio[hidden]{display:none}
.listen-speed{min-width:58px;min-height:44px;padding:8px 12px;border:2px solid #CCA667;border-radius:999px;background:#F8F5EE;color:#0D2A4C;font:inherit;font-size:16px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent}
.listen-speed:hover{background:#CCA667}
.listen-speed:focus-visible{outline:3px solid #CCA667;outline-offset:3px}
.listen-restart{min-height:44px;padding:8px 6px;border:0;background:none;color:#5D1832;font:inherit;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.listen-restart:hover{color:#0D2A4C}
.listen-restart:focus-visible{outline:3px solid #CCA667;outline-offset:2px;border-radius:6px}
.listen-restart[hidden]{display:none}