.listening{margin:30px 0;padding:28px;border:1px solid #c5d7ef;background:#eef4fd;border-top:3px solid var(--blue)}
.listening h4{font:36px/1.15 var(--serif);letter-spacing:-.02em;margin-bottom:20px}.listening .eyebrow{font-size:11px;margin-bottom:12px}.listening>p{font-size:15px}.sound-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}.listening button{border:1px solid #829cb8;border-radius:3px;padding:10px 16px;background:white;color:var(--ink);font:500 14px/1.5 var(--sans);cursor:pointer}.listening button:hover{background:#dde9fa}.listening button:disabled{opacity:.5;cursor:default}#sound-toggle{background:var(--blue);color:white;border-color:var(--blue);min-width:150px}#sound-toggle:hover{background:#104bbd}#sound-status{font-size:13px;color:var(--muted)}.dial-label,.volume-label{display:flex;justify-content:space-between;gap:12px;font-size:15px;font-weight:600;margin-top:25px}.dial-label span{font-size:12px;color:var(--muted);font-weight:400}.listening input[type=range]{display:block;width:100%;accent-color:var(--blue);height:34px;margin:10px 0;cursor:pointer}.dial-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:-7px}.fine-adjust{display:flex;gap:12px;margin:17px 0}.fine-adjust button{min-width:85px}.listening p.listening-help{font-size:13px;color:var(--muted);line-height:1.7;margin:12px 0 0}.volume-label{max-width:250px;font-size:13px}.listening #tone-volume{max-width:250px}.reveal-actions{padding-top:18px;margin-top:22px;border-top:1px solid #c5d7ef}.tuning-result{background:white;padding:18px;margin:18px 0;border-left:3px solid var(--blue);font-size:14px}.tuning-result strong{display:block;margin-bottom:10px}.tuning-result p{margin:7px 0;font-variant-numeric:tabular-nums}.tuning-result small{font-size:12px;line-height:1.6;color:var(--muted);display:block;margin-top:12px}[hidden]{display:none!important}.measurement-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.measurement-facts strong{display:block;font:32px/1.3 var(--serif);color:var(--blue)}.measurement-facts span{display:block;font-size:13px;color:var(--muted);margin-top:8px;line-height:1.5}.measurement-figure{margin:25px 0}.measurement-figure svg{max-width:620px;margin:0 auto 18px}.measurement-figure svg text{font-size:19px}.readings output{white-space:normal;overflow-wrap:anywhere}
@media(max-width:640px){.listening{padding:22px 16px}.listening h4{font-size:31px}.dial-label{flex-wrap:wrap;gap:5px}.sound-actions{align-items:flex-start}.sound-actions button{flex:1 1 auto}.measurement-facts{gap:12px}.measurement-facts strong{font-size:25px}.measurement-facts span{font-size:12px}.measurement-figure{padding:14px}.measurement-figure svg text{font-size:23px}}