.wave-direction{margin:24px 0;padding:clamp(14px,3vw,26px);border:1px solid #39969d;border-radius:18px;background:#082c39;color:#edfaff;scroll-margin-top:85px}.wave-direction h4{font-size:1.35rem;color:#61e3df}.wave-direction p,.wave-direction details{line-height:1.85}.wd-controls,.wd-options{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.wd-controls label{display:flex;align-items:center;gap:8px}.wave-direction button,.wave-direction select{font:inherit;padding:11px 15px;border:1px solid #5c899f;border-radius:10px;background:#143d50;color:#effaff;min-height:44px}.wave-direction button{cursor:pointer}.wave-direction button:disabled{cursor:default;opacity:.7}.wave-direction button:focus-visible,.wave-direction select:focus-visible{outline:3px solid #f8d76d;outline-offset:3px}.wave-direction .wd-correct{background:#155b43;border-color:#85f2bf;opacity:1}.wave-direction .wd-wrong{background:#713c3c;border-color:#ffb8ac;opacity:1}.wd-figure{overflow-x:auto;background:#091e2c;border-radius:12px}.wd-figure svg{display:block;width:100%;height:auto;min-width:560px}.wd-figure svg text{font:17px system-ui,sans-serif;fill:#edfaff}.wd-feedback{padding:16px;border-left:4px solid #f8d76d;background:#153747;line-height:1.9}.wave-direction summary{cursor:pointer;color:#f8d76d}@media(max-width:600px){.wd-figure::after{content:'圖可左右滑動；黃點 P 的水平位置不變。';display:block;padding:8px;font-size:13px;color:#b6d2de}.wd-options button{flex:1 1 40%}}@media print{.wd-controls,.wd-options{display:none}.wave-direction{background:white;color:black}.wd-figure{background:#091e2c}}
.wave-direction details{background:#153747;color:#edfaff;border:1px solid #5c899f;padding:14px;border-radius:12px}.wave-direction details p{color:#edfaff}.wave-direction summary{color:#ffe398}
.wd-controls label{white-space:nowrap;flex:0 1 auto}.wd-controls select{width:auto;max-width:100%}