/* Reader controls share the same frame in React and standalone pages. */
body .study-corpora{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:min(100%,570px);margin:18px auto 22px}
body .study-corpora a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;box-sizing:border-box;padding:8px 10px;border:1px solid #8a785b;border-radius:0;font-size:15px;text-align:center}
body .study-corpora a+a{border-inline-start:0}
body .study-corpora a[aria-current="page"]{background:#2d261c;color:#fffaf0}
body .study-corpora a:focus-visible{outline:3px solid #315a46;outline-offset:3px;position:relative;z-index:1}
body .about-readings{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:14px}
body .about-reading-choice{min-height:100%}
body .about-reading-card{box-sizing:border-box;min-height:310px;padding:22px 16px}
body .about-reading-title{font-size:29px}
.about-reading-audio{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:16px;color:#31533e}
.about-reading-audio svg{flex:none}
.chumash-audio-entry{margin:14px 0 22px}
.chumash-audio-surface{box-sizing:border-box;background:#faf6ec;border:1px solid #8a785b;padding:12px 14px}
body .chumash-audio-option{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 20px;background:#31533e;color:#fffaf0;border:1px solid #31533e;border-radius:4px;font:inherit;font-size:18px;line-height:1.2;cursor:pointer}
body .chumash-audio-option:hover{background:#233f2e}
body .chumash-audio-option:disabled{background:#e3dccb;color:#665b48;border-color:#9a8c74;cursor:default}
.chumash-audio-icon{display:flex;align-items:center}
body .chumash-inline-audio{padding:12px 0 0;margin:0;border:0}
.chumash-audio-timeline{display:flex;align-items:center;gap:12px;flex:1 1 360px;min-width:0}
.chumash-audio-time{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:15px;color:#342e24;min-width:85px;text-align:end}
.chumash-audio-sound{display:flex;align-items:center;gap:10px}
.chumash-audio-row .chumash-audio-speed{min-height:44px;border-color:#8a785b;color:#342e24}
.chumash-audio-mute{min-height:44px;padding:6px 10px;background:transparent;color:#342e24;border:1px solid #8a785b;border-radius:4px;font:inherit;cursor:pointer}
.chumash-audio-seek,.chumash-audio-volume{height:44px;min-width:0;margin:0;cursor:pointer;accent-color:#31533e;direction:ltr}
.chumash-audio-seek{flex:1;width:100%;appearance:none;-webkit-appearance:none;background:transparent}
.chumash-audio-seek::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(to right,#31533e 0 var(--audio-progress,0%),#8a785b var(--audio-progress,0%) 100%)}
.chumash-audio-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-6px;border:2px solid #faf6ec;border-radius:50%;background:#31533e;box-shadow:0 0 0 1px #31533e}
.chumash-audio-seek::-moz-range-track{height:8px;background:#8a785b;border-radius:4px}
.chumash-audio-seek::-moz-range-progress{height:8px;background:#31533e;border-radius:4px}
.chumash-audio-seek::-moz-range-thumb{width:16px;height:16px;border:2px solid #faf6ec;border-radius:50%;background:#31533e;box-shadow:0 0 0 1px #31533e}
.chumash-audio-volume{width:70px}
.chumash-audio-details{font-size:14px;margin-top:8px;color:#514631}
.chumash-audio-details summary{display:list-item;cursor:pointer;min-height:28px;width:fit-content}
.chumash-audio-details p{margin:6px 0;line-height:1.5}
body .chumash-audio-credit{font-size:14px;opacity:1}
.chumash-audio-surface :focus-visible{outline:3px solid #315a46;outline-offset:3px}
.chumash-audio-surface.chumash-audio-docked{position:fixed;top:8px;z-index:100;box-shadow:0 3px 14px #29251b26;max-height:calc(100dvh - 16px);overflow:auto}
@media(max-width:1050px){body .about-readings{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){body .about-readings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body .about-reading-card{padding:18px 12px;min-height:300px}body .about-reading-title{font-size:27px}.chumash-audio-timeline{flex-basis:100%}.chumash-audio-sound{width:100%}.chumash-audio-sound .chumash-audio-speed{margin-inline-start:auto}body .chumash-audio-option{width:100%}.chumash-audio-surface{padding:12px}body .study-corpora a{font-size:14px;padding:8px 4px}}
@media(max-width:350px){body .about-readings{grid-template-columns:1fr}body .about-reading-card{min-height:285px}}
@media print{.chumash-audio-entry{display:none!important}}
