.audio-audition{max-width:1120px;margin:0 auto;color:var(--jgg-link);font-size:18.2px;line-height:1.75;min-width:0}
.audio-audition *{box-sizing:border-box}
.audition-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.audio-audition a,.audition-back{color:var(--jgg-link);text-decoration:underline;text-underline-offset:4px;font-size:16.9px}
.audition-back{padding:8px 0;border:0;background:none;font-family:inherit;cursor:pointer}
.audio-audition header{max-width:820px;margin-bottom:22px}
.audio-audition h1{font-family:Inter,system-ui,sans-serif;font-size:clamp(41.6px,4vw,52px);font-weight:850;line-height:1.15;letter-spacing:-.7px;margin:0 0 13px}
.audio-audition header>p{font-size:16px;line-height:1.8;margin:0;color:var(--jgg-text-muted)}
.audition-console{position:sticky;top:calc(var(--audition-sticky-offset,0px) + 8px);z-index:20;display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(190px,.8fr) auto;gap:11px 18px;align-items:end;padding:16px 20px;background:var(--jgg-selected);border:1px solid var(--jgg-control-border);border-radius:12px;box-shadow:0 6px 16px color-mix(in srgb,var(--jgg-shadow) 7.1%,transparent);isolation:isolate}
.audition-console .audition-selected{grid-column:1/-1;font-size:16.9px;line-height:1.5;min-height:24px;margin:0;color:var(--jgg-text-muted)}
.audition-selected strong{font-size:16px;color:var(--jgg-link)}
.audition-example-label{display:flex;flex-direction:column;gap:6px;font-size:15.6px;font-weight:750;min-width:0}
.audition-console select{font-family:inherit;font-size:16px;line-height:1.5;color:var(--jgg-link);background:var(--jgg-surface);border:1px solid var(--jgg-control-border);border-radius:7px;min-width:0;width:100%;min-height:46px;padding:9px 30px 9px 11px}
.audition-buttons{display:flex;align-items:stretch;gap:9px;min-width:0}
.audition-play,.audition-stop{font-family:inherit;font-size:16px;line-height:1.5;font-weight:750;min-height:46px;padding:10px 15px;border-radius:7px;border:1px solid var(--jgg-accent);cursor:pointer;white-space:nowrap}
.audition-play{background:var(--jgg-accent);color:var(--jgg-on-accent);flex:1;min-width:108px}
.audition-play:hover{background:var(--jgg-accent-hover)}
.audition-stop{color:var(--jgg-link);background:var(--jgg-surface);min-width:68px}
.audition-stop:disabled{opacity:.45;cursor:default}
.audition-console .audition-mute{display:flex;align-items:center;gap:9px;min-height:46px;font-size:15.6px;cursor:pointer;white-space:nowrap}
.audition-mute input{width:18px;height:18px;accent-color:var(--jgg-accent);flex-shrink:0}
.audio-audition .audition-status{font-size:16.9px;line-height:1.7;min-height:3.4em;margin:12px 1px 15px;color:var(--jgg-link);overflow-wrap:anywhere}
.audition-tone-options{min-width:0;margin:0;padding:0;border:0}
.audition-tone-options legend{font-size:16px;font-weight:750;margin:0 0 12px;padding:0}
.audition-tone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.audition-tone{min-width:0;min-height:96px;padding:15px 13px;background:var(--jgg-surface);border:1px solid var(--jgg-border);border-radius:10px;display:flex;align-items:center;gap:11px;cursor:pointer;scroll-margin-top:230px}
.audition-tone:has(input:checked){border-color:var(--jgg-accent);box-shadow:inset 0 0 0 1px var(--jgg-accent-hover);background:var(--jgg-selected)}
.audition-tone input{width:19px;height:19px;flex-shrink:0;margin:0;accent-color:var(--jgg-accent)}
.audition-tone>span{min-width:0}
.audition-tone small{display:block;font-size:13px;font-weight:750;line-height:1.6;letter-spacing:.35px;color:var(--jgg-text-muted);margin-bottom:3px}
.audition-tone strong{font-family:inherit;font-size:18.2px;font-weight:750;line-height:1.4;display:block;overflow-wrap:anywhere}
.audition-selected-detail{display:grid;grid-template-rows:minmax(32px,auto) minmax(3.6em,auto) minmax(3.1em,auto);align-content:start;min-height:220px;padding:20px 23px;background:var(--jgg-surface);border:1px solid var(--jgg-control-border);border-radius:10px;margin-top:15px}
.audition-selected-detail h2{font-family:Inter,system-ui,sans-serif;font-size:27px;font-weight:850;line-height:1.3;letter-spacing:0;margin:0 0 10px}
.audition-selected-detail>p{font-size:16px;line-height:1.8;color:var(--jgg-text-muted);margin:0 0 12px}
.audition-selected-detail .audition-credit{font-size:15.6px;color:var(--jgg-text-muted);line-height:1.8;margin:0}
.audition-credit a{font-size:15.6px}
.audition-example-description{font-size:16.9px;line-height:1.8;color:var(--jgg-text-muted);margin:15px 1px 0}
.audition-provenance{margin:24px 0;border-top:1px solid var(--jgg-border);padding:14px 0}
.audition-provenance summary{font-size:16px;font-weight:750;cursor:pointer;padding:8px 0;color:var(--jgg-link);min-height:44px}
.audition-provenance p,.audition-provenance li{font-size:15.6px;line-height:1.9;color:var(--jgg-text-muted);max-width:900px;margin:13px 0}
.audition-provenance ul{padding-left:21px}
.audition-provenance a{font-size:15.6px}
.audio-audition :focus-visible{outline:3px solid var(--jgg-focus);outline-offset:4px}
@media(max-width:900px){.audition-tone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audition-tone{min-height:86px}.audition-console{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr)}.audition-console .audition-mute{grid-column:1/-1;min-height:26px}}
@media(max-width:620px){.audio-audition h1{font-size:44.2px}.audition-top{margin-bottom:14px}.audition-top>a,.audition-back{font-size:15.6px}.audition-console{padding:13px 14px;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px}.audition-example-label{grid-column:1/-1}.audition-console .audition-mute{grid-column:2;min-height:46px;font-size:15.6px}.audition-buttons{grid-column:1}.audition-play{min-width:94px}.audition-stop{min-width:63px;padding-left:11px;padding-right:11px}.audition-tone-grid{gap:10px}.audition-tone{padding:13px 11px;min-height:89px;gap:9px}.audition-tone strong{font-size:16px}.audition-selected-detail{padding:18px;min-height:230px}.audition-selected-detail h2{font-size:26px}}
@media(max-width:400px){.audio-audition h1{font-size:41.6px;letter-spacing:-.5px}.audition-console{grid-template-columns:1fr;gap:9px}.audition-console .audition-selected{min-height:3em}.audition-buttons,.audition-console .audition-mute{grid-column:1}.audition-console .audition-mute{min-height:28px}.audition-tone-grid{grid-template-columns:1fr}.audition-tone{min-height:64px;padding:11px 13px}.audition-tone strong{font-size:18.2px}.audition-tone small{margin:0}.audition-selected-detail{min-height:250px}}
@media(max-height:540px){.audition-console{position:static}.audition-tone{scroll-margin-top:16px}}
@media(prefers-reduced-motion:reduce){.audio-audition *{animation:none!important;transition:none!important}}