.a567{--a-accent:var(--yellow,#f8d62b);--a-dark:var(--navy,#0e1628);--a-ink:var(--ink,#1a2233);--a-muted:var(--muted,#7b8597);
	box-sizing:border-box;width:100%;max-width:760px;padding:22px;border-radius:16px;background:#fff;color:var(--a-ink);box-shadow:0 10px 40px rgba(14,22,40,.1);font-family:inherit}
.a567 *,.a567 *::before,.a567 *::after{box-sizing:border-box}
.a567-title{margin:0 0 16px;font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--a-dark)}
.a567-now{display:flex;align-items:center;gap:12px}
.a567-play{flex:none;width:58px;height:58px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--a-accent);color:var(--a-dark);cursor:pointer;padding:0;transition:transform .2s,filter .2s}
.a567-play:hover{filter:brightness(1.08);transform:scale(1.05)}
.a567-play svg{width:26px;height:26px}
.a567-play .i-pause,.a567.is-playing .a567-play .i-play{display:none}
.a567.is-playing .a567-play .i-pause{display:block}
.a567-skip{flex:none;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--a-dark);cursor:pointer;padding:0}
.a567-skip:hover{background:rgba(14,22,40,.08)}
.a567-skip svg{width:20px;height:20px}
.a567-info{flex:1;min-width:0}
.a567-name{margin-bottom:8px;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.a567-time{display:flex;justify-content:space-between;margin-top:4px;font-size:12px;color:var(--a-muted);font-variant-numeric:tabular-nums}
.a567-seek{--p:0%;display:block;width:100%;height:6px;margin:0;border-radius:6px;background:linear-gradient(to right,var(--a-dark) var(--p),#dfe3ea var(--p));-webkit-appearance:none;appearance:none;cursor:pointer}
.a567-seek:disabled{cursor:default;opacity:.7}
.a567-seek::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--a-dark);border:3px solid var(--a-accent)}
.a567-seek::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--a-dark);border:3px solid var(--a-accent)}
.a567-seek::-moz-range-track{background:transparent}
.a567-seek:focus-visible,.a567-play:focus-visible,.a567-skip:focus-visible,.a567-track:focus-visible,.a567-dl:focus-visible{outline:3px solid var(--a-accent);outline-offset:2px}
.a567-list{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid #e3e7ee}
.a567-list li{display:flex;align-items:center;border-bottom:1px solid #eef0f4}
.a567-track{flex:1;display:flex;align-items:center;gap:12px;min-width:0;padding:12px 8px;border:0;background:none;color:inherit;font:inherit;font-size:14px;text-align:left;cursor:pointer;border-radius:8px}
.a567-track:hover{background:#f5f6f8}
.a567-track.is-current{font-weight:700;background:rgba(248,214,43,.28)}
.a567-num{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#eef0f4;color:var(--a-dark);font-size:12px;font-weight:700}
.a567-track.is-current .a567-num{background:var(--a-accent)}
.a567-ttl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.a567-dl{flex:none;display:grid;place-items:center;width:36px;height:36px;margin-left:4px;border-radius:50%;color:var(--a-muted)}
.a567-dl:hover{background:#eef0f4;color:var(--a-dark)}
.a567-dl svg{width:18px;height:18px}
.a567-solo{display:none!important}
.a567-msg{margin:10px 0 0;font-size:13px;color:#a12b2b}
.a567-msg:empty{display:none}
.a567-notice{padding:12px 14px;border:1px dashed #c5cad4;border-radius:8px;font-size:13px;color:#7b8597}

/* Variante fond sombre : [audio_567 style="dark"] */
.a567--dark{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:none}
.a567--dark .a567-title{color:#fff}
.a567--dark .a567-skip{color:#fff}
.a567--dark .a567-skip:hover{background:rgba(255,255,255,.12)}
.a567--dark .a567-seek{background:linear-gradient(to right,var(--a-accent) var(--p),rgba(255,255,255,.25) var(--p))}
.a567--dark .a567-seek::-webkit-slider-thumb{background:var(--a-accent);border-color:#fff}
.a567--dark .a567-seek::-moz-range-thumb{background:var(--a-accent);border-color:#fff}
.a567--dark .a567-time,.a567--dark .a567-dl{color:rgba(255,255,255,.7)}
.a567--dark .a567-list,.a567--dark .a567-list li{border-color:rgba(255,255,255,.14)}
.a567--dark .a567-track:hover,.a567--dark .a567-dl:hover{background:rgba(255,255,255,.1);color:#fff}
.a567--dark .a567-track.is-current{background:rgba(248,214,43,.2)}
.a567--dark .a567-num{background:rgba(255,255,255,.14);color:#fff}
.a567--dark .a567-track.is-current .a567-num{background:var(--a-accent);color:var(--a-dark)}
.a567--dark .a567-msg{color:#ff9b9b}

@media (max-width:520px){
	.a567{padding:16px;border-radius:12px}
	.a567-now{flex-wrap:wrap}
	.a567-info{flex:1 1 100%;order:3}
	.a567-play{width:54px;height:54px}
}

/* ---------- Mini-lecteur du menu ---------- */
.a567-mini{--a-accent:var(--yellow,#f8d62b);--a-dark:var(--navy,#0e1628);display:inline-flex;align-items:center;gap:2px;flex:none;padding:4px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;box-sizing:border-box}
.a567-mini button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background .2s,filter .2s}
.a567-mini button:hover{background:rgba(255,255,255,.2)}
.a567-mini .am-play{width:36px;height:36px;background:var(--a-accent);color:var(--a-dark)}
.a567-mini .am-play:hover{background:var(--a-accent);filter:brightness(1.08)}
.a567-mini svg{width:16px;height:16px}
.a567-mini .am-play svg{width:18px;height:18px}
.a567-mini .i-pause,.a567-mini.is-playing .i-play{display:none}
.a567-mini.is-playing .i-pause{display:block}
.a567-mini button:focus-visible{outline:3px solid var(--a-accent);outline-offset:2px}
.a567-mini .am-title{display:none;max-width:150px;padding:0 10px 0 6px;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:1300px){.a567-mini .am-title{display:block}}