.media-recordings{--recording-accent:#FF4D1A;--recording-accent-hover:#FF693F;border-top:1px solid var(--line);background:#0b0b0e}
.media-recordings [hidden]{display:none!important}
.recordings-heading{display:flex;justify-content:space-between;align-items:end;gap:38px;margin-bottom:32px}
.recordings-heading h2{max-width:12ch;font-size:clamp(48px,5.4vw,70px)}
.recordings-heading>p{max-width:40ch;padding-bottom:4px;font-size:14px;line-height:1.8;color:#bcbcc6}
.recordings-tools{margin-bottom:26px}
.recordings-filters{display:flex;flex-wrap:wrap;gap:8px}
.recordings-filters button{--recording-accent:var(--hover);display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 14px;background:transparent;border:1px solid #42424b;border-radius:0;color:#c5c5ce;font-size:11px;font-weight:600;line-height:1.4}
.recordings-filters button:before{content:'';width:5px;height:5px;flex-shrink:0;background:var(--recording-accent)}
.recordings-filters button:first-child:before{display:none}
.recordings-filters button:hover,.recordings-filters button[aria-pressed=true]{color:var(--white);border-color:var(--recording-accent);background:#1b1b20}
.recordings-filters button[aria-pressed=true]{box-shadow:inset 0 -2px var(--recording-accent)}
.recordings-search{display:block;max-width:460px;margin-top:22px;font-size:11px;color:#bcbcc6}
.recordings-search input{display:block;width:100%;height:46px;margin-top:7px;padding:10px 14px;border:1px solid #555561;border-radius:0;background:#111115;color:var(--white);font-size:14px}
.recordings-player{display:grid;grid-template-columns:58px minmax(0,1fr) minmax(220px,.9fr);align-items:center;column-gap:23px;row-gap:0;padding:25px 28px;border:1px solid #3c3c46;border-top:3px solid var(--recording-accent);background:#17171d}
.recordings-main-play{display:grid;place-items:center;width:58px;height:58px;padding:17px;border:1px solid var(--recording-accent);border-radius:50%;background:var(--recording-accent);color:#111115}
.recordings-main-play:hover:not(:disabled){background:var(--recording-accent-hover);border-color:var(--recording-accent-hover);color:#111115}
.recordings-main-play:disabled{background:transparent;border-color:#595963;color:#85858f;cursor:default}
.recordings-main-play svg,.recording-row-icon svg{display:block;width:24px;height:24px;fill:currentColor}
.recording-icon-pause,.recording-icon-loading,.recording-icon-retry{display:none}
[data-state=playing]>.recording-select .recording-icon-play,.recordings-player[data-state=playing] .recording-icon-play,[data-state=loading]>.recording-select .recording-icon-play,.recordings-player[data-state=loading] .recording-icon-play,[data-state=error]>.recording-select .recording-icon-play,.recordings-player[data-state=error] .recording-icon-play{display:none}
[data-state=playing]>.recording-select .recording-icon-pause,.recordings-player[data-state=playing] .recording-icon-pause{display:block}
[data-state=error]>.recording-select .recording-icon-retry,.recordings-player[data-state=error] .recording-icon-retry{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
[data-state=loading]>.recording-select .recording-icon-loading,.recordings-player[data-state=loading] .recording-icon-loading{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:36 16;transform-origin:center;animation:recording-loading 1s linear infinite}
.recordings-now{min-width:0}
.recordings-kicker{display:block;margin-bottom:5px;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#a7a7b2}
.recordings-now strong{display:block;font-size:18px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.recordings-now>span:last-child{display:block;margin-top:3px;font-size:11px;line-height:1.6;color:#bcbcc6}
.recordings-now>span:last-child:empty{display:none}
.recordings-progress{min-width:0;padding-top:14px}
.recordings-progress input{--recording-progress:0%;display:block;width:100%;height:44px;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;accent-color:var(--recording-accent)}
.recordings-progress input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--recording-accent) 0 var(--recording-progress),#5d5d68 var(--recording-progress) 100%)}
.recordings-progress input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5.5px;border:1px solid #17171d;border-radius:50%;background:var(--recording-accent)}
.recordings-progress input::-moz-range-track{height:3px;background:#5d5d68}
.recordings-progress input::-moz-range-progress{height:3px;background:var(--recording-accent)}
.recordings-progress input::-moz-range-thumb{height:14px;width:14px;border:1px solid #17171d;border-radius:50%;background:var(--recording-accent)}
.recordings-progress input:disabled{opacity:.45;cursor:default}
.recordings-times{display:flex;justify-content:space-between;margin-top:-5px;font-size:10px;color:#bcbcc6;font-variant-numeric:tabular-nums}
.recordings-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.recordings-player[data-state=error] .recordings-status{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;grid-column:2/-1;margin:11px 0 0;font-size:11px;color:#ffb49d;line-height:1.7;max-width:none}
.recordings-results-meta{display:flex;justify-content:space-between;align-items:center;min-height:57px;gap:20px}
.recordings-results-meta p{font-size:10px;color:#a7a7b2;letter-spacing:.2px}
.recordings-clear{min-height:44px;padding:8px 0;border:0;background:transparent;font-size:11px;color:#d5d5dc;text-decoration:underline;text-underline-offset:4px}
.recordings-clear:hover{color:var(--recording-accent)}
.recordings-list{margin:0;padding:0;border-top:1px solid #34343e;list-style:none}
.recordings-list>li{margin:0;border-bottom:1px solid #34343e;scroll-margin-top:24px}
.recording-select{display:grid;grid-template-columns:44px minmax(0,1fr) 75px 38px;align-items:center;column-gap:18px;min-height:76px;padding:12px 21px 12px 8px;border-left:3px solid transparent;color:var(--white)}
.recording-select:hover{color:var(--white);background:#17171d}
.recording-select:focus-visible{position:relative;outline-offset:-2px}
.recording-row-icon{display:grid;place-items:center;width:44px;height:44px;color:#e3e3e9}
.recording-row-icon svg{width:20px;height:20px}
.recording-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);align-items:center;gap:16px;min-width:0}
.recording-copy strong{font-size:14px;font-weight:600;line-height:1.5}
.recording-copy>span{font-size:11px;line-height:1.6;color:#a7a7b2}
.recording-duration{font-size:11px;font-variant-numeric:tabular-nums;text-align:right;color:#a7a7b2}
.recording-state{color:#c4c4ce;font-size:10px;text-align:right}
.recordings-list>li[data-active=true]>.recording-select{border-left-color:var(--recording-accent);background:#19191e;background:color-mix(in srgb,var(--recording-accent) 8%,#17171d)}
.recordings-list>li[data-active=true] .recording-row-icon,.recordings-list>li[data-state=playing] .recording-state{color:var(--recording-accent)}
.recordings-list>li[data-state=error] .recording-state{color:#ffb49d}
.recordings-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-top:25px}
.recordings-bottom>.text-link{margin-left:auto;font-size:11px;min-height:44px}
.recordings-show-all{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:46px;padding:10px 16px;border:1px solid #575763;background:transparent;color:var(--white);font-size:11px;font-weight:600}
.recordings-show-all>span{font-size:20px;font-weight:400;line-height:1}
.recordings-show-all:hover{border-color:var(--recording-accent);color:var(--recording-accent)}
.recordings-empty{padding:35px 0;border-bottom:1px solid var(--line)}
.recordings-empty h3{font-size:32px}
.recordings-empty p{margin-top:12px;font-size:13px;color:var(--muted)}
.recordings-empty button{min-height:44px;margin-top:16px;border-width:0 0 1px;background:transparent;color:var(--white)}
.recordings-fallback{margin-top:18px;font-size:12px;color:var(--muted)}
.recordings-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes recording-loading{to{transform:rotate(360deg)}}
@media(max-width:900px){.recordings-player{grid-template-columns:54px minmax(0,1fr) minmax(160px,.7fr);column-gap:18px;padding-inline:22px}.recordings-main-play{width:54px;height:54px;padding:15px}.recording-copy{display:block}.recording-copy>span{display:block;margin-top:3px}.recording-select{column-gap:14px}}
@media(max-width:740px){.recordings-heading{display:block;margin-bottom:26px}.recordings-heading h2{font-size:48px;max-width:none}.recordings-heading>p{margin-top:18px;padding:0;font-size:13px}.recordings-tools{margin-bottom:22px}.recordings-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.recordings-filters button{font-size:11px;padding-inline:11px}.recordings-filters button:first-child{grid-column:1/-1}.recordings-player{grid-template-columns:50px minmax(0,1fr);gap:0 16px;padding:21px 19px 20px}.recordings-main-play{width:50px;height:50px;padding:13px}.recordings-now strong{font-size:16px}.recordings-kicker{font-size:10px;letter-spacing:.7px}.recordings-now>span:last-child{font-size:11px}.recordings-progress{grid-column:1/-1;padding-top:8px}.recordings-player[data-state=error] .recordings-status{grid-column:1/-1;margin-top:12px}.recording-select{grid-template-columns:38px minmax(0,1fr) 35px;gap:10px;min-height:72px;padding:12px 9px 12px 0}.recording-row-icon{width:38px;height:44px}.recording-copy strong{font-size:13px}.recording-copy>span{font-size:10px}.recording-state{display:none}.recording-duration{font-size:10px}.recordings-bottom{gap:15px;padding-top:22px}.recordings-bottom>.text-link{font-size:10px}.recordings-show-all{font-size:10px;gap:13px;padding-inline:13px}}
@media(max-width:370px){.recordings-bottom{align-items:flex-start;flex-direction:column}.recordings-bottom>.text-link{margin-left:0}.recordings-player{padding-inline:15px}.recordings-kicker{max-width:22ch}}
@media(prefers-reduced-motion:reduce){.media-recordings *{animation:none!important;transition:none!important}}

.media-recordings .recordings-heading .eyebrow,.media-recordings .recordings-heading .orange{color:var(--recording-accent)}
.media-recordings :is(button,a,input):focus-visible{outline:2px solid var(--recording-accent);outline-offset:4px}
.media-recordings .recording-select:focus-visible{outline-offset:-2px}
.media-recordings .recordings-filters button:focus-visible{outline-color:var(--recording-accent)}
.recordings-bottom>.text-link:hover,.recordings-empty .text-link:hover{color:var(--recording-accent)}