/* HZON|LAB — stile dei widget sonori */
.wgt{border:2px solid var(--cyan);border-radius:12px;padding:16px 18px;margin:22px 0;
  background:linear-gradient(180deg,rgba(0,224,214,.07),transparent)}
.wgt-t{font-family:'Big Shoulders Display',sans-serif;font-weight:900;text-transform:uppercase;
  font-size:19px;color:var(--cyan);line-height:1.1;margin-bottom:4px}
.wgt-t::before{content:"♪ ";font-family:'Archivo',sans-serif;font-size:15px}
.wgt-s{font-size:14px;color:var(--dim);line-height:1.5;margin-bottom:12px}
.wgt-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.wgt-b{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.04em;
  color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:7px;
  padding:9px 13px;cursor:pointer;transition:border-color .15s,color .15s}
.wgt-b:hover{color:var(--cyan);border-color:var(--cyan)}
.wgt-b:active{background:#1c1d1b}
.wgt-b:focus-visible{outline:2px solid var(--acid);outline-offset:2px}
.wgt-lab{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--dim);
  letter-spacing:.06em;margin:10px 0 4px}
.wgt-r{width:100%;accent-color:var(--cyan);height:26px;cursor:pointer}
.wgt-cv{display:block;width:100%;height:auto;margin:12px 0 4px;border:1px solid var(--line);
  border-radius:8px;background:#0a0b0a}
.wgt-out{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--acid);
  letter-spacing:.03em;margin-top:10px;min-height:17px;line-height:1.5}
.wgt-check{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:12px;
  padding-top:11px;border-top:1px dashed var(--line)}
.wgt-esito{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--faint);
  letter-spacing:.04em;line-height:1.5;flex:1;min-width:180px}
.wgt-diag{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gold);
  letter-spacing:.04em;margin-top:7px;line-height:1.5}
.wgt-n{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--faint);
  letter-spacing:.05em;margin-top:12px;border-top:1px solid var(--line);padding-top:9px}
@media print{ .wgt{display:none} }
@media (prefers-reduced-motion:reduce){ .wgt-b{transition:none} }

/* comandi ingranditi per il tocco: 44 px è la soglia raccomandata per il dito */
@media (max-width:739px), (pointer:coarse){
  .wgt-b{padding:13px 15px;font-size:12.5px;min-height:44px}
  .wgt-row{gap:10px}
  .wgt-r{height:44px}
  .wgt-r::-webkit-slider-thumb{width:26px;height:26px}
  .wgt-r::-moz-range-thumb{width:26px;height:26px}
  .wgt-lab{font-size:11.5px;margin-top:14px}
  .wgt{padding:15px 14px}
  .wgt-t{font-size:18px}
  .wgt-s{font-size:14.5px}
  .wgt-out,.wgt-esito{font-size:11.5px}
  .wgt-cv{margin:14px 0 6px}
}