/**
 * Media-kit recipes: video_playlist / audio_player / lightbox_gallery / split_video_compare /
 * music_release. apb-rx-* tokens only; brand derives from --apb-rx-brand + scheme. CSS-only
 * interactivity: lightbox uses :target overlays; music_release now-playing uses a radio + general-
 * sibling reveal (same technique as the shared feature-tabs recipe). Reduced-motion fallbacks inline.
 * Rendered by APB_Component_Render_Mediakit_Service. No literals for brand/glow/tint.
 */

/* ---------- video playlist ---------- */
.apb-rx-vp{padding:clamp(40px,6vw,72px) 24px}
.apb-rx-vp-inner{max-width:980px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.85fr);gap:20px;align-items:start}
.apb-rx-vp-stage{border-radius:var(--apb-rx-radius,16px);overflow:hidden;background:var(--apb-rx-surface,#fff);box-shadow:var(--apb-rx-shadow-1,0 1px 2px rgba(11,13,18,.06))}
.apb-rx-vp-media{position:relative;aspect-ratio:16/9;background:var(--apb-rx-soft);display:block;width:100%}
.apb-rx-vp-media img,.apb-rx-vp-media video{width:100%;height:100%;object-fit:cover;display:block}
.apb-rx-vp-media--empty{min-height:160px}
.apb-rx-vp-cap{padding:14px 16px}
.apb-rx-vp-cap h4{font-size:15.5px;font-weight:700;color:var(--apb-rx-ink);margin:0 0 2px}
.apb-rx-vp-cap p{font-size:13px;color:var(--apb-rx-muted);margin:0}
.apb-rx-vp-list{border:1px solid var(--apb-rx-line);border-radius:var(--apb-rx-radius,16px);overflow:hidden;background:var(--apb-rx-surface,#fff)}
.apb-rx-vp-lhead{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--apb-rx-muted);padding:14px 16px 8px;margin:0}
.apb-rx-vp-items{max-height:390px;overflow:auto;overscroll-behavior:contain}
.apb-rx-vp-row{display:flex;width:100%;align-items:center;gap:12px;padding:10px 16px;border:0;color:inherit;background:transparent;font:inherit;text-align:start;cursor:pointer;transition:background-color var(--apb-rx-t,.28s) var(--apb-rx-ease)}
.apb-rx-vp-row:hover:not(:disabled){background:var(--apb-rx-soft)}
.apb-rx-vp-row:focus-visible{position:relative;z-index:1;outline:2px solid var(--apb-rx-brand);outline-offset:-3px}
.apb-rx-vp-row:disabled{cursor:not-allowed;opacity:.56}
.apb-rx-vp-row.is-active{background:color-mix(in srgb,var(--apb-rx-brand) 7%,var(--apb-rx-surface,#fff))}
.apb-rx-vp-thumb{position:relative;flex:0 0 auto;width:64px;height:40px;border-radius:8px;overflow:hidden;background:var(--apb-rx-soft)}
.apb-rx-vp-thumb img,.apb-rx-vp-thumb video{width:100%;height:100%;object-fit:cover}
.apb-rx-vp-row.is-active .apb-rx-vp-thumb::after{content:"";position:absolute;inset:0;border:2px solid var(--apb-rx-brand);border-radius:8px}
.apb-rx-vp-info{flex:1;min-width:0}
.apb-rx-vp-tt{display:block;font-size:13.5px;font-weight:600;color:var(--apb-rx-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apb-rx-vp-row.is-active .apb-rx-vp-tt{color:var(--apb-rx-accent-text,var(--apb-rx-brand))}
.apb-rx-vp-dur{display:block;font-size:12px;color:var(--apb-rx-muted)}
.apb-rx-vp-nav{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-block-start:1px solid var(--apb-rx-line)}
.apb-rx-vp-nav button{border:0;border-radius:8px;padding:7px 9px;color:var(--apb-rx-muted);background:transparent;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.apb-rx-vp-nav button:hover:not(:disabled){color:var(--apb-rx-ink);background:var(--apb-rx-soft)}
.apb-rx-vp-nav button:focus-visible{outline:2px solid var(--apb-rx-brand);outline-offset:1px}
.apb-rx-vp-nav button:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:800px){.apb-rx-vp-inner{grid-template-columns:1fr}}

/* ---------- audio / podcast player ---------- */
.apb-rx-au{padding:clamp(40px,6vw,72px) 24px}
.apb-rx-au-inner{max-width:600px;margin:0 auto;background:var(--apb-rx-surface,#fff);border:1px solid var(--apb-rx-line);border-radius:var(--apb-rx-radius,18px);padding:clamp(20px,3vw,26px);box-shadow:var(--apb-rx-shadow-1,0 1px 2px rgba(11,13,18,.06))}
.apb-rx-au-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.apb-rx-au-art{flex:0 0 auto;width:56px;height:56px;border-radius:12px;overflow:hidden;background:var(--apb-rx-soft)}
.apb-rx-au-art img{width:100%;height:100%;object-fit:cover}
.apb-rx-au-meta{min-width:0}
.apb-rx-au-t{font-size:15px;font-weight:700;color:var(--apb-rx-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apb-rx-au-sub{font-size:13px;color:var(--apb-rx-muted)}
.apb-rx-au-wave{display:flex;align-items:center;gap:2px;height:44px;margin-bottom:8px}
.apb-rx-au-bar{flex:1;border-radius:2px;background:var(--apb-rx-line)}
.apb-rx-au-bar.played{background:var(--apb-rx-brand)}
.apb-rx-au-time{display:flex;justify-content:space-between;font-size:12px;color:var(--apb-rx-muted);font-variant-numeric:tabular-nums;margin-bottom:6px}
.apb-rx-au-native{width:100%;margin-top:8px}

/* ---------- lightbox gallery (CSS-only :target overlay) ---------- */
.apb-rx-lb{padding:clamp(40px,6vw,72px) 24px}
.apb-rx-lb-inner{max-width:840px;margin:0 auto}
.apb-rx-lb-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.apb-rx-lb-head h3{font-size:clamp(21px,3vw,27px);font-weight:770;letter-spacing:-.02em;color:var(--apb-rx-ink);margin:0}
.apb-rx-lb-count{font-size:14px;color:var(--apb-rx-muted)}
.apb-rx-lb-grid{columns:3;column-gap:12px}
.apb-rx-lb-cell{position:relative;display:block;break-inside:avoid;margin-bottom:12px;border-radius:var(--apb-rx-radius,12px);overflow:hidden;cursor:zoom-in;background:var(--apb-rx-soft)}
.apb-rx-lb-cell img{width:100%;display:block;transition:transform var(--apb-rx-t-slow,.55s) var(--apb-rx-ease)}
.apb-rx-lb-cell:hover img,.apb-rx-lb-cell:focus-visible img{transform:scale(1.04)}
.apb-rx-lb-zoom{position:absolute;right:10px;bottom:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--apb-rx-accent-contrast,#fff);background:var(--apb-rx-brand);opacity:0;transform:scale(.7);transition:opacity var(--apb-rx-t,.28s) var(--apb-rx-ease),transform var(--apb-rx-t,.28s) var(--apb-rx-ease)}
.apb-rx-lb-cell:hover .apb-rx-lb-zoom,.apb-rx-lb-cell:focus-visible .apb-rx-lb-zoom{opacity:1;transform:none}
.apb-rx-lb-ov{position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;background:rgba(8,10,15,.86);padding:24px}
.apb-rx-lb-ov:target{display:flex}
.apb-rx-lb-ov img{max-width:min(92vw,1100px);max-height:90vh;object-fit:contain;border-radius:var(--apb-rx-radius,12px)}
.apb-rx-lb-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28)}
.apb-rx-lb-close:hover{background:rgba(255,255,255,.24)}
@media(hover:none){.apb-rx-lb-zoom{opacity:1;transform:none}}
@media(max-width:640px){.apb-rx-lb-grid{columns:2}}

/* ---------- before / after video ---------- */
.apb-rx-svc{padding:clamp(40px,6vw,72px) 24px}
.apb-rx-svc-inner{max-width:820px;margin:0 auto}
.apb-rx-svc-head{text-align:center;max-width:500px;margin:0 auto 22px}
.apb-rx-svc-head h3{font-size:clamp(21px,3vw,27px);font-weight:770;letter-spacing:-.02em;color:var(--apb-rx-ink);margin:0 0 6px}
.apb-rx-svc-head p{font-size:15px;color:var(--apb-rx-muted);margin:0}
.apb-rx-svc-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:center;position:relative}
.apb-rx-svc-tagwrap{position:relative}
.apb-rx-svc-clip{position:relative;aspect-ratio:4/3;border-radius:var(--apb-rx-radius,14px);overflow:hidden;border:1px solid var(--apb-rx-line);background:var(--apb-rx-soft);display:block;width:100%}
.apb-rx-svc-clip img,.apb-rx-svc-clip video{width:100%;height:100%;object-fit:cover;display:block}
.apb-rx-svc-tag{position:absolute;top:10px;left:10px;z-index:1;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:rgba(8,10,15,.55);border-radius:999px;padding:4px 10px}
.apb-rx-svc-mid{position:relative;z-index:2;width:56px;height:56px;margin:0 -14px;border-radius:50%;display:grid;place-items:center;color:var(--apb-rx-accent-contrast,#fff);background:var(--apb-rx-brand);box-shadow:0 10px 24px -8px var(--apb-rx-glow),0 0 0 6px var(--apb-rx-surface,#fff)}
.apb-rx-svc-sync{text-align:center;margin-top:14px;font-size:12.5px;font-weight:600;color:var(--apb-rx-muted);display:inline-flex;align-items:center;gap:7px;width:100%;justify-content:center}
.apb-rx-svc-sync svg{color:var(--apb-rx-accent-text,var(--apb-rx-brand))}
@media(max-width:560px){.apb-rx-svc-pair{grid-template-columns:1fr;gap:12px}.apb-rx-svc-mid{margin:-30px auto}}

/* ---------- music release (CSS-only now-playing switch) ---------- */
.apb-rx-mr{padding:clamp(40px,6vw,72px) 24px}
.apb-rx-mr-inner{max-width:760px;margin:0 auto;display:grid;grid-template-columns:0.9fr 1.1fr;gap:clamp(22px,3vw,36px);align-items:start}
.apb-rx-mr-radio{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.apb-rx-mr-art{border-radius:var(--apb-rx-radius,16px);overflow:hidden;border:1px solid var(--apb-rx-line);box-shadow:var(--apb-rx-shadow-2,0 2px 6px rgba(11,13,18,.12))}
.apb-rx-mr-art img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.apb-rx-mr-meta{margin-top:14px}
.apb-rx-mr-title{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--apb-rx-ink);margin:0}
.apb-rx-mr-artist{font-size:14px;color:var(--apb-rx-muted);margin:2px 0 0}
.apb-rx-mr-list{border:1px solid var(--apb-rx-line);border-radius:var(--apb-rx-radius,16px);overflow:hidden;background:var(--apb-rx-surface,#fff)}
.apb-rx-mr-row{display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;transition:background var(--apb-rx-t,.28s) var(--apb-rx-ease)}
.apb-rx-mr-row+.apb-rx-mr-row,.apb-rx-mr-audio+.apb-rx-mr-row{border-top:1px solid var(--apb-rx-line)}
.apb-rx-mr-row:hover{background:var(--apb-rx-soft)}
.apb-rx-mr-n{width:20px;text-align:center;font-size:13px;font-weight:600;color:var(--apb-rx-muted);font-variant-numeric:tabular-nums}
.apb-rx-mr-tt{flex:1;min-width:0;font-size:14.5px;font-weight:600;color:var(--apb-rx-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apb-rx-mr-dur{font-size:12.5px;color:var(--apb-rx-muted);font-variant-numeric:tabular-nums}
.apb-rx-mr-eq{display:none;gap:2px;align-items:flex-end;height:14px;width:20px}
.apb-rx-mr-eq span{width:3px;background:var(--apb-rx-brand);border-radius:2px;animation:apb-rx-mr-eq 1s var(--apb-rx-ease) infinite alternate}
.apb-rx-mr-eq span:nth-child(2){animation-delay:.2s}.apb-rx-mr-eq span:nth-child(3){animation-delay:.4s}
@keyframes apb-rx-mr-eq{from{height:4px}to{height:14px}}
@media(prefers-reduced-motion:reduce){.apb-rx-mr-eq span{animation:none;height:9px}}
.apb-rx-mr-audio{display:none;width:100%;padding:0 16px 12px;box-sizing:border-box}
@media(max-width:600px){.apb-rx-mr-inner{grid-template-columns:1fr}}

/* reveal the checked track's row highlight + equalizer + audio player (general-sibling; max_items 12 so 0-11) */
.apb-rx-mrr-0:checked~.apb-rx-mr-list .apb-rx-mrl-0,.apb-rx-mrr-1:checked~.apb-rx-mr-list .apb-rx-mrl-1,.apb-rx-mrr-2:checked~.apb-rx-mr-list .apb-rx-mrl-2,.apb-rx-mrr-3:checked~.apb-rx-mr-list .apb-rx-mrl-3,.apb-rx-mrr-4:checked~.apb-rx-mr-list .apb-rx-mrl-4,.apb-rx-mrr-5:checked~.apb-rx-mr-list .apb-rx-mrl-5,.apb-rx-mrr-6:checked~.apb-rx-mr-list .apb-rx-mrl-6,.apb-rx-mrr-7:checked~.apb-rx-mr-list .apb-rx-mrl-7,.apb-rx-mrr-8:checked~.apb-rx-mr-list .apb-rx-mrl-8,.apb-rx-mrr-9:checked~.apb-rx-mr-list .apb-rx-mrl-9,.apb-rx-mrr-10:checked~.apb-rx-mr-list .apb-rx-mrl-10,.apb-rx-mrr-11:checked~.apb-rx-mr-list .apb-rx-mrl-11{background:color-mix(in srgb,var(--apb-rx-brand) 7%,var(--apb-rx-surface,#fff))}
.apb-rx-mrr-0:checked~.apb-rx-mr-list .apb-rx-mrl-0 .apb-rx-mr-tt,.apb-rx-mrr-1:checked~.apb-rx-mr-list .apb-rx-mrl-1 .apb-rx-mr-tt,.apb-rx-mrr-2:checked~.apb-rx-mr-list .apb-rx-mrl-2 .apb-rx-mr-tt,.apb-rx-mrr-3:checked~.apb-rx-mr-list .apb-rx-mrl-3 .apb-rx-mr-tt,.apb-rx-mrr-4:checked~.apb-rx-mr-list .apb-rx-mrl-4 .apb-rx-mr-tt,.apb-rx-mrr-5:checked~.apb-rx-mr-list .apb-rx-mrl-5 .apb-rx-mr-tt,.apb-rx-mrr-6:checked~.apb-rx-mr-list .apb-rx-mrl-6 .apb-rx-mr-tt,.apb-rx-mrr-7:checked~.apb-rx-mr-list .apb-rx-mrl-7 .apb-rx-mr-tt,.apb-rx-mrr-8:checked~.apb-rx-mr-list .apb-rx-mrl-8 .apb-rx-mr-tt,.apb-rx-mrr-9:checked~.apb-rx-mr-list .apb-rx-mrl-9 .apb-rx-mr-tt,.apb-rx-mrr-10:checked~.apb-rx-mr-list .apb-rx-mrl-10 .apb-rx-mr-tt,.apb-rx-mrr-11:checked~.apb-rx-mr-list .apb-rx-mrl-11 .apb-rx-mr-tt{color:var(--apb-rx-accent-text,var(--apb-rx-brand))}
.apb-rx-mrr-0:checked~.apb-rx-mr-list .apb-rx-mrl-0 .apb-rx-mr-n,.apb-rx-mrr-1:checked~.apb-rx-mr-list .apb-rx-mrl-1 .apb-rx-mr-n,.apb-rx-mrr-2:checked~.apb-rx-mr-list .apb-rx-mrl-2 .apb-rx-mr-n,.apb-rx-mrr-3:checked~.apb-rx-mr-list .apb-rx-mrl-3 .apb-rx-mr-n,.apb-rx-mrr-4:checked~.apb-rx-mr-list .apb-rx-mrl-4 .apb-rx-mr-n,.apb-rx-mrr-5:checked~.apb-rx-mr-list .apb-rx-mrl-5 .apb-rx-mr-n,.apb-rx-mrr-6:checked~.apb-rx-mr-list .apb-rx-mrl-6 .apb-rx-mr-n,.apb-rx-mrr-7:checked~.apb-rx-mr-list .apb-rx-mrl-7 .apb-rx-mr-n,.apb-rx-mrr-8:checked~.apb-rx-mr-list .apb-rx-mrl-8 .apb-rx-mr-n,.apb-rx-mrr-9:checked~.apb-rx-mr-list .apb-rx-mrl-9 .apb-rx-mr-n,.apb-rx-mrr-10:checked~.apb-rx-mr-list .apb-rx-mrl-10 .apb-rx-mr-n,.apb-rx-mrr-11:checked~.apb-rx-mr-list .apb-rx-mrl-11 .apb-rx-mr-n{display:none}
.apb-rx-mrr-0:checked~.apb-rx-mr-list .apb-rx-mrl-0 .apb-rx-mr-eq,.apb-rx-mrr-1:checked~.apb-rx-mr-list .apb-rx-mrl-1 .apb-rx-mr-eq,.apb-rx-mrr-2:checked~.apb-rx-mr-list .apb-rx-mrl-2 .apb-rx-mr-eq,.apb-rx-mrr-3:checked~.apb-rx-mr-list .apb-rx-mrl-3 .apb-rx-mr-eq,.apb-rx-mrr-4:checked~.apb-rx-mr-list .apb-rx-mrl-4 .apb-rx-mr-eq,.apb-rx-mrr-5:checked~.apb-rx-mr-list .apb-rx-mrl-5 .apb-rx-mr-eq,.apb-rx-mrr-6:checked~.apb-rx-mr-list .apb-rx-mrl-6 .apb-rx-mr-eq,.apb-rx-mrr-7:checked~.apb-rx-mr-list .apb-rx-mrl-7 .apb-rx-mr-eq,.apb-rx-mrr-8:checked~.apb-rx-mr-list .apb-rx-mrl-8 .apb-rx-mr-eq,.apb-rx-mrr-9:checked~.apb-rx-mr-list .apb-rx-mrl-9 .apb-rx-mr-eq,.apb-rx-mrr-10:checked~.apb-rx-mr-list .apb-rx-mrl-10 .apb-rx-mr-eq,.apb-rx-mrr-11:checked~.apb-rx-mr-list .apb-rx-mrl-11 .apb-rx-mr-eq{display:inline-flex}
.apb-rx-mrr-0:checked~.apb-rx-mr-list .apb-rx-mra-0,.apb-rx-mrr-1:checked~.apb-rx-mr-list .apb-rx-mra-1,.apb-rx-mrr-2:checked~.apb-rx-mr-list .apb-rx-mra-2,.apb-rx-mrr-3:checked~.apb-rx-mr-list .apb-rx-mra-3,.apb-rx-mrr-4:checked~.apb-rx-mr-list .apb-rx-mra-4,.apb-rx-mrr-5:checked~.apb-rx-mr-list .apb-rx-mra-5,.apb-rx-mrr-6:checked~.apb-rx-mr-list .apb-rx-mra-6,.apb-rx-mrr-7:checked~.apb-rx-mr-list .apb-rx-mra-7,.apb-rx-mrr-8:checked~.apb-rx-mr-list .apb-rx-mra-8,.apb-rx-mrr-9:checked~.apb-rx-mr-list .apb-rx-mra-9,.apb-rx-mrr-10:checked~.apb-rx-mr-list .apb-rx-mra-10,.apb-rx-mrr-11:checked~.apb-rx-mr-list .apb-rx-mra-11{display:block}