.control-diagram{margin:30px 0}.control-panel{display:grid;grid-template-columns:1.5fr 1fr auto;gap:28px;align-items:center;padding:30px;background:var(--dark);color:var(--paper)}.panel-display{border:1px solid #9d8178;padding:20px}.panel-display span,.panel-volume small{font-size:14px;color:#e1d1c2;display:block}.panel-display strong{font:30px/1.2 var(--serif);display:block;margin:10px 0}.panel-display small{font-size:14px;color:#e1d1c2}.panel-volume{text-align:center}.panel-volume strong{display:block;font-size:16px}.volume-dial{width:65px;height:65px;border:2px solid var(--gold);border-radius:50%;margin:0 auto 12px;position:relative}.volume-dial:after{content:'';position:absolute;width:2px;height:20px;left:31px;top:5px;background:var(--gold);transform:rotate(-35deg);transform-origin:bottom}.panel-play{text-align:center;font-size:14px}.panel-play svg{width:34px;height:34px;display:block;margin:0 auto 12px;fill:var(--gold)}.control-diagram figcaption,.reference-diagram figcaption{color:var(--muted);font-size:14px;line-height:1.7;margin-top:15px}.tool-comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:30px 0}.tool-comparison>div{border-top:1px solid var(--line);padding-top:22px}.tool-comparison h3{font-size:27px}.tool-comparison p{font-size:16px}.sound-route{display:flex;align-items:center;gap:12px;padding:20px 0 25px;font-size:15px}.sound-route svg{width:45px;height:22px;flex-shrink:0;stroke:var(--wine);stroke-width:1.5;fill:none}.route-source{color:var(--wine);font-weight:700}.choice-table{margin:30px 0;overflow-x:auto}.choice-table table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.7;text-align:left}.choice-table caption{text-align:left;margin-bottom:16px;font-weight:700}.choice-table th,.choice-table td{vertical-align:top;padding:16px;border-bottom:1px solid var(--line)}.choice-table thead th{background:#eae2d6;font-weight:650}.choice-table tbody th{padding-left:0;width:24%;font-weight:600}.product-option{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:28px 0;border-top:1px solid var(--line)}.product-option:last-child{border-bottom:1px solid var(--line)}.product-option h3{font-size:28px}.product-option .product-type{font-size:14px;color:var(--muted);margin:0}.product-option p{font-size:16px}.product-option p:last-child{margin-bottom:0}.practice-steps{list-style:none;padding:0;counter-reset:practice;margin:28px 0}.practice-steps>li{counter-increment:practice;position:relative;padding:0 0 26px 50px;margin:0}.practice-steps>li::before{content:counter(practice);position:absolute;left:0;top:0;font:30px/1 var(--serif);color:var(--wine)}.practice-steps>li h3{font-size:28px}.practice-steps>li p{margin-bottom:0}.reference-diagram{padding:30px;background:#eae2d6;margin:30px 0}.reference-line{display:grid;grid-template-columns:1fr 45px 1fr;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.reference-line:first-child{padding-top:0}.reference-line strong{display:block;font:36px/1.2 var(--serif);color:var(--wine)}.reference-line span{font-size:15px}.reference-line svg{width:45px;fill:none;stroke:var(--wine);stroke-width:1.5}.source-list{padding-left:20px;font-size:15px}.source-list li{margin-bottom:14px}.source-note{font-size:15px;color:var(--muted)}
@media(max-width:650px){.control-panel{grid-template-columns:1fr 1fr;gap:26px;padding:22px}.panel-display{grid-column:1/-1}.tool-comparison{grid-template-columns:1fr;gap:18px}.product-option{grid-template-columns:1fr;gap:12px}.choice-table table{font-size:14px}.choice-table th,.choice-table td{padding:12px 8px}.choice-table tbody th{width:26%}.reference-diagram{padding:22px}.reference-line{grid-template-columns:1fr 30px 1fr;gap:10px}.reference-line svg{width:30px}.reference-line span{font-size:14px}.practice-steps>li{padding-left:37px}.control-diagram figcaption,.reference-diagram figcaption{font-size:15px}}