/* A bound bestiary leaf, with an engraved listening instrument. */
.voice-dialog{border:3px double #b89c63;box-shadow:0 25px 100px #000e}.voice-layout{grid-template-columns:43% 57%}.voice-details{align-self:stretch;position:relative;padding:32px 32px 26px;color:#342b1e;background:radial-gradient(ellipse at 55% 30%,#e2d5b0bb,transparent 75%),repeating-linear-gradient(105deg,#715f2905 0 1px,transparent 1px 4px),linear-gradient(100deg,#b5a074,#d1c097 7%,#dbcca6 88%,#b8a377);border-left:5px double #68583a;box-shadow:inset 8px 0 22px #52402244,inset 0 0 50px #7f623c33}
.voice-details:before{content:'';position:absolute;inset:10px;border:1px solid #71604466;pointer-events:none}.folio-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:28px;margin-bottom:12px}.folio-heading>span{font:700 10px/1.5 var(--body);letter-spacing:2px;color:#655435}.folio-heading small{display:block;font-size:11px;letter-spacing:.8px;margin-top:5px;font-weight:500}.folio-heading img{width:94px;height:58px;object-fit:contain;filter:drop-shadow(0 1px 1px #3e301877)}
.voice-dialog .voice-details h2{font-size:clamp(29px,3vw,43px);line-height:1.13;color:#32291c;margin:8px 0 10px;letter-spacing:.4px}.voice-details .voice-status{color:#6b5438;font:italic 17px/1.5 'Spectral',serif;margin-bottom:20px}.voice-choice{border-top:3px double #79603c88;border-bottom:1px solid #79603c66;padding:13px 0 11px}.voice-details .voice-choice label{font:700 10px/1.5 var(--body);letter-spacing:2px;color:#6b5438;margin:0 0 5px}.voice-details select{font:500 15px/1.6 'Spectral',serif;padding:7px 28px 7px 0;background:transparent;border:0;border-bottom:1px solid #7f643b66;color:#342b1e;border-radius:0}.voice-details select option{background:#dacba6;color:#342b1e}.voice-single{font:500 18px/1.5 'Spectral',serif;margin:0;color:#342b1e}
.voice-details .voice-quote{position:relative;font:500 italic 23px/1.55 'Spectral',serif;color:#3b3020;margin:24px 0 22px;padding-left:16px;border-left:2px solid #9c7840;min-height:74px}.voice-details #voice-audio{display:none!important}
.relic-player{display:flex;align-items:center;gap:15px;background:linear-gradient(110deg,#1c241f,#2a3026 60%,#141d17);border:3px double #9c8453;padding:15px 12px;box-shadow:0 3px 7px #4e381a33,inset 0 0 0 2px #111910}.relic-player button{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:1px solid #c4aa69;background:linear-gradient(135deg,#dcc78e,#a18a53);color:#242518;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);font-size:17px}.relic-player button:hover{background:#ead59d}.relic-player #relic-mute{background:transparent;border:0;clip-path:none;color:#d5bf84;width:25px;font-size:23px}.relic-track{min-width:0;flex:1}.relic-track-top{display:flex;justify-content:space-between;gap:10px;font:600 9px/1.5 var(--body);letter-spacing:1px;color:#c6b684}.relic-track-top output{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:0;font-size:11px}.relic-track input{display:block;width:100%;margin:13px 0 3px;appearance:none;height:3px;background:linear-gradient(90deg,#d3b778 var(--played,0%),#59604c var(--played,0%));cursor:pointer}.relic-track input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:#e4cc8f;border:1px solid #a68a4a;transform:rotate(45deg)}.relic-track input::-moz-range-thumb{width:9px;height:9px;border-radius:0;background:#e4cc8f;border:1px solid #a68a4a;transform:rotate(45deg)}
.voice-details .clip-controls{display:flex;gap:0;margin-top:16px;border-bottom:1px solid #8b724d77}.voice-details .clip-controls button{flex:1;border:0;border-bottom:2px solid transparent;background:none;padding:9px 4px 12px;color:#6c5a3c;font:600 10px/1.4 var(--body);letter-spacing:1px}.voice-details .clip-controls button span{display:block;font:500 24px/1.2 var(--heading);margin-bottom:4px}.voice-details .clip-controls button[aria-pressed=true]{color:#342b1e;border-bottom-color:#765328;background:linear-gradient(transparent,#a2854330)}.voice-details .voice-footnote{font:12px/1.65 var(--body);color:#705e42;margin:15px 0 0}.voice-details .voice-play-note{color:#5c3a1a}.voice-dialog .dialog-close{background:#262b1f;color:#e3cc8e;border:1px solid #b29861;border-radius:0;right:16px;top:16px;width:33px;height:33px;font-size:23px}.voice-details #voice-play{color:#49391f;border-color:#78603c;background:#d4c093}.voice-details :focus-visible{outline:2px solid #725022;outline-offset:4px}
@media(max-width:700px){.voice-layout{grid-template-columns:38% 62%}.voice-details{padding:30px 24px 24px}.voice-details .voice-quote{font-size:21px}.folio-heading img{width:75px}.relic-player{gap:9px;padding:12px 8px}.relic-track-top span{font-size:8px;letter-spacing:.4px}}
@media(max-width:600px){.voice-layout{display:block}.voice-details{border-left:0;border-top:4px double #68583a;padding:26px 22px}.voice-details:before{inset:8px}.folio-heading{padding-right:0}.voice-dialog .voice-details h2{font-size:31px}.voice-details .voice-quote{font-size:22px}.voice-details .voice-footnote{font-size:12px}.voice-details .voice-choice select{font-size:16px}.voice-art{height:270px}.relic-track-top span{font-size:9px}}