/* Content stays on the book's material; actions use shared quiet controls. */
.passage-heading{display:flex;align-items:center;gap:8px;flex-shrink:0;border-bottom:1px solid #65796b35}
.passage-heading .slate-heading{flex:1;min-width:0;border:0;padding:0}
#measure-heading{border:0;padding:0}.speaker-space{flex:0 0 44px;height:44px}
.passage-heading #audio-open{flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;color:var(--ui-ink)}
#audio-open[data-audio-state]{position:relative;border-radius:50%;background:rgb(73 84 74 / .10)}
#audio-open[data-audio-state]::after{content:'';position:absolute;right:4px;bottom:4px;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px var(--face)}
#audio-open[data-audio-state=paused]::after{width:7px;height:8px;border-radius:0;background:linear-gradient(to right,currentColor 0 30%,transparent 30% 70%,currentColor 70%)}
.passage-heading svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}
/* The reading surface never reserves space for transient actions. */
:root{--bottom-space:calc(60px + env(safe-area-inset-bottom));--slate-pad-bottom:18px}
.slate{gap:12px}
.slate-footer{min-height:18px;padding-top:0;border-top:0;font-size:12px;line-height:1.5}
.reading-position{bottom:calc(6px + env(safe-area-inset-bottom));font-size:12px;line-height:1.4}
.selection-dock{position:fixed;z-index:40;left:50%;bottom:var(--selection-bottom,max(10px,env(safe-area-inset-bottom)));transform:translateX(-50%);width:min(620px,calc(100% - 20px));max-height:min(50dvh,calc(100dvh - 24px));overflow:auto;box-sizing:border-box;padding:4px 12px 10px;border:1px solid rgb(255 255 255 / .65);border-radius:14px;background:rgb(244 244 237 / .58);-webkit-backdrop-filter:blur(10px) saturate(.8);backdrop-filter:blur(10px) saturate(.8);box-shadow:0 -3px 24px rgb(35 44 39 / .12),0 6px 20px rgb(35 44 39 / .18);color:#303b35;font-family:var(--ui-font);isolation:isolate}
.selection-dock-heading{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgb(65 76 68 / .2);padding-left:8px}
#selection-reference{flex:1;min-width:0;overflow-wrap:anywhere;font:500 1rem/1.4 var(--ui-font);padding-block:8px}
.selection-dock button{color:inherit;background:transparent;border:0;font:400 1rem/1.35 var(--ui-font);border-radius:8px;min-height:48px;min-width:48px;touch-action:manipulation}
.selection-dock #selection-clear{flex:0 0 48px;display:grid;place-items:center;padding:12px}
.selection-dock-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,4rem),1fr));gap:4px;padding-top:8px}
.selection-dock-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;padding:7px 4px;overflow-wrap:normal}
.selection-dock svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.selection-dock button:hover{background:rgb(73 84 74 / .09)}
.selection-dock button:active{background:rgb(73 84 74 / .17)}
.selection-dock button:focus-visible{outline:2px solid #515e53;outline-offset:-2px}
body.library-open .selection-dock{display:none}
/* Only a selected page may scroll temporarily behind the overlay. This spacer
   changes scroll extent, not text width, available height or pagination. */
body.has-selection .slate-stage{touch-action:pan-y pinch-zoom}
body.has-selection #scripture-viewport{overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}
body.has-selection #scripture-viewport::-webkit-scrollbar{display:none}
body.has-selection #scripture-viewport::after{content:'';display:block;height:var(--selection-clearance,0px)}
@media(max-height:480px){:root{--slate-pad-bottom:12px}.slate{gap:8px}.selection-dock{padding-bottom:4px}.selection-dock-actions{padding-top:2px}.selection-dock-actions button{flex-direction:row;flex-wrap:wrap;gap:4px;padding-block:4px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.selection-dock{background:#f0f1eb;-webkit-backdrop-filter:none;backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.selection-dock{background:rgb(244 244 237 / .94)}}
#ask-question{display:block;width:100%;box-sizing:border-box;border:1px solid var(--ui-line);border-radius:5px;padding:12px;background:#faf8f0a6;color:var(--ui-ink);font:400 1rem/1.65 var(--ui-font);resize:vertical}
.study-dialog{width:min(720px,calc(100vw - 20px))}
.study-card{position:relative;isolation:isolate;background:none;padding:30px 26px 38px;touch-action:pan-y;filter:drop-shadow(1px 4px 3px #29332f30)}
.study-card .stone-art{position:absolute;inset:0;z-index:-1;pointer-events:none}
.study-inner{position:relative}.study-inner h2{font:400 1.35rem/1.5 var(--serif);margin:4px 0 16px}
#study-type{color:var(--ui-muted);font:500 .875rem/1.5 var(--ui-font);margin:0 0 8px}
.study-copy{font:400 1.1rem/1.8 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 20px}
.study-references{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.study-references button,.study-controls button,#audio-current{min-height:44px;padding:8px 12px;border:1px solid var(--ui-line);border-radius:5px;background:#f5f4ed88;color:var(--ui-ink);font:400 1rem/1.4 var(--ui-font)}
.study-inner small{display:block;color:var(--ui-muted);font:400 .8rem/1.5 var(--ui-font);margin-top:16px}
.study-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:16px}
.study-online{margin-top:20px}.study-online .field-help{margin-top:0}
.google-ai-question{display:block;box-sizing:border-box;width:100%;min-height:160px;max-height:42dvh;margin-top:8px;resize:vertical;padding:12px;border:1px solid var(--ui-line);border-radius:5px;background:#faf8f0a6;color:var(--ui-ink);font:400 max(16px,1rem)/1.65 var(--ui-font)}
.google-ai-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.google-ai-actions button,.google-ai-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;border:1px solid var(--ui-line);border-radius:5px;background:#f0eee855;color:var(--ui-ink);font:400 1rem/1.4 var(--ui-font);text-align:center;overflow-wrap:anywhere}
.google-ai-actions a{flex:1}.google-ai-actions a:hover{background:#e5e1d7}
#google-ai-status:empty{display:none}#google-ai-return{margin-top:16px}
#study-return{position:fixed;bottom:calc(34px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:30;max-width:90vw;min-height:44px;padding:8px 16px;background:var(--panel-paper);border:1px solid var(--ui-line);border-radius:5px;color:var(--ui-ink);box-shadow:0 2px 10px #29332f25;font:400 1rem/1.4 var(--ui-font)}
body.library-open #study-return{display:none}
#ask-form label{font:400 1rem/1.5 var(--ui-font)}
.ask-reference{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;min-height:44px;padding:4px 10px;margin-bottom:12px;border:1px solid var(--ui-line);border-radius:8px;background:#f5f4ed66;cursor:pointer}
.ask-reference:has(input:not(:checked)){color:var(--ui-muted);background:transparent}
#ask-form .toggle-row{display:flex;align-items:center;justify-content:flex-start;margin:12px 0;gap:12px}
#ask-context{flex:none;width:20px;height:20px}
.answer-paragraph{white-space:pre-wrap;overflow-wrap:anywhere;font:400 1.1rem/1.75 var(--serif)}
.answer-paragraph a,.answer-sources a{color:#644b34;text-decoration:underline;text-underline-offset:3px}
.answer-sources{padding-left:24px;overflow-wrap:anywhere}.answer-sources li{margin:10px 0;line-height:1.6}
.search-suggestions{border:0;width:100%;height:180px}
#library-shell{position:fixed;inset:0;z-index:20;background:#f3f5ef}#library-frame{width:100%;height:100%;border:0;display:block}
body.library-open #app{visibility:hidden;pointer-events:none}
#audio-mini,#audio-home{position:fixed;z-index:35;box-sizing:border-box;display:flex;gap:8px;align-items:center;padding:8px;border:1px solid rgb(255 255 255 / .65);border-radius:14px;background:rgb(244 244 237 / .76);-webkit-backdrop-filter:blur(12px) saturate(.8);backdrop-filter:blur(12px) saturate(.8);box-shadow:0 4px 20px rgb(35 44 39 / .18);color:#303b35}
#audio-mini{left:50%;transform:translateX(-50%);bottom:var(--audio-overlay-bottom,calc(34px + env(safe-area-inset-bottom)));width:min(620px,calc(100% - 20px));max-height:45dvh;overflow:auto}
#audio-mini button,#audio-home button{min-height:48px;min-width:48px;padding:8px;background:transparent;border:0;border-radius:8px;color:inherit;font:400 1rem/1.3 var(--ui-font);touch-action:manipulation}
#audio-mini-title{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}#audio-mini-status{display:block;font-size:.75rem;margin-bottom:3px;color:#535c55}
#audio-mini-toggle,#audio-home-toggle{border:1px solid rgb(65 76 68 / .3)}#audio-mini-version,#audio-mini-toggle,#audio-mini-collapse{flex:none}
#audio-mini-version{display:inline-flex;align-items:center;justify-content:center;gap:6px}
#audio-mini button:hover,#audio-home button:hover{background:rgb(73 84 74 / .10)}
#audio-mini button:focus-visible,#audio-home button:focus-visible{outline:2px solid #515e53;outline-offset:-2px}
#audio-home{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100% - 20px)}#audio-home-open{min-width:0;text-align:left;overflow-wrap:anywhere}
@media(max-width:440px){#audio-mini{flex-wrap:wrap;justify-content:flex-end}#audio-mini-title{flex-basis:100%}}
#audio-version-open{display:flex;width:100%;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;text-align:left}
#audio-version-open strong{font-weight:600}
#audio-info{margin-top:20px;border-top:1px solid var(--panel-rule)}
#audio-info summary{cursor:pointer;min-height:44px;padding:12px 0;font:400 .875rem/1.4 var(--sans);color:var(--panel-ink)}
#audio-status:empty{display:none}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){#audio-mini,#audio-home{background:#f0f1eb;-webkit-backdrop-filter:none;backdrop-filter:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#audio-mini,#audio-home{background:#f0f1eb}}
#audio-resume{display:block;width:100%;min-height:48px;padding:12px;margin:12px 0;border:1px solid var(--ui-line);border-radius:6px;background:#f5f4ed88;color:var(--ui-ink);text-align:left;font:400 1rem/1.5 var(--ui-font)}
#audio-timeline{margin:16px 0}.audio-times{display:flex;justify-content:space-between;font:400 .875rem/1.4 var(--ui-font);font-variant-numeric:tabular-nums}
#audio-storage{margin-bottom:14px}#audio-current{margin-bottom:12px}
/* Audio and return controls are overlays. They never resize the reader or library. */
@media(max-width:600px){.study-dialog{padding:18px 12px}.study-card{padding:26px 22px 34px}}
@media(prefers-reduced-transparency:reduce){.study-references button{background:var(--panel-paper)}}