.sound-archive{margin:46px 0 58px;border:1px solid #d6d3cc;background:#fff;padding:clamp(18px,3vw,38px);scroll-margin-top:24px}
.sound-kicker,.sound-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.sound-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#777}
.sound-heading{margin:15px 0 8px}
.sound-heading h2{font-size:clamp(32px,4.5vw,62px);font-weight:900;letter-spacing:-.055em;line-height:1.1;margin:0}
.sound-counter{white-space:nowrap;font-size:12px;color:#777;font-variant-numeric:tabular-nums}
.sound-note{font-size:12px;color:#777;margin:0 0 22px}
.sound-list{list-style:none;margin:0;padding:0;border-top:1px solid #ddd}
.sound-row{border-bottom:1px solid #e4e1dc}
.sound-row[hidden],.sound-toggle[hidden]{display:none}
.sound-row a{display:grid;grid-template-columns:96px minmax(0,1fr) 110px 16px;gap:18px;align-items:center;min-height:66px;padding:12px 6px;text-decoration:none;transition:background-color .15s}
.sound-row a:hover{background:#f4f2ed}
.sound-row time,.sound-kind{font-size:12px;color:#777}
.sound-row time{font-variant-numeric:tabular-nums}
.sound-name{font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.sound-name small{display:block;color:#888;font-size:11px;line-height:1.5;margin-top:3px}
.sound-kind{text-align:right;white-space:nowrap}
.sound-arrow{font-size:17px}
.sound-toggle{display:block;width:100%;min-height:52px;margin:18px 0 0;padding:13px 20px;border:1px solid #d6d3cc;background:transparent;color:#242424;font:inherit;font-size:13px;cursor:pointer}
.sound-toggle:hover{background:#efede8}
.sound-toggle::after{content:"";display:inline-block;width:7px;height:7px;margin-left:12px;border-right:1px solid;border-bottom:1px solid;transform:translateY(-2px) rotate(45deg)}
.sound-toggle[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}
.sound-archive a:focus-visible,.sound-toggle:focus-visible{outline:2px solid #242424;outline-offset:3px}
@media(max-width:650px){.sound-archive{padding:18px 14px;margin-top:30px;margin-bottom:35px}.sound-row a{grid-template-columns:minmax(0,1fr) auto 16px;gap:4px 12px;padding:12px 4px;min-height:78px}.sound-name{grid-column:1 / 3;grid-row:1;font-size:16px}.sound-row time{grid-column:1;grid-row:2}.sound-kind{grid-column:2;grid-row:2}.sound-arrow{grid-column:3;grid-row:1 / 3}.sound-name small{font-size:10px}.sound-counter{font-size:11px}.sound-kicker{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sound-row a{transition:none}}
