.lab-page .page-shell{max-width:1180px}.back-link{font-size:11px;color:var(--moss);padding:12px 0}.back-link span{margin-left:10px}.lab-intro{display:grid;grid-template-columns:1fr 280px;align-items:end;gap:70px;padding:48px 0 36px}.lab-intro h1{font-size:59px;line-height:1.06;margin:16px 0 20px;letter-spacing:-2.2px}.lab-lede{color:#65705f;font-size:13px;line-height:1.85}.lab-intro-note{border-left:1px solid #bdc8b0;padding:5px 0 3px 24px}.lab-intro-note>p{font:19px/1.5 var(--serif);margin:12px 0}.lab-intro-note>.lab-small{font:10px/1.75 var(--sans);margin:14px 0 0;color:var(--muted)}.load-notice{padding:24px 0;font-size:12px;line-height:1.7;color:var(--muted)}.load-notice a{text-decoration:underline}.lab-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px}.group-choice{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:83px;text-align:left;padding:15px 16px;border:1px solid var(--line);background:transparent;border-radius:6px;color:var(--muted);font-size:12px;line-height:1.4;transition:background .15s,border-color .15s}.group-choice>span{font-size:8px;letter-spacing:1.2px}.group-choice[aria-pressed=true]{background:var(--moss);border-color:var(--moss);color:var(--sheet)}.group-choice:hover:not([aria-pressed=true]){background:var(--sheet)}.comparison{background:var(--sheet);border:1px solid #cbd0bf;border-radius:8px;overflow:hidden;box-shadow:0 6px 22px #26322505}.comparison-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;padding:27px 28px 25px;border-bottom:1px solid var(--line)}.comparison-heading h2{font-size:29px;margin:7px 0 12px;line-height:1.15}.comparison-heading>div>p{font-size:11px;line-height:1.8;color:var(--muted);max-width:500px}.listen-for{border-left:1px solid var(--line);padding-left:25px;align-self:center}.comparison-heading .listen-for p{font:19px/1.45 var(--serif);color:var(--moss-deep);margin-top:9px}.pair-grid{display:grid;grid-template-columns:1fr 1fr}.sound-card{padding:24px 28px 22px;min-width:0;transition:background .15s}.sound-card+ .sound-card{border-left:1px solid var(--line)}.sound-card.is-playing{background:#edf1e5}.sound-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:15px}.pair-letter{font:35px/.9 var(--serif);color:var(--moss)}.sound-card-heading label{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.clip-duration{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}.sound-card select{width:100%;font-size:12px;min-height:42px;background:#fffdf7;padding:10px 29px 10px 11px}.clip-note{font-size:10px;line-height:1.7;color:var(--muted);min-height:54px;padding:12px 0 8px}.wave-window{position:relative;background:#e7eadf;border-radius:4px;overflow:hidden;height:64px;margin:3px 0 18px}.wave-window canvas{display:block;width:100%;height:100%}.wave-window>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#7c8872;font-size:9px;pointer-events:none}.wave-window>span[hidden]{display:none}.sound-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.sound-actions .button{min-width:124px;min-height:43px;font-size:12px}.download-link{display:flex;flex-direction:column;gap:4px;font-size:9px;color:var(--muted);padding:8px 0}.download-link>span{font-size:8px;letter-spacing:1px;color:var(--moss)}.download-link:hover{color:var(--moss-deep)}.lab-transport{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:17px 28px;background:#eff0e7}.lab-transport .button{min-width:86px;min-height:40px;background:var(--sheet)}.transport-status{flex:1;min-width:0}.transport-status>p{font-size:10px;color:var(--muted);line-height:1.5;min-height:15px}.transport-status progress{display:block;width:100%;height:3px;margin-top:9px;border:0;background:#d7ddce;accent-color:var(--moss);border-radius:3px;overflow:hidden}.transport-status progress::-webkit-progress-bar{background:#d7ddce}.transport-status progress::-webkit-progress-value{background:var(--moss)}.transport-status progress::-moz-progress-bar{background:var(--moss)}.lab-volume{display:grid;grid-template-columns:auto 100px 31px;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.lab-volume input{width:100%;accent-color:var(--moss);margin:0;min-height:30px}.lab-volume output{font-size:9px;font-variant-numeric:tabular-nums}.level-controls{display:flex;align-items:center;gap:20px;padding:14px 28px 6px;border-top:1px solid var(--line)}.level-controls label{display:flex;gap:7px;align-items:center;font-size:10px;flex-shrink:0;min-height:28px}.level-controls input{accent-color:var(--moss);margin:0;width:14px;height:14px}.level-controls p{font-size:9px;line-height:1.6;color:var(--muted)}.comparison-note{padding:0 28px 17px;font-size:9px;line-height:1.7;color:var(--muted)}.lab-feedback{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;padding:30px 0 25px;border-bottom:1px solid var(--line)}.lab-feedback h2{font-size:27px;margin:8px 0 12px}.lab-feedback>div>p{font-size:11px;line-height:1.8;color:var(--muted);max-width:370px}.lab-feedback .feedback-entry{padding-top:3px}.lab-feedback textarea{font-size:12px;min-height:103px}.lab-feedback .feedback-entry>.lab-small{font-size:10px;margin:0}.lab-details>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:23px 0;font-size:11px;color:var(--muted)}.lab-details>summary::-webkit-details-marker{display:none}.lab-details>summary>span{font-size:17px}.lab-details[open]>summary>span{transform:rotate(45deg)}.lab-small{font-size:10px;line-height:1.8;color:var(--muted)}.metrics-scroll{overflow:auto;margin:18px 0 22px}.metrics-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;font-variant-numeric:tabular-nums}.metrics-table th{font-size:9px;font-weight:500;color:var(--muted);letter-spacing:.2px;padding:12px 13px;border-bottom:1px solid #bec7b4}.metrics-table td{padding:11px 13px;border-bottom:1px solid var(--line);line-height:1.5}.metrics-table th:first-child,.metrics-table td:first-child{padding-left:0;width:34%}.metrics-table tr:last-child td{border:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid h3{font:10px var(--sans);margin:0 0 10px;color:var(--muted)}.settings-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;background:var(--sheet);border:1px solid var(--line);border-radius:5px;padding:15px;font:10px/1.65 monospace;margin:0}.method-links{display:flex;flex-wrap:wrap;gap:16px 25px;font-size:10px;color:var(--moss);padding:20px 0}.method-links a{text-decoration:underline;text-underline-offset:4px}.method-note{padding:8px 0 15px}.method-note ul{font-size:10px;line-height:1.8;color:var(--muted);list-style:none;padding:0;margin:9px 0 0;max-width:850px}.method-note li{position:relative;padding-left:13px;margin:5px 0}.method-note li:before{content:'·';position:absolute;left:1px}.lab-page footer{margin-top:6px}.lab-page button,.lab-page a{touch-action:manipulation}
@media(max-width:1050px){.lab-intro{gap:35px}.lab-intro h1{font-size:52px}.lab-groups{gap:8px}.group-choice{padding:13px;font-size:11px}.comparison-heading{gap:25px}.lab-volume{grid-template-columns:auto 80px 29px;gap:7px}.lab-transport{gap:15px}.comparison-heading,.sound-card{padding-left:23px;padding-right:23px}.lab-feedback{gap:35px}}
@media(max-width:760px){.lab-intro{grid-template-columns:1fr;gap:23px;padding:31px 0 27px}.lab-intro h1{font-size:51px;line-height:1.03;margin-top:12px}.lab-intro-note{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.lab-intro-note>.small-index{grid-column:1/-1}.lab-intro-note>p{font-size:17px;margin:0}.lab-intro-note>.lab-small{font-size:11px;margin:0;align-self:center}.lab-groups{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.group-choice{min-height:68px;padding:12px 14px;gap:5px;font-size:12px}.comparison-heading{grid-template-columns:1fr;gap:18px;padding:22px}.comparison-heading h2{font-size:28px}.listen-for{border:0;padding:14px 0 0;border-top:1px solid var(--line)}.comparison-heading .listen-for p{font-size:18px;max-width:600px}.sound-card{padding:20px}.sound-actions{gap:6px}.sound-actions .button{min-width:100px;font-size:11px}.lab-transport{padding:16px 20px;flex-wrap:wrap;gap:13px}.transport-status{flex-basis:calc(100% - 100px)}.lab-volume{margin-left:auto;grid-template-columns:auto 110px 30px}.level-controls{padding:12px 20px 5px;flex-direction:column;align-items:flex-start;gap:1px}.comparison-note{padding:4px 20px 16px}.lab-feedback{gap:25px}.lab-feedback h2{font-size:25px}.settings-grid{gap:13px}.metrics-table{font-size:10px}.metrics-table td{padding:10px}.back-link{font-size:10px}}
@media(max-width:520px){.lab-page .page-shell{padding:0 17px}.back-link{font-size:9px}.back-link span{margin-left:5px}.lab-intro h1{font-size:43px;letter-spacing:-1.65px}.lab-intro{padding:26px 0 23px;gap:20px}.lab-lede{font-size:12px;line-height:1.75}.lab-lede br{display:none}.lab-intro-note{grid-template-columns:1fr;gap:8px}.lab-intro-note>p{font-size:18px;line-height:1.45}.lab-intro-note>.lab-small{font-size:10px;line-height:1.65}.lab-groups{gap:7px}.group-choice{font-size:11px;padding:12px;min-height:70px}.comparison-heading{padding:20px 17px;gap:15px}.comparison-heading h2{font-size:27px;line-height:1.1}.comparison-heading>div>p{font-size:11px}.comparison-heading .listen-for p{font-size:18px}.pair-grid{grid-template-columns:1fr}.sound-card{padding:21px 17px 20px}.sound-card+.sound-card{border-left:0;border-top:1px solid var(--line)}.sound-card-heading{margin-bottom:12px}.sound-card select{font-size:12px;min-height:43px}.clip-note{min-height:0;font-size:11px;padding-top:10px}.wave-window{height:52px;margin-top:8px;margin-bottom:14px}.sound-actions .button{min-width:138px;min-height:44px;font-size:12px}.download-link{font-size:10px;min-height:44px;justify-content:center}.lab-transport{padding:16px 17px;gap:12px}.lab-volume{grid-template-columns:auto 120px 29px}.level-controls{padding-left:17px;padding-right:17px}.level-controls label{font-size:11px}.level-controls p{font-size:10px}.comparison-note{padding-left:17px;padding-right:17px;font-size:10px}.lab-feedback{grid-template-columns:1fr;gap:17px;padding:27px 0 23px}.lab-feedback>div>p{max-width:none}.lab-feedback .feedback-entry{padding:0}.lab-feedback textarea{font-size:12px;min-height:98px}.lab-feedback .text-button{min-height:36px}.settings-grid{grid-template-columns:1fr;gap:17px}.metrics-table{min-width:380px}.lab-details>summary{font-size:11px}.lab-small,.method-note ul{font-size:10px}.method-links{flex-direction:column;gap:18px}.lab-page footer{font-size:8px;line-height:1.8}}

/* Six questions, readable touch controls, and no iOS focus zoom. */
@media(min-width:761px){.lab-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
.group-choice>.group-title{font-size:12px;letter-spacing:0;line-height:1.4}
.metrics-table tbody th{font-size:10px;letter-spacing:0;color:var(--ink);font-weight:400;border-bottom:1px solid var(--line)}
.metrics-table tbody tr:last-child th{border-bottom:0}
@media(max-width:760px){.sound-card select,.lab-feedback textarea{font-size:16px}.lab-transport .button,.sound-actions .button{min-height:44px}.level-controls label{min-height:44px}.lab-feedback .text-button,.back-link{min-height:44px;display:inline-flex;align-items:center}.lab-volume input{min-height:44px}.lab-volume{font-size:11px}.download-link{min-height:44px}}
.pressure-figure{margin:0 0 24px}.pressure-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:5px}.pressure-figure figcaption{font-size:10px;line-height:1.8;color:var(--muted);margin-top:10px}.pressure-figure figcaption a{color:var(--moss);text-decoration:underline;text-underline-offset:3px;margin-left:4px}