.jsfc-audio{--jsfc-brand:var(--jsf-brand,#f04a23);--jsfc-action:var(--jsf-brand-dark,#c93415);--jsfc-navy:var(--jsf-navy,#24324a);position:relative;margin:1.75rem 0;padding:.75rem;border:1px solid color-mix(in srgb,var(--jsfc-navy) 15%,transparent);border-radius:.85rem;background:var(--jsf-surface,#fff);color:var(--jsf-text,#1f2933)}
.jsfc-audio__native{width:100%}.jsfc-audio__controls{display:grid;gap:.35rem}.jsfc-audio__primary{display:flex;min-height:52px;align-items:center;gap:.5rem}.jsfc-audio__heading{min-width:9rem;flex:0 1 15rem}.jsfc-audio__heading strong{display:block;font-size:.94rem}.jsfc-audio__heading p{display:-webkit-box;overflow:hidden;margin:.1rem 0 0;color:var(--jsf-muted,#4b5563);font-size:.78rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:1}.jsfc-audio button,.jsfc-audio select,.jsfc-audio input,.jsfc-audio summary{font:inherit}.jsfc-audio button,.jsfc-audio summary{display:grid;min-width:2.65rem;min-height:2.65rem;place-items:center;border:1px solid color-mix(in srgb,var(--jsfc-navy) 18%,transparent);border-radius:50%;background:#fff;color:var(--jsfc-navy);cursor:pointer;list-style:none}.jsfc-audio summary::-webkit-details-marker{display:none}.jsfc-audio__play{flex:0 0 3rem;width:3rem;height:3rem;background:var(--jsfc-action)!important;color:#fff!important;border-color:var(--jsfc-action)!important}.jsfc-audio__play:hover{background:#a92b12!important}.jsfc-audio button:hover,.jsfc-audio summary:hover{border-color:var(--jsfc-action)}.jsfc-audio svg{display:block;width:21px;height:21px}.jsfc-audio__time{white-space:nowrap;color:var(--jsf-muted,#4b5563);font-size:.78rem;font-variant-numeric:tabular-nums}.jsfc-audio__timeline{min-width:7rem;flex:1}.jsfc-audio__timeline input{display:block;width:100%;accent-color:var(--jsfc-action)}.jsfc-audio select{min-height:2.5rem;padding:.35rem;border:1px solid color-mix(in srgb,var(--jsfc-navy) 20%,transparent);border-radius:.45rem;background:#fff}.jsfc-audio__volume-menu,.jsfc-audio__more{position:relative}.jsfc-audio__volume-menu[open] input{position:absolute;z-index:3;right:0;bottom:calc(100% + .55rem);width:8.5rem;padding:.7rem;border:1px solid #dbe2ea;border-radius:.55rem;background:#fff;box-shadow:0 8px 24px rgb(16 24 39/.14);accent-color:var(--jsfc-action)}.jsfc-audio__more[open] a{position:absolute;z-index:3;right:0;bottom:calc(100% + .55rem);display:flex;width:max-content;align-items:center;gap:.45rem;padding:.65rem .8rem;border:1px solid #dbe2ea;border-radius:.55rem;background:#fff;color:var(--jsfc-action);font-size:.85rem;font-weight:600;text-decoration:none;box-shadow:0 8px 24px rgb(16 24 39/.14)}.jsfc-audio__status{min-height:1em;margin:0;color:var(--jsf-muted,#4b5563);font-size:.78rem;text-align:center}.jsfc-audio button:focus-visible,.jsfc-audio select:focus-visible,.jsfc-audio input:focus-visible,.jsfc-audio a:focus-visible,.jsfc-audio summary:focus-visible{outline:3px solid color-mix(in srgb,var(--jsfc-brand) 55%,#fff);outline-offset:3px}
@media(max-width:720px){.jsfc-audio__primary{flex-wrap:wrap}.jsfc-audio__heading{flex:1 1 calc(100% - 10rem)}.jsfc-audio__time{margin-left:auto}.jsfc-audio__timeline{order:8;flex:1 0 100%}.jsfc-audio select{margin-left:auto}}
@media(max-width:440px){.jsfc-audio{padding:.65rem}.jsfc-audio__heading p{display:none}.jsfc-audio__time{order:7}.jsfc-audio__volume-menu,.jsfc-audio__more{order:6}}
@media(prefers-reduced-motion:reduce){.jsfc-audio *{scroll-behavior:auto!important;transition:none!important}}