:root{--bg:#141615;--case:#282b29;--screen:#101610;--ink:#eeeede;--muted:#a0a79e;--line:#3c413c;--amber:#ff9655;--green:#c6f280;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--display:Impact,'Arial Narrow',Arial,sans-serif;font:14px Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 280px,#30352d30,transparent 70%)}a{color:inherit}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:5px}header,main,footer{width:min(1080px,calc(100% - 80px));margin:auto}header{height:83px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;font:25px/1 var(--display);letter-spacing:.2px}.brand>span:last-child{color:#919b8e}.brand-icon{display:grid;place-items:center;width:30px;height:30px;background:var(--amber);color:#161b15;margin-right:12px;font:29px Arial,sans-serif}.beta{font:9px var(--mono);letter-spacing:1.5px;color:#abb0a7;white-space:nowrap}nav{display:flex;align-items:center;gap:30px}nav a{font:10px var(--mono);text-decoration:none;text-transform:uppercase;letter-spacing:1.2px;padding:10px 0}nav a[aria-current]{color:var(--amber)}nav a[aria-current]:before{content:'●';font-size:7px;margin-right:7px}.nav-guide{color:var(--muted)}.nav-guide span{margin-left:8px}h1,h2,h3,p{margin:0}.hero{padding:32px 0 26px;display:flex;align-items:end;justify-content:space-between;gap:35px}.eyebrow{font:9px/1.5 var(--mono);letter-spacing:1.5px;color:var(--muted);margin-bottom:12px}h1{font:42px/1.05 var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.5px}.hero>p{max-width:340px;font-size:12px;line-height:1.7;color:#adb3a8}.workbench{position:relative;background:linear-gradient(115deg,#2e312d,#232622);border:1px solid #4b5045;border-radius:9px;padding:0 28px 18px;box-shadow:0 6px 0 #0b0d0a,0 7px 0 #3b4036,0 25px 50px #0005}.screw{position:absolute;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#6c7365,#1c2019);box-shadow:0 1px 1px #000,0 0 0 1px #151912}.screw:after{content:'';position:absolute;left:2px;right:2px;top:4px;border-top:1px solid #11160f;transform:rotate(-40deg)}.screw-tl{left:9px;top:10px}.screw-tr{right:9px;top:10px}.screw-bl{left:9px;bottom:10px}.screw-br{right:9px;bottom:10px}.workbench-top{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:80px}.machine-label{font:21px var(--display);letter-spacing:2px;color:#d3d6c9}.machine-label span{display:block;font:7px var(--mono);letter-spacing:2.5px;margin-top:4px;color:#a6ad9e}.preset-tabs{display:flex;border:1px solid #4c5147;border-radius:3px;padding:3px;background:#151912;box-shadow:inset 0 2px 4px #0008}.preset-tabs a{padding:10px 22px;text-decoration:none;font:12px var(--display);letter-spacing:1px;text-transform:uppercase;border:1px solid transparent;border-radius:2px;color:#a8af9e}.preset-tabs a[aria-current]{background:#ff9655;color:#20231a;border-color:#ffb37c;box-shadow:0 2px 2px #0005}.preset-tabs small{font:8px var(--mono);letter-spacing:1px;margin-left:15px}.instrument{display:block}.instrument-main{background:linear-gradient(#121a12,#0b120c);border:1px solid #080e09;border-radius:5px;padding:20px 55px 15px;box-shadow:inset 0 0 0 3px #1e251c,inset 0 4px 16px #0009,0 1px 0 #555d4b;position:relative}.instrument-main:after{pointer-events:none;content:'';position:absolute;inset:3px;border-radius:3px;background:repeating-linear-gradient(0deg,#d5f8bb02 0,#d5f8bb02 1px,transparent 1px,transparent 4px)}.selected-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.selected-row .eyebrow{margin:0;color:#98a48c;font-size:9px}.mic-state{font:9px var(--mono);letter-spacing:1px;color:#8b9980;display:flex;align-items:center;gap:7px}.mic-state:before{content:'';width:5px;height:5px;border-radius:50%;background:#55624c}.mic-state[data-active=true]{color:var(--green)}.mic-state[data-active=true]:before{background:var(--green);box-shadow:0 0 8px #c6f28070}.pitch-head{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;margin:6px 0 5px;min-height:135px}.target-note{font:126px/.95 var(--display);letter-spacing:0;color:#e6ac76;text-align:center;white-space:nowrap}.target-note sub{font:30px var(--mono);color:#bb9168;vertical-align:baseline;margin-left:6px}.target-meta{display:flex;flex-direction:column;gap:9px}.target-meta>span{font:8px var(--mono);letter-spacing:1.3px;color:#839577}.target-meta strong{font:17px var(--mono);font-weight:400;color:#c5d2b6}.text-button{background:none;border:0;color:#aeb9a1;min-height:32px;padding:4px 0;font:10px var(--mono);text-decoration:underline;text-decoration-color:#657158;text-underline-offset:4px;text-align:left}.target-meta .text-button{font-size:10px;max-width:150px}.cent-readout{justify-self:end;display:flex;align-items:end;flex-direction:column;gap:8px}.cent-readout strong{font:40px var(--mono);font-weight:400;color:#b8c8a5;font-variant-numeric:tabular-nums}.cent-readout>span{font:8px var(--mono);letter-spacing:2px;color:#839577}.meter{height:43px;position:relative;margin-top:7px}.meter-ticks{position:absolute;inset:8px 0 7px;background:repeating-linear-gradient(90deg,#44523a 0,#44523a 4px,transparent 4px,transparent calc(100% / 41));opacity:.7}.meter-band{position:absolute;left:47%;right:47%;top:3px;bottom:2px;background:#283c1c;border:1px solid #5d7845;box-shadow:0 0 15px #a5df4e05}.meter-center{position:absolute;left:calc(50% - 2px);width:4px;top:0;bottom:0;background:#83a85b;box-shadow:0 0 7px #9fcc5750}.needle{--position:50%;position:absolute;left:var(--position);top:5px;bottom:5px;width:5px;background:var(--amber);box-shadow:0 0 10px #ff965580;transition:left .12s linear;opacity:1}.needle:before{content:'';position:absolute;top:-9px;left:-4px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--amber)}.meter:is([data-state=idle],[data-state=quiet],[data-state=unclear],[data-state=wrong],[data-state=octave]) .needle{opacity:0}.meter:is([data-state=tuned],[data-state=hold]) .needle{background:var(--green);box-shadow:0 0 14px #c6f280a0}.meter:is([data-state=tuned],[data-state=hold]) .needle:before{border-top-color:var(--green)}.meter-labels{display:flex;justify-content:space-between;margin-top:10px;font:9px var(--mono);letter-spacing:1px;color:#a7b697}.meter-labels b{font-weight:400}.meter-labels b:first-child{margin-right:12px}.meter-labels b:last-child{margin-left:12px}.meter-labels>span:nth-child(2){color:#c6d5b4;font-size:8px;letter-spacing:2px}.reading-status{text-align:center;min-height:58px;padding-top:16px}.reading-status #status{font:12px/1.5 var(--mono);color:#c6d6b4;margin-bottom:5px}.reading-status p{font:9px var(--mono);color:#91a181;font-variant-numeric:tabular-nums}.instrument-main:has([data-state=tuned]) .target-note{color:var(--green);text-shadow:0 0 18px #b7ee6435}.instrument-main:has([data-state=tuned]) #status{color:var(--green)}progress{display:block;width:90px;height:3px;margin:9px auto 0;appearance:none;border:0;background:#24311c;border-radius:0}progress::-webkit-progress-bar{background:#24311c}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}.string-panel{padding:19px 0 0}.string-panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.string-panel-title .eyebrow{margin:0;font-size:8px}.string-panel-title>span:last-child{font:8px var(--mono);color:#a6ae9e;letter-spacing:1px}.strings{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.strings button{position:relative;display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;min-width:0;padding:11px 13px 12px;column-gap:8px;row-gap:8px;background:linear-gradient(#343930,#242b22);border:1px solid #4e5646;border-radius:4px;box-shadow:0 3px 0 #11160f,inset 0 1px 0 #5c63534d;color:#c6cdbd;text-align:left;min-height:74px}.strings button:hover{border-color:#879576}.strings button[aria-pressed=true]{background:linear-gradient(#b9c69e,#a5b789);border-color:#cbd9ac;color:#151d0d;box-shadow:0 3px 0 #11160f,inset 0 1px 0 #e3efce}.strings button:before{content:'';width:4px;height:4px;position:absolute;right:11px;top:10px;border-radius:50%;background:#7c866f}.strings button[aria-pressed=true]:before{background:#3b5020;box-shadow:0 0 0 2px #ecf4d02b}.string-number{font:9px var(--mono);grid-row:1;align-self:center;opacity:.65}.string-note{font:29px/.95 var(--display);grid-column:2;grid-row:1;letter-spacing:1px;align-self:center}.string-note sub{font:11px var(--mono);vertical-align:baseline;margin-left:3px}.string-line{grid-column:1/-1;height:var(--weight);position:absolute;left:13px;right:13px;bottom:9px;opacity:.16;background:repeating-linear-gradient(110deg,#d9e1cb 0px,#d9e1cb 1px,#3f4938 1px,#3f4938 3px)}.string-info{grid-row:2;grid-column:1/-1;display:flex;gap:4px;justify-content:space-between;align-items:center;font:8px var(--mono);z-index:1}.string-info>span{white-space:nowrap;font-variant-numeric:tabular-nums}.string-check{font-size:7px;opacity:.7}.strings button[data-done=true]:not([aria-pressed=true]) .string-check{color:var(--green);opacity:1}.keyboard-hint{font:8px var(--mono);color:#899280;text-align:right;margin-top:10px}.control-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #444a3d;padding:18px 0 20px}.mic-controls{display:flex;align-items:center;gap:20px}.primary{display:flex;align-items:center;gap:12px;background:linear-gradient(#f3a36f,#e78443);color:#211b13;border:1px solid #ffc28e;border-bottom-color:#ad6638;box-shadow:0 3px 0 #12180f,0 4px 0 #48513b;border-radius:3px;padding:13px 19px;font-size:12px;font-weight:700;min-height:46px}.primary:before{content:'⏻';font-size:18px;font-weight:400}.primary[aria-pressed=true]{background:linear-gradient(#c6db9f,#a2bc74);border-color:#d6e8b4}.primary:hover{filter:brightness(1.08)}.mic-controls p{font:9px/1.8 var(--mono);color:#aab3a0}.control-note{text-align:right}.calibration{font:10px var(--mono);color:#dae0cd;letter-spacing:1px}.input-note{font:9px/1.6 var(--mono);color:#a1ac97;margin-top:8px;max-width:330px}.flow{display:flex;align-items:center;justify-content:space-between;padding:17px 0 3px;gap:25px}.flow strong{font:10px var(--mono);text-transform:uppercase;letter-spacing:.8px;color:#d8e0cc}.flow p{font-size:10px;color:#aab3a0;line-height:1.6;margin-top:5px;max-width:430px}.flow-actions{display:flex;gap:22px;align-items:center;flex-shrink:0}.secondary{background:#c3d7a5;border:1px solid #dfebcd;border-radius:2px;color:#1a2412;padding:11px 15px;font:10px var(--mono);min-height:38px}.secondary:disabled{color:#919a85;background:#2a3125;border-color:#4b5540}.below-tool{display:flex;justify-content:space-between;gap:15px;margin:20px 0 0;font:8px/1.5 var(--mono);color:#969e8e}.guide-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:80px;padding:58px 0 44px}.guide-intro h2,.notes-section h2,.questions h2{font:31px/1.15 var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.3px;margin-bottom:18px}.guide-intro p:not(.eyebrow){font-size:13px;color:#aeb6a6;line-height:1.8}.under-link{display:inline-block;color:#efaa7d;font:11px var(--mono);text-underline-offset:5px;margin-top:22px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:22px}.steps li{display:flex;gap:18px}.steps li>span{font:12px var(--mono);color:#e9a572;border-bottom:1px solid #6c5844;align-self:flex-start;padding:3px 0 7px}.steps h3{font-size:13px;color:#e1e6d7;margin:3px 0 6px}.steps p{font-size:12px;line-height:1.7;color:#a9b39f}.notes-section{display:grid;grid-template-columns:1fr 1.45fr;gap:80px;border-top:1px solid var(--line);padding:32px 0}.notes-section h2{font-family:var(--mono);font-weight:600;font-size:30px;letter-spacing:2px;color:#dfbb90}.notes-section p{font-size:11px;line-height:1.7;color:var(--muted)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font:11px var(--mono);text-align:left}caption{text-align:left;color:#a7b39b;font:9px var(--mono);margin-bottom:12px}th,td{padding:11px 10px;border-bottom:1px solid #32392d}thead th{font:8px var(--mono);letter-spacing:1px;text-transform:uppercase;color:#aab59e;background:#22291d}tbody th{font-weight:400;color:#adb9a0}td:last-child,thead th:last-child{text-align:right;font-variant-numeric:tabular-nums}.questions{padding:35px 0 45px;max-width:780px;margin:auto}.questions>.eyebrow,.questions>h2{text-align:center}details{border-bottom:1px solid var(--line);padding:18px 0;font-size:12px}summary{cursor:pointer;line-height:1.6;padding-right:8px}details p{margin-top:13px;line-height:1.8;color:#aeb7a6}.other-tuning{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 40px}.other-tuning>span{font:10px var(--mono);color:var(--muted)}.other-tuning a{font:25px var(--display);text-transform:uppercase;letter-spacing:.6px;text-decoration:none;color:#eab182}.other-tuning a span{margin-left:20px}footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:25px;padding:25px 0 35px;color:var(--muted);font:9px var(--mono)}footer a{text-decoration:none}.footer-brand{font:19px var(--display);text-transform:uppercase;color:#d1d8c7}footer>span:nth-child(2){margin-right:auto}footer>span:last-child{font-size:8px}.skip{position:absolute;top:-100px;left:15px;background:var(--amber);color:#10150c;padding:12px;z-index:100}.skip:focus{top:8px}.notice{padding:18px;background:#3c3625;color:#e5c6a1;font-size:13px;line-height:1.6}.home-hero{padding:65px 0 75px}.home-hero>h1{font-size:clamp(70px,11vw,130px);color:var(--amber);margin:22px 0 20px;line-height:1}.home-hero>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#afb9a5;max-width:540px}.tuning-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:40px 0 22px}.tuning-cards>a{background:linear-gradient(120deg,#31372b,#20271b);border:1px solid #525e44;border-radius:5px;box-shadow:0 5px 0 #080d05;display:block;padding:32px;text-decoration:none}.tuning-cards>a:hover{border-color:var(--amber)}.tuning-cards a>span{font:9px var(--mono);letter-spacing:1.5px;color:#a2b18f}.tuning-cards h2{font:64px var(--display);text-transform:uppercase;letter-spacing:2px;margin:21px 0 17px;color:#d4dfc3}.tuning-cards h2 b{float:right;font:25px Arial;color:var(--amber)}.tuning-cards p{font:18px var(--mono);letter-spacing:7px;color:var(--amber);margin-bottom:25px}.tuning-cards small{font-size:12px;line-height:1.6;color:#b8c4aa}.home-hero .home-footnote{font:10px/1.8 var(--mono)!important}.article{max-width:740px;margin:48px auto 75px}.article h1{font-size:54px;margin-bottom:25px}.article h2{font:29px var(--display);text-transform:uppercase;letter-spacing:.5px;margin:32px 0 15px}.article p{font-size:14px;line-height:1.85;color:#b8c1ad;margin-bottom:16px}.article a{color:#eeb78b}.article .eyebrow{font:10px var(--mono)}.muted{color:var(--muted)}
@media(max-width:900px){header,main,footer{width:calc(100% - 48px)}.hero{gap:25px}.hero h1{font-size:35px}.hero>p{max-width:290px;font-size:11px}.preset-tabs small{display:none}.workbench-top{min-height:72px}.instrument-main{padding:18px 35px 14px}.strings{gap:8px}.strings button{padding:10px;grid-template-columns:12px 1fr;column-gap:6px}.string-info{font-size:8px}.string-check{display:none}.strings button[data-done=true] .string-check{display:inline;font-size:6px}.flow p{max-width:300px}.mic-controls{gap:15px}.control-note{max-width:260px}.guide-grid,.notes-section{gap:40px}.target-note{font-size:116px}.machine-label{font-size:18px}}
@media(max-width:640px){header,main,footer{width:calc(100% - 28px)}header{height:66px}.brand{font-size:21px}.brand-icon{width:24px;height:24px;font-size:24px;margin-right:8px}nav{gap:16px}nav a{font-size:9px;letter-spacing:.4px}nav a[aria-current]:before{display:none}.nav-guide{display:none}.hero{display:block;padding:25px 0 20px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:10px}.hero h1{font-size:34px}.hero>p{max-width:none;font-size:11px;line-height:1.6;margin-top:11px}.workbench{padding:0 12px 13px;border-radius:6px}.screw{width:6px;height:6px}.screw:after{left:1px;right:1px;top:3px}.screw-tl{left:5px;top:6px}.screw-tr{right:5px;top:6px}.screw-bl{left:5px;bottom:6px}.screw-br{right:5px;bottom:6px}.workbench-top{min-height:64px;gap:8px;padding:0 5px}.machine-label{font-size:16px;letter-spacing:1px}.machine-label span{font-size:6px;letter-spacing:1.2px}.beta{display:none}.preset-tabs a{font-size:11px;padding:9px 15px}.instrument-main{padding:15px 15px 14px}.selected-row .eyebrow{font-size:7px;letter-spacing:.8px}.mic-state{font-size:7px;letter-spacing:.5px}.mic-state:before{width:4px;height:4px}.pitch-head{grid-template-columns:1fr 1.2fr 1fr;min-height:117px;margin:10px 0 6px;gap:5px}.target-note{font-size:96px}.target-note sub{font-size:19px;margin-left:3px}.target-meta>span{font-size:6px;letter-spacing:.6px}.target-meta strong{font-size:11px;white-space:nowrap}.target-meta{gap:8px}.target-meta .text-button{font-size:8px;line-height:1.7;min-height:28px}.cent-readout strong{font-size:27px}.cent-readout>span{font-size:7px;letter-spacing:1px}.meter{height:32px;margin-top:0}.meter-ticks{inset:6px 0;background:repeating-linear-gradient(90deg,#44523a 0,#44523a 3px,transparent 3px,transparent calc(100% / 31))}.meter-center{width:3px;left:calc(50% - 1px)}.meter-labels{font-size:7px;letter-spacing:.5px;margin-top:10px}.meter-labels>span:nth-child(2){font-size:7px;letter-spacing:1px}.meter-labels b:first-child{margin-right:5px}.meter-labels b:last-child{margin-left:5px}.reading-status{padding-top:16px;min-height:56px}.reading-status #status{font-size:10px;line-height:1.6}.reading-status p{font-size:8px}progress{width:65px;height:2px;margin-top:5px}.string-panel{padding-top:16px}.string-panel-title{margin-bottom:10px}.string-panel-title .eyebrow,.string-panel-title>span:last-child{font-size:7px;letter-spacing:.6px}.strings{gap:4px}.strings button{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:76px;padding:9px 1px;box-shadow:0 2px 0 #10160c}.strings button:before{width:3px;height:3px;right:5px;top:6px}.string-number{font-size:7px;align-self:center}.string-note{font-size:24px;letter-spacing:0}.string-note sub{font-size:9px;margin-left:1px}.string-info{font-size:6px;justify-content:center}.strings button[data-done=true] .string-check{display:none}.strings button[data-done=true]:after{content:'✓';position:absolute;right:3px;top:4px;font-size:7px;color:var(--green)}.strings button[data-done=true][aria-pressed=true]:after{color:#22340d}.string-line{left:5px;right:5px;bottom:4px}.keyboard-hint{display:none}.control-strip{display:block;padding:18px 2px 15px}.mic-controls{gap:12px;justify-content:space-between}.primary{padding:11px 12px;gap:7px;font-size:10px;min-height:44px}.primary:before{font-size:17px}.mic-controls p{font-size:7px;line-height:1.8;max-width:115px}.control-note{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px;text-align:right}.calibration{font-size:7px;letter-spacing:0;flex-shrink:0}.input-note{font-size:7px;line-height:1.6;margin:0;max-width:200px}.flow{display:block;padding:15px 2px 2px}.flow strong{font-size:8px;letter-spacing:.5px}.flow p{font-size:9px;max-width:none;margin-top:6px}.flow-actions{margin-top:13px;justify-content:space-between;gap:12px}.flow-actions .text-button{font-size:9px}.secondary{font-size:9px;padding:11px 12px}.below-tool{display:block;font-size:7px;margin-top:17px}.below-tool span{display:block;margin-top:6px}.guide-grid{display:block;padding:40px 0 30px}.guide-intro{margin-bottom:27px}.guide-intro h2,.notes-section h2,.questions h2{font-size:28px}.guide-intro p:not(.eyebrow){font-size:12px}.steps{gap:19px}.steps p{font-size:11px}.steps h3{font-size:12px}.notes-section{display:block;padding:28px 0}.table-wrap{margin-top:25px}.notes-section h2{font-size:25px;letter-spacing:1px}.questions{padding:28px 0 35px}.questions summary{font-size:11px}details p{font-size:11px}.other-tuning{padding:23px 0 28px;gap:10px}.other-tuning>span{font-size:8px}.other-tuning a{font-size:20px}.other-tuning a span{margin-left:8px}footer{gap:15px;font-size:8px;line-height:1.6}footer>span:nth-child(2){margin-right:0}.footer-brand{font-size:16px}.home-hero{padding:42px 0 50px}.home-hero>h1{font-size:80px;letter-spacing:0}.home-hero>p:not(.eyebrow){font-size:13px}.tuning-cards{grid-template-columns:1fr;gap:20px;margin-top:30px}.tuning-cards>a{padding:26px}.tuning-cards h2{font-size:56px}.article{margin:35px auto 50px}.article h1{font-size:40px}.article h2{font-size:26px}.article p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Uncertain harmonic frames must not retain the glowing needle. */
.meter[data-state=harmonics] .needle{opacity:0}
@media(max-width:640px){.string-info{font-size:8px}.target-meta .text-button{min-height:44px}}
@media(max-width:350px){.strings{grid-template-columns:repeat(3,minmax(0,1fr))}.string-info{font-size:9px}}

/* Keep main tuner controls usable in landscape as well as narrow portrait. */
.target-meta .text-button,.flow-actions .text-button,.secondary{min-height:44px}

/* Supporting reference content stays below the unchanged tuner panel. */
.page-jumps{display:flex;flex-wrap:wrap;gap:8px 22px;padding:25px 0 0}
.page-jumps a{font:10px var(--mono);letter-spacing:0;text-transform:none;color:#cbb08b;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:flex;align-items:center;padding:8px 0}
.reference-section{max-width:780px;margin:auto;padding:32px 0;border-top:1px solid var(--line)}
.reference-section h2{font:30px/1.15 var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.3px;margin-bottom:18px}
.reference-section p{font-size:12px;line-height:1.85;color:#b7c0ac;margin-bottom:14px}
.reference-section a,.content-sources a{color:#eab182;text-underline-offset:3px}
.reference-section .table-wrap{margin:20px 0}.reference-section td:last-child,.reference-section thead th:last-child{text-align:left}
.note-pair,.note-sequence{white-space:nowrap}.notes-section h2{font-family:var(--display);font-weight:400;letter-spacing:.3px}
.reference-note{margin-top:16px}.content-sources{max-width:780px;margin:0 auto 30px;font:10px/1.8 var(--mono);color:var(--muted)}
section[id]{scroll-margin-top:20px}
@media(max-width:640px){.page-jumps{gap:0 17px;padding-top:17px}.page-jumps a{font-size:9px}.reference-section{padding:26px 0}.reference-section h2{font-size:27px}.reference-section p{font-size:12px}.notes-section th,.notes-section td,.reference-section th,.reference-section td{padding:11px 5px;font-size:10px}.content-sources{font-size:9px}.reference-section .table-wrap{margin:20px 0}}

/* Touch targets retain the pedal layout across portrait and landscape. */
header .brand{min-height:44px}header nav a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.preset-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px}
.questions summary{min-height:44px;padding:10px 8px 10px 0}.questions details{padding:10px 0}
footer a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:640px){
 header nav{gap:8px}header nav a{font-size:10px}.nav-guide{display:none!important}
 .preset-tabs a{font-size:12px}.target-meta .text-button{font-size:10px}.target-meta strong{font-size:12px}
 .selected-row .eyebrow,.mic-state{font-size:9px}.reading-status #status{font-size:12px}.reading-status p{font-size:10px}
 .primary{font-size:12px}.mic-controls{flex-wrap:wrap;gap:12px}.mic-controls p{font-size:10px;max-width:140px}
 .calibration,.input-note{font-size:9px}.flow strong{font-size:10px}.flow p{font-size:11px}
 .flow-actions .text-button,.secondary{font-size:11px}.flow-actions{flex-wrap:wrap}
 .below-tool{font-size:9px}.questions summary{font-size:13px}.questions details p{font-size:13px}
 .guide-intro p:not(.eyebrow),.steps p,.notes-section p,.reference-section p{font-size:13px}
 footer{font-size:10px}
}