.shruti-bench{padding-top:30px;padding-bottom:60px}.bench-back{font-size:14px;text-decoration:underline;text-underline-offset:5px}.bench-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:52px;align-items:center;padding:34px 0 45px}.bench-opening h1{font-size:clamp(48px,5.2vw,76px);line-height:1.02;letter-spacing:-.03em;margin:0 0 25px;max-width:12ch}.bench-opening p{font-size:16px;max-width:46ch;color:var(--muted);margin-bottom:22px}.bench-opening .bench-deck{font-size:21px;line-height:1.6;color:var(--ink)}.bench-jump{display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid var(--wine);padding-bottom:8px;font-size:15px;color:var(--wine);font-weight:650}.bench-device{min-width:0}.bench-device img{width:100%;height:auto}.bench-device figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:12px}.bench-device figcaption a,.bench-sources a{color:var(--wine);text-decoration:underline;text-underline-offset:3px}.photo-annotations{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.photo-annotations strong{font-size:15px;display:block;margin-bottom:5px}.photo-annotations p{font-size:13px;line-height:1.6;color:var(--muted)}.bench-nav{display:flex;gap:35px;border-block:1px solid var(--line);padding:18px 0;font-size:14px}.bench-nav a{padding:4px 0}.bench-section{padding:65px 0;border-bottom:1px solid var(--line);scroll-margin-top:22px}.bench-section-title{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:35px}.bench-section-title h2,.bench-questions h2{font-size:48px;line-height:1.07;letter-spacing:-.025em}.bench-section-title p{font-size:17px;color:var(--muted);max-width:48ch}.recommendations{display:grid;grid-template-columns:1fr 1fr;column-gap:55px}.recommendation{padding:28px 0;border-top:1px solid var(--line)}.choice-context{font-size:14px;color:var(--wine);margin-bottom:12px}.recommendation h3{font-size:31px;line-height:1.15;letter-spacing:-.02em;max-width:25ch;margin-bottom:14px}.recommendation p{font-size:16px;color:var(--muted);margin-bottom:18px;max-width:54ch}.recommendation a{font-size:14px;color:var(--wine);text-decoration:underline;text-underline-offset:4px;display:inline-block}.recommendation .manual-link{font-size:13px;display:block;margin-top:10px}.purchase-note{font-size:14px;color:var(--muted);max-width:85ch;margin-top:20px}.sound-lab{background:var(--dark);color:var(--paper);padding:38px 45px 30px}.lab-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px}.lab-heading h3{font-size:35px;line-height:1.15}.lab-heading p{font-size:14px;color:#e1d1c2}.wave-figure{margin:26px 0 30px}.wave-figure svg{display:block;width:100%;height:150px;overflow:visible}.wave-figure path{fill:none;stroke:var(--gold);stroke-width:1.6;vector-effect:non-scaling-stroke}.wave-figure .wave-axis{stroke:#6e5759;stroke-width:1}.wave-figure figcaption{font-size:12px;color:#e1d1c2;margin-top:8px}.lab-controls{display:grid;grid-template-columns:1fr 1fr;gap:60px}.lab-control label{font-size:18px;display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.lab-control output{font-variant-numeric:tabular-nums;color:var(--gold)}.lab-control input{accent-color:var(--gold);width:100%;height:30px;margin:0;cursor:pointer}.lab-control input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.lab-control p{font-size:14px;margin-top:9px;color:#e1d1c2}.lab-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px}.lab-actions button{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;min-height:48px;background:var(--gold);color:var(--dark);font-size:15px;font-weight:650}.lab-actions button svg{width:16px;height:16px;fill:currentColor}.lab-actions button:disabled{opacity:.45}.lab-actions [data-stop]{background:transparent;border:1px solid #b59883;color:var(--paper)}.lab-actions p{font-size:14px;color:#e1d1c2;flex:1;min-width:220px}.lab-footnote{font-size:13px;color:#e1d1c2;margin-top:20px;max-width:85ch}.lab-lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:32px}.lab-lessons h3{font-size:27px;margin-bottom:12px}.lab-lessons p{font-size:15px;color:var(--muted)}.setup-walkthrough{list-style:none;margin:0;padding:0}.setup-walkthrough>li{display:grid;grid-template-columns:45px 1.5fr .8fr;gap:35px;padding:32px 0;border-top:1px solid var(--line)}.setup-number{font:42px/1 var(--serif);color:var(--wine)}.setup-copy h3{font-size:31px;margin-bottom:15px}.setup-copy p{font-size:17px;max-width:62ch;margin-bottom:14px}.setup-copy .setup-detail{font-size:15px;color:var(--muted)}.setup-copy a{font-size:15px;color:var(--wine);text-decoration:underline;text-underline-offset:4px}.setup-annotation{border-left:1px solid var(--line);padding-left:28px;align-self:start}.setup-annotation span{font-size:13px;color:var(--muted);display:block;margin-bottom:10px}.setup-annotation strong{font:29px/1.15 var(--serif);color:var(--wine)}.setup-annotation p{font-size:14px;color:var(--muted);margin-top:10px;max-width:22ch}.bench-questions{display:grid;grid-template-columns:1fr 1.4fr;gap:65px}.bench-questions .question-list{margin:0}.bench-questions details p{font-size:16px;max-width:65ch}.bench-questions details a{color:var(--wine);text-decoration:underline}.bench-sources{padding:35px 0;display:grid;grid-template-columns:200px 1fr;gap:15px 40px}.bench-sources h2{font-size:28px;grid-row:span 2;letter-spacing:-.015em}.bench-sources p{font-size:13px;color:var(--muted);max-width:95ch}.bench-next{border-top:1px solid var(--line);padding-top:35px}.bench-next p{font-size:15px;color:var(--muted);margin-bottom:12px}.bench-next a{font:40px/1.15 var(--serif);color:var(--wine)}.shruti-bench ::selection{background:#e4c5ad;color:var(--ink)}
@media(max-width:950px){.bench-hero{gap:30px}.bench-opening h1{font-size:58px}.bench-section-title{gap:35px}.bench-nav{gap:20px}.lab-actions p{flex-basis:100%}.bench-questions{gap:35px}.recommendations{column-gap:35px}}
@media(max-width:650px){.shruti-bench.wrap{width:calc(100% - 40px)}.bench-hero{grid-template-columns:1fr;padding:28px 0;gap:32px}.bench-opening h1{font-size:51px;max-width:12ch}.bench-opening .bench-deck{font-size:20px}.bench-opening p{font-size:16px}.photo-annotations{gap:10px}.photo-annotations strong{font-size:14px}.photo-annotations p{font-size:13px}.bench-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.bench-section{padding:44px 0}.bench-section-title{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.bench-section-title h2,.bench-questions h2{font-size:40px}.recommendations{grid-template-columns:1fr}.recommendation h3{font-size:30px}.sound-lab{padding:27px 22px}.lab-heading{grid-template-columns:1fr;gap:13px}.lab-heading h3{font-size:31px}.wave-figure svg{height:110px}.lab-controls{grid-template-columns:1fr;gap:26px}.lab-control label{font-size:18px}.lab-actions{gap:12px}.lab-actions button{padding:12px 14px;font-size:14px}.lab-actions p{min-width:0}.lab-lessons{grid-template-columns:1fr;gap:25px}.lab-lessons>div{display:grid;grid-template-columns:110px 1fr;gap:16px}.lab-lessons h3{font-size:25px}.lab-lessons p{font-size:15px}.setup-walkthrough>li{grid-template-columns:30px 1fr;gap:18px}.setup-number{font-size:36px}.setup-copy h3{font-size:29px}.setup-copy p{font-size:16px}.setup-annotation{grid-column:2;border-left:0;border-top:1px solid var(--line);padding:15px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:5px 15px}.setup-annotation span{grid-column:1/-1;margin-bottom:0}.setup-annotation strong{font-size:24px}.setup-annotation p{margin:0;font-size:13px}.bench-questions{grid-template-columns:1fr;gap:28px}.bench-sources{grid-template-columns:1fr;gap:15px}.bench-sources h2{grid-row:auto}.bench-next a{font-size:35px}}
@media(prefers-reduced-motion:reduce){.shruti-bench{scroll-behavior:auto}}

.device-photo{position:relative}.device-leaders{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#fff9ec;stroke-width:5;pointer-events:none}.device-marker{position:absolute;background:var(--wine);color:#fff9ec;border:1px solid #fff9ec;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;transform:translate(-50%,-50%)}.marker-volume{left:26.56%;top:13.89%}.marker-pitch{left:78.65%;top:19.44%}.marker-display{left:80.73%;top:51.85%}@media(max-width:650px){.device-marker{width:23px;height:23px;font-size:12px}}

.lab-mode{display:grid;grid-template-columns:auto minmax(200px,1fr) 1fr;gap:20px;align-items:center;border-top:1px solid #6e5759;padding-top:24px;margin-top:25px}.lab-mode label{font-size:16px}.lab-mode select{background:var(--dark);color:var(--paper);border:1px solid #b59883;padding:12px;font:15px var(--sans);min-height:48px}.lab-mode select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.lab-mode p{font-size:13px;color:#e1d1c2}@media(max-width:650px){.lab-mode{grid-template-columns:1fr;gap:10px}.lab-mode select{width:100%;font-size:14px}}

@media(max-width:650px){.lab-lessons>div{display:block}.lab-lessons h3{margin-bottom:10px}}

/* Give touch users room to adjust the demo without precision tapping. */
.sound-lab input[type="range"],input[type="range"]{min-height:44px;touch-action:pan-y}