/* LabsAI Chemí Listen player — light newsroom skin (controls only; listen.js injects read-along CSS) */
.listenrow{--night:#fff;--bone:#181d1f;--dim:#6b7280;--faint:#d9dde0;--ember:#e07020;
  --disp:'Manrope',ui-sans-serif,system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:clamp(22px,3vw,36px) auto clamp(24px,3vw,40px)}
.listen{display:inline-flex;align-items:center;gap:11px;cursor:pointer;border:1px solid var(--faint);background:#f6f7f8;border-radius:999px;padding:9px 18px 9px 9px;color:var(--bone);font:500 .64rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;transition:border-color .3s,background .3s}
.listen:hover{border-color:var(--ember);background:rgba(224,112,32,.08)}
.listen .lplay{width:30px;height:30px;border-radius:50%;background:var(--ember);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.6rem;flex:none;letter-spacing:0}
.listen .ldur{color:var(--dim);font-size:.58rem;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.lby{font:400 .82rem/1.5 var(--disp);color:var(--dim);display:inline-flex;align-items:center;gap:7px}
.lctl{display:inline-flex;align-items:center;gap:7px}
.lbtn{border:1px solid var(--faint);background:#fff;border-radius:999px;width:30px;height:30px;color:var(--dim);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font:500 .6rem/1 var(--mono);transition:border-color .3s,color .3s}
.lbtn:hover{border-color:var(--ember);color:var(--ember)}
.lbtn.lrate,.lbtn.mrate{width:auto;padding:0 11px}
.lvol{display:none}
.lvoice{border:1px solid var(--faint);background:#fff;border-radius:7px;padding:5px 7px;font:500 .58rem/1 var(--mono);letter-spacing:.06em;color:var(--dim);cursor:pointer}
.lvoice option{background:#fff;color:var(--bone)}
.lmini{position:fixed;left:50%;bottom:22px;transform:translate(-50%,88px);z-index:9000;--night:#0a0908;--bone:#efe7d9;--dim:#a1998b;--ember:#e07020;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;align-items:center;gap:10px;max-width:94vw;padding:9px 14px;border-radius:999px;color:var(--bone);background:#241e1a;border:1px solid rgba(239,231,217,.42);box-shadow:0 18px 54px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .3s}
.lmini.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
@media (min-width:768px){.lmini{left:calc(50% + var(--nav-width,178px)/2)}}
.lmini .mtime{font:500 .64rem/1 var(--mono);color:var(--bone);font-variant-numeric:tabular-nums;white-space:nowrap}
.lmini .lbtn{border-color:rgba(239,231,217,.3);color:var(--bone);background:transparent}
.lmini .lbtn:hover{border-color:var(--ember);color:var(--ember);background:rgba(224,112,32,.14)}
.lmini .mplay{background:var(--ember);border-color:var(--ember);color:#fff}
.lmini .lvoice{border-color:rgba(239,231,217,.3);color:var(--bone);background:transparent}
@media (prefers-reduced-motion:reduce){.lmini{transition:none}}
/* travelling mini-player: back-to-article title */
.lmini .mtitle{font:500 .72rem/1.15 var(--disp,'Manrope',system-ui,sans-serif);color:var(--bone);text-decoration:none;max-width:38vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid transparent;padding-bottom:1px}
.lmini .mtitle:hover{color:#fff;border-bottom-color:rgba(239,231,217,.5)}
.lmini-resume{padding-left:16px}
@media (max-width:520px){.lmini .mtitle{max-width:34vw}}
.lseek{-webkit-appearance:none;appearance:none;flex:1 1 220px;min-width:150px;max-width:560px;height:5px;border-radius:999px;background:var(--faint);cursor:pointer;outline:none}
.lseek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--ember);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:pointer}
.lseek::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--ember);border:2px solid #fff;cursor:pointer}
.lseek:focus-visible{box-shadow:0 0 0 3px rgba(224,112,32,.3)}
.lclickseek h1,.lclickseek h2,.lclickseek h3,.lclickseek h4,.lclickseek p,.lclickseek li{cursor:pointer}
/* keep the player within the cover width (max 800) and stack the scrubber onto its own line */
.listenrow{max-width:720px}
.listenrow .listen{order:1}
.listenrow .lctl{order:2}
.listenrow .lby{order:3}
.lseek{order:4;flex:1 1 100%;max-width:none;margin-top:3px}