.header-tools{display:flex;align-items:center;gap:16px}.sound-toggle{font-weight:800;min-width:86px;background:#fff9da;color:#526647;border-color:#d4bf80}.sound-toggle[aria-pressed=true]{background:#ceefda;border-color:#79b597;color:#245e47}.sound-check{margin-top:24px;border:1px solid #c9d7b9;border-radius:16px;background:#fffdf1cc;overflow:hidden}.sound-check summary{padding:15px 18px;cursor:pointer;font-weight:800;color:#426655;font-size:14px}.sound-check summary span{font-weight:500;color:#768372;margin-left:12px;font-size:12px}.sound-panel{padding:0 18px 16px;border-top:1px solid #dbe3cc}.sound-description{font-size:12px;color:#62735d;line-height:1.6}.sound-levels{display:flex;gap:28px;max-width:610px;margin:18px 0}.sound-levels label{display:grid;grid-template-columns:1fr auto;flex:1;font-size:12px;font-weight:750;color:#426655;gap:8px}.sound-levels output{font-weight:500;color:#71816b}.sound-levels input{grid-column:1/-1;width:100%;margin:0;accent-color:#319f7d;cursor:pointer}.sound-previews{display:flex;gap:8px;flex-wrap:wrap}.sound-previews button{border:1px solid #c4d1b7;border-radius:10px;padding:9px 12px;background:linear-gradient(#fffef4,#eaf0d8);box-shadow:0 2px 0 #c3ccb3;color:#436247;font-size:12px;font-weight:650}.sound-previews button:hover{background:#dff2d7}.sound-previews button:active{transform:translateY(2px);box-shadow:none}#sound-status{font-size:12px;color:#426655;margin:16px 0 5px;min-height:17px}.sound-caption{font-size:10px;color:#7c8774;margin:0;line-height:1.5}.sound-link{color:#567566;text-decoration:none;align-self:flex-start}.sound-link:hover{background:#fff}
@media(max-width:700px){.header-tools{gap:8px}.header-tools .topnote{display:none}.sound-toggle{font-size:10px;min-width:75px}.sound-check summary{padding:13px;font-size:13px}.sound-check summary span{display:block;margin:4px 0 0 18px;font-size:10px}.sound-panel{padding:0 12px 13px}.sound-levels{gap:18px}.sound-previews button{font-size:11px;padding:9px 10px}.sound-description{font-size:11px}}