/* A compact continuation of the archive's utility rail. */
.sound-tools{display:inline-flex;align-items:center;gap:9px}
[data-sound-toggle]{white-space:nowrap}
[data-sound-toggle]::before{content:'';display:inline-block;width:4px;height:4px;border:1px solid currentColor;border-radius:50%;margin-right:6px;vertical-align:1px;opacity:.5}
[data-sound-toggle][data-state=on]::before{background:var(--accent);border-color:var(--accent);opacity:1}
#sound-settings{display:grid;place-items:center;width:22px;height:24px;padding:0;opacity:.7}
#sound-settings svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.1}
#sound-panel{position:fixed;z-index:24;right:40px;bottom:76px;width:284px;padding:19px 21px 17px;background:#f1f0e7f5;color:var(--ink);border:1px solid #fff;box-shadow:0 15px 45px #25281a24;backdrop-filter:blur(25px);font-size:12px;letter-spacing:.02em;pointer-events:auto}
.sound-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:16px;font-size:10px;letter-spacing:.13em}.sound-heading button{font-size:13px;letter-spacing:0;padding:4px 0 4px 14px}
.sound-volume{display:grid;grid-template-columns:1fr auto;gap:8px;margin:16px 0}.sound-volume output{font-variant-numeric:tabular-nums;font-size:10px;color:#77796c}.sound-volume input{grid-column:1/-1;width:100%;margin:0;height:18px;accent-color:var(--accent);cursor:pointer}.sound-volume input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#sound-status{font-size:10px;line-height:1.5;color:#727569;margin:15px 0 0;padding-top:12px;border-top:1px solid #35362c25}#sound-retry{font-size:10px;text-decoration:underline;padding:7px 0 0;color:#717365}#sound-retry:hover{color:var(--accent)}
.dossier-sound{margin-left:auto;margin-right:18px;font-size:10px!important;flex-shrink:0}.dossier-chrome{gap:6px}
@media(max-width:760px){footer>div{gap:12px}.sound-tools{gap:4px}#sound-panel{right:22px;bottom:70px;width:min(284px,calc(100vw - 44px))}.dossier-sound{margin-right:8px}.dossier-chrome>span{font-size:9px}}
@media(max-width:370px){footer>div{gap:9px}.dossier-chrome{padding-left:14px;padding-right:14px}.dossier-sound{font-size:9px!important;margin-right:2px}}

@media(max-width:480px){footer>span:first-child{display:none}footer{justify-content:center}}