/* Self-hosted background videos (replace auto-loading YouTube iframes). */
.site-background-video-container video.bg-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;max-width:none}
button.close-expanded-video{border:0 !important;border-radius:50% !important;padding:0 !important;background:rgba(255,255,255,.95) !important;color:#2e5a56 !important;line-height:1;font-family:inherit;font-size:28px !important;font-weight:300}
@media (max-width:768px){button.close-expanded-video{font-size:24px !important}}
button.close-expanded-video:hover{background:#39766d !important;color:#fff !important}
.expanded-video-container video{position:absolute;inset:0;width:100%;height:100%;background:#000;border:0}

/* Privacy notice on players that load YouTube after a click. */
.yt-hint{position:absolute;z-index:3;left:12px;right:12px;bottom:10px;margin:0 !important;padding:0;font-size:11px !important;line-height:1.35 !important;color:rgba(255,255,255,.88) !important;text-shadow:0 1px 3px rgba(0,0,0,.7);text-align:left;pointer-events:none}
.yt-hint a{color:inherit !important;text-decoration:underline;text-underline-offset:2px;pointer-events:auto}

/* SoundCloud facade: looks like the player, loads SoundCloud only after a click. */
.sc-facade{--sc-accent:#28a074;position:relative;width:100%;height:var(--sc-h,300px);overflow:hidden;background:#111;color:#fff;font-family:Interstate,"Lucida Grande","Lucida Sans Unicode",Verdana,Tahoma,sans-serif;font-size:12px;line-height:1.3;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sc-facade iframe{display:block;width:100%;height:100%;border:0}
.sc-facade__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.sc-facade--visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,.45) 100%);pointer-events:none}
.sc-facade:hover .sc-facade__bg{transform:scale(1.03)}
.sc-facade__head{position:relative;z-index:1;display:flex;gap:10px;align-items:flex-start;padding:16px}
.sc-facade button.sc-facade__play{flex:none;display:grid;place-items:center;width:52px;height:52px;min-width:0;border:0 !important;border-radius:50% !important;background:var(--sc-accent) !important;color:#fff !important;cursor:pointer;padding:0 !important;margin:0;box-shadow:none;transition:transform .2s ease,filter .2s ease}
.sc-facade__play svg{width:20px;height:20px;margin-left:3px;fill:currentColor}
.sc-facade:hover .sc-facade__play,.sc-facade__play:focus-visible{transform:scale(1.08);filter:brightness(1.08)}
.sc-facade__play:focus-visible{outline:2px solid #fff;outline-offset:3px}
.sc-facade__meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.sc-facade__meta span{display:inline-block;max-width:100%;padding:3px 6px;background:rgba(0,0,0,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-facade__user{color:#ccc;font-size:12px}
.sc-facade__title{font-size:17px;color:#fff}
.sc-facade__wave{position:absolute;z-index:1;left:16px;right:16px;bottom:34px;height:56px;opacity:.85}
.sc-facade__wave svg{display:block;width:100%;height:100%}
.sc-facade__foot{position:absolute;z-index:1;left:16px;right:16px;bottom:10px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:rgba(255,255,255,.85)}
.sc-facade__foot a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.sc-facade__brand{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.sc-facade__brand svg{width:22px;height:10px;fill:currentColor}

/* Classic list player (EPK) */
.sc-facade--list{background:#fff;color:#333;border:1px solid #e5e5e5;display:flex;flex-direction:column}
.sc-facade--list .sc-facade__top{display:flex;gap:14px;padding:12px;border-bottom:1px solid #f2f2f2}
.sc-facade--list .sc-facade__art{flex:none;width:110px;height:110px;object-fit:cover}
.sc-facade--list .sc-facade__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.sc-facade--list .sc-facade__head{padding:0}
.sc-facade--list button.sc-facade__play{width:40px;height:40px}
.sc-facade--list .sc-facade__play svg{width:16px;height:16px}
.sc-facade--list .sc-facade__meta span{background:none;padding:0}
.sc-facade--list .sc-facade__user{color:#999}
.sc-facade--list .sc-facade__title{color:#333;font-size:15px}
.sc-facade--list .sc-facade__wave{position:static;height:40px;opacity:1;color:#ccc}
.sc-facade__tracks{flex:1;margin:0;padding:0;list-style:none;overflow:auto;counter-reset:t}
.sc-facade__tracks li{display:flex;gap:8px;padding:6px 12px;border-bottom:1px solid #f2f2f2;counter-increment:t;font-size:12px}
.sc-facade__tracks li::before{content:counter(t);flex:none;width:18px;color:#999}
.sc-facade__tracks li span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-facade__tracks li span:last-child{color:#999}
.sc-facade:hover .sc-facade__tracks li{background:transparent}
.sc-facade--list .sc-facade__foot{position:static;padding:8px 12px;color:#999;border-top:1px solid #f2f2f2}
@media (max-width:560px){.sc-facade--list .sc-facade__art{width:72px;height:72px}.sc-facade__title{font-size:15px}}
@media (prefers-reduced-motion:reduce){.sc-facade__bg,.sc-facade__play{transition:none}.sc-facade:hover .sc-facade__bg{transform:none}}
