/* Study tools share the existing quiet day and midnight palettes. */
[hidden]{display:none!important}
body #search-view[hidden],body #read-view[hidden],body #compare-view[hidden],body #word-view[hidden],body #patterns-view[hidden],body #library-view[hidden],body #panel-fullscreen[hidden]{display:none!important}
header{flex-wrap:wrap;height:auto!important;min-height:78px;padding-block:12px!important}header nav{flex-wrap:wrap;justify-content:center}header .offline{display:none}.header-tools{margin-left:auto}
.studio-more{position:relative}.studio-more>summary{cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:12px;background:var(--surface)}.studio-more-items{position:absolute;right:0;top:calc(100% + 10px);min-width:255px;padding:8px;display:grid;gap:4px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:40}.studio-more-items button{text-align:left;white-space:normal}
.panel-grip{min-height:40px;gap:0;flex-wrap:wrap}.panel-grip .drag-panel{padding-inline:5px;font-size:10px;min-width:65px;letter-spacing:0}.panel-grip [data-step]{display:none}.panel-grip.show-arrange [data-step]{display:block}.panel-size-controls{display:flex;gap:0;margin-left:auto}.panel-size-controls button{font-size:16px;padding:4px 7px;min-height:30px}.panel-size-controls .zoom-value{font-size:10px;padding:5px 3px;min-width:37px;font-variant-numeric:tabular-nums}.panel-size-controls [data-panel-expand]{font-size:21px}.panel-size-controls .arrange-panel{font-size:19px}
#search-controls{padding:0;overflow:hidden;display:flex;flex-direction:column}#search-controls .panel-grip{margin:0}#search-controls>.panel-zoom-content{padding:18px;overflow:auto;flex:1;min-height:0}
.panel-zoom-content{min-width:0;min-height:0}#search-results>.panel-zoom-content,#reader>.panel-zoom-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.read-layout .panel-grip{display:flex}.read-layout #reader>.panel-zoom-content{overflow:visible}.read-layout .scripture{max-width:1100px}.reader-heading-actions{flex-wrap:wrap;justify-content:flex-end}.reader-heading-actions button{margin:0;font-size:11px;padding:6px 9px}
.active-study-details>summary span{display:inline-block;margin-right:8px}.active-study-details>summary b{overflow-wrap:anywhere}
.reader-settings-toggle,.mobile-books-toggle{display:none}.reader-edition-caption{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.panel-is-fullscreen .arrange-panel,.panel-is-fullscreen [data-step]{display:none!important}.panel-is-fullscreen .drag-panel{cursor:default}
@media(max-width:1049px){body[data-view=search] #search-view>#search-controls{height:auto!important;min-height:0!important}#search-view>#search-controls>.panel-zoom-content{overflow:visible;flex:none}}
@media(max-width:340px){body{min-width:0!important}.panel-size-controls button{min-width:26px!important;padding-inline:4px!important}.panel-grip .drag-panel{min-width:55px!important}}
.search-advanced,.clause-advanced,.additional-clauses{margin:10px 0;border:1px solid var(--line);border-radius:10px;padding:9px 11px}.search-advanced>summary,.clause-advanced>summary,.additional-clauses>summary{color:var(--muted);font-size:11px;cursor:pointer}.search-advanced[open]>summary,.clause-advanced[open]>summary,.additional-clauses[open]>summary{margin-bottom:12px}.clause-advanced{border:0;padding:0}.clause-advanced summary small{color:var(--gold)}.search-advanced label{margin-top:10px}.search-advanced p{margin-bottom:0}.additional-clauses{padding:10px}.active-study-banner{max-height:none!important;flex-shrink:0!important}.active-study-details>summary{cursor:pointer;font-size:11px;color:var(--accent);padding:2px 0;overflow-wrap:anywhere}.active-study-details:not([open])>summary{margin:0}.active-study-details[open]{max-height:300px;overflow:auto}
.panel-focus-open{overflow:hidden}#panel-fullscreen{position:fixed;inset:0;z-index:30;padding:12px;background:var(--bg);display:flex}#panel-fullscreen>.panel{width:100%;height:100%;min-width:0;min-height:0;margin:0;display:flex;flex-direction:column;overflow:hidden}#panel-fullscreen .panel-zoom-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}#panel-fullscreen #search-controls>.panel-zoom-content{display:block;overflow:auto}#panel-fullscreen .scripture{overflow:auto;flex:1;padding:24px clamp(20px,7vw,110px);width:100%;max-width:none;margin:0}#panel-fullscreen .reader-controls{display:flex;flex-wrap:wrap;gap:10px}#panel-fullscreen .reader-controls>select{flex:1 1 240px;width:auto;margin:0}#panel-fullscreen .reader-controls>.paired{flex:1 1 240px}#panel-fullscreen .reader-extras{max-height:35%}
.patterns-page{max-width:1400px;padding:0 30px 40px;margin:auto}.patterns-intro{max-width:760px;margin:0 0 26px}.patterns-intro h2{font-size:clamp(27px,4vw,42px);font-weight:400;line-height:1.2;margin:12px 0}.patterns-intro p{color:var(--muted);font-size:14px}.pattern-catalog{padding:26px}.pattern-filter-head{display:flex;gap:20px;align-items:start}.pattern-filter-head>label{flex:1}.pattern-filter-options{flex:0 1 280px;padding:8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.pattern-filter-options summary{cursor:pointer;font-size:12px}.pattern-filter-options label{margin-top:12px}.pattern-scope-index{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 12px}.pattern-scope-index button{font-size:11px;padding:8px 12px}.pattern-scope-index small{color:var(--gold);margin-left:5px}[aria-pressed=true]{border-color:var(--accent)}#pattern-register{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.pattern-entry{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:13px;display:flex;gap:15px;align-items:center;justify-content:space-between;transition:transform .25s,box-shadow .25s}.pattern-entry:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow)}.pattern-entry>div{min-width:0}.pattern-entry h3{font:17px/1.5 Georgia;margin:5px 0;overflow-wrap:anywhere}.pattern-entry p{font-size:11px;color:var(--muted);margin:0}.pattern-entry-context{color:var(--gold);font-size:9px;letter-spacing:.8px}.pattern-entry>button{font-size:11px;white-space:nowrap;background:var(--paper)}.pattern-entry.compact{padding:10px;background:var(--paper);box-shadow:none;margin-top:7px}.pattern-entry.compact h3{font:12px/1.4 'Segoe UI';margin:2px 0}.pattern-entry.compact p{font-size:10px}#pattern-hints{padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line);max-height:40%;overflow:auto;flex:0 0 auto}#pattern-hints>.hint{margin:0}#pattern-hints>button{margin-top:9px;font-size:11px}#toggle-pattern-hints{font-size:11px;padding:7px 10px}.pattern-number-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;background:var(--surface);padding:18px;border-radius:12px}.pattern-number-summary strong{display:block;font:28px Georgia;color:var(--accent)}.pattern-number-summary small{font-size:11px;color:var(--muted)}.pattern-term-row{padding:10px 0;border-bottom:1px solid var(--line)}.pattern-term{font:19px/1.7 Georgia;overflow-wrap:anywhere;margin:5px 0}.pattern-term-row small{color:var(--muted);font-size:11px}.pattern-notes{margin:22px 0;font-size:12px}.pattern-notes summary{cursor:pointer}.pattern-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.pattern-detail-actions .primary{margin:0}
#parallel-reader-controls{flex:1 1 100%;display:flex;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}#parallel-reader-controls label{flex:1;min-width:0}#parallel-reader-controls button{margin-bottom:0;flex:0 1 auto}.parallel-column-head{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:14px 30px;font-size:11px;color:var(--gold);border-bottom:1px solid var(--line);background:var(--surface)}.parallel-column-head span{overflow-wrap:anywhere}.parallel-verse-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}.parallel-verse-row>.verse{min-width:0;font-size:19px;line-height:1.85;padding:8px 12px;margin-bottom:14px;overflow-wrap:anywhere}.parallel-verse-row>.verse+.verse{border-left:1px solid var(--line)}.parallel-reading .scripture{max-width:none;padding:24px}.missing-verse{font:12px/1.8 'Segoe UI'!important;color:var(--muted);opacity:.8}.parallel-toggle[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
[data-annotation-ref]{position:relative;user-select:text}.study-text{user-select:text;cursor:text;overflow-wrap:anywhere}.annotation-handle{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;margin-left:8px;padding:2px 6px!important;min-width:25px;min-height:25px;border:1px solid transparent;background:transparent!important;font:12px 'Segoe UI'!important;color:var(--muted);opacity:.45}.annotation-handle:focus-visible,[data-annotation-ref]:hover .annotation-handle{opacity:1}.has-word-connection>.annotation-handle{opacity:1;color:var(--accent);border-color:var(--accent)}.has-word-connection>.annotation-handle::after{content:'↔';font-size:11px;margin-left:2px}.compare-annotation-text{display:block}.result{cursor:pointer;border-bottom:1px solid var(--line)}.result-open{border:0;padding:0;background:transparent;width:100%;display:block;text-align:left}.result-open:hover{background:transparent!important;transform:none!important}.result small{flex-wrap:wrap}.result p{cursor:text}.result:focus-within{background:var(--accent-soft)}
::highlight(bs-gold){background:#b48e426b;color:inherit}::highlight(bs-violet){background:#9b7ddd64;color:inherit}::highlight(bs-rose){background:#cf789a64;color:inherit}::highlight(bs-blue){background:#699fc76b;color:inherit}::highlight(bs-green){background:#6aa28766;color:inherit}mark[data-study-mark=gold]{background:#b48e426b}mark[data-study-mark=violet]{background:#9b7ddd64}mark[data-study-mark=rose]{background:#cf789a64}mark[data-study-mark=blue]{background:#699fc76b}mark[data-study-mark=green]{background:#6aa28766}
#annotation-popover{position:fixed;inset:auto;margin:0;width:300px;max-width:calc(100vw - 16px);padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow);z-index:70}#annotation-popover .selection-label{display:block;overflow-wrap:anywhere;font-size:12px;color:var(--muted);margin-bottom:10px}.annotation-swatches{display:flex;gap:8px;margin:8px 0 12px}.annotation-swatches button{width:32px;height:32px;border:2px solid var(--line);padding:0;border-radius:50%}.annotation-swatches [data-color=gold]{background:#b48e42}.annotation-swatches [data-color=violet]{background:#9b7ddd}.annotation-swatches [data-color=rose]{background:#cf789a}.annotation-swatches [data-color=blue]{background:#699fc7}.annotation-swatches [data-color=green]{background:#6aa287}#annotation-popover>button{font-size:12px;margin-right:4px}#quick-close{float:right}.annotation-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.annotation-actions .primary{margin:0}.annotation-record{padding:16px;border:1px solid var(--line);border-radius:12px;margin:12px 0;background:var(--surface);overflow-wrap:anywhere}.annotation-record h3{font-size:14px}.annotation-record p{font-size:13px}.annotation-record small{color:var(--gold)}.annotation-record button{font-size:11px;margin-right:5px;margin-top:6px}.annotation-records{margin-top:18px}#connection-banner{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(700px,calc(100% - 24px));z-index:45;background:var(--paper);border:1px solid var(--accent);border-radius:14px;padding:14px 18px;box-shadow:var(--shadow);font-size:12px}#connection-banner>div{display:flex;gap:10px;flex-wrap:wrap}#connection-banner span{color:var(--muted);overflow-wrap:anywhere}#connection-banner p{margin:7px 0}#connection-banner button{font-size:11px;margin-right:6px}#connection-target blockquote{margin:20px 0;padding:15px;background:var(--surface);font:19px/1.7 Georgia}#annotation-error,#connection-error,#record-error{color:var(--gold);font-size:12px}
dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:26px}dialog::backdrop{background:#080c1bc0}dialog input,dialog select,dialog textarea{max-width:100%;min-width:0}dialog h2{padding-right:25px}#toast{z-index:90;background:var(--accent);color:var(--on-accent);max-width:calc(100% - 24px);width:max-content;font-size:12px}.mobile-workspace-tabs{display:none}
@media(max-width:1200px){header{gap:10px!important}header nav button{padding:8px 10px!important}.brand small{letter-spacing:1px!important}.header-tools button{padding:8px!important}.panel-grip .drag-panel{font-size:9px}.panel-size-controls button{padding-inline:5px}}
@media(max-width:1049px){#search-view.workspace{display:block!important;height:auto;min-height:0;margin:0 16px 24px}#search-view>.workspace-splitter{display:none}#search-view>.panel{height:calc(100dvh - 235px)!important;min-height:480px!important;width:100%!important;grid-column:auto!important}body[data-mobile-panel=search-controls] #search-view>#search-results,body[data-mobile-panel=search-controls] #search-view>#reader,body[data-mobile-panel=search-results] #search-view>#search-controls,body[data-mobile-panel=search-results] #search-view>#reader,body[data-mobile-panel=reader] #search-view>#search-controls,body[data-mobile-panel=reader] #search-view>#search-results{display:none!important}.mobile-workspace-tabs{display:none}body[data-view=search]>.mobile-workspace-tabs{display:flex;gap:6px;margin:12px 16px}.mobile-workspace-tabs button{flex:1;font-size:12px;min-height:40px}.mobile-workspace-tabs [aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.panel-grip .drag-panel{font-size:11px}.panel-size-controls button{min-height:36px;min-width:30px}#reader-dock{width:100%}.pattern-entry{align-items:start;flex-direction:column}#panel-fullscreen>.panel{min-height:0!important}}
@media(max-width:720px){body{min-width:320px}header,body[data-view=compare] header{padding:12px!important;gap:10px!important;align-items:center}header .brand{font-size:22px!important;flex:1}.brandmark{width:35px;height:35px}header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;order:3;overflow:visible!important;gap:4px!important}header nav button{white-space:normal!important;min-height:40px;padding:7px 4px!important;font-size:11px!important}.header-tools{gap:6px;order:2}.header-tools>button{font-size:10px}.studio-more>summary{padding:8px;font-size:11px}.studio-more-items{right:0;min-width:240px}.context,body[data-view=compare] .context{padding:18px 16px}.context h1{font-size:24px}.read-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;margin:0!important;padding:0 12px 24px!important;gap:12px!important}.book-navigator{position:static!important;max-height:260px!important;width:100%;padding:16px!important}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.book-grid button{white-space:normal;overflow-wrap:anywhere;min-height:40px;padding:8px!important}#reader-dock .reader{width:100%;min-height:0}.read-layout .panel-head{padding:16px}.read-layout .reader-controls{padding:12px;gap:8px}.read-layout .scripture{padding:20px}.read-layout .verse{font-size:20px}.reader-heading-actions{gap:5px}.reader-heading-actions button{font-size:10px;padding:6px}.panel-head{gap:8px;padding:14px!important}.panel-head h2{font-size:21px}.reader .panel-head{align-items:start}.reader-heading-actions{max-width:52%}#focus-reader{display:none}#search-controls>.panel-zoom-content{padding:14px}.panel-size-controls button{min-width:30px;min-height:36px}.panel-grip{padding:3px 6px}.panel-grip .drag-panel{min-width:65px;font-size:10px}.panel-size-controls .zoom-value{min-width:34px}#panel-fullscreen{padding:6px}#panel-fullscreen .panel-head{flex-shrink:0}#panel-fullscreen .scripture{padding:20px}.reader-controls .paired{flex-wrap:wrap}.reader-controls .paired select:first-child{flex:1 1 140px}.reader-controls .paired input{max-width:50px}.reader-controls .paired select{min-width:0}.patterns-page{padding:0 12px 24px}.pattern-catalog{padding:16px}.patterns-intro{padding:0 4px;margin-bottom:18px}.pattern-filter-head{display:block}.pattern-filter-options{margin-top:12px}.pattern-scope-index{gap:5px}.pattern-scope-index button{font-size:10px;padding:8px}.pattern-entry{padding:14px;gap:10px}#pattern-register{grid-template-columns:minmax(0,1fr)}.pattern-entry h3{font-size:16px}.pattern-entry>button{min-height:40px}.pattern-number-summary{gap:6px;padding:12px}.pattern-number-summary strong{font-size:23px}.pattern-number-summary small{font-size:10px}dialog{padding:20px;max-height:calc(100dvh - 16px)}dialog h2{font-size:23px}.annotation-editor>.paired{display:block}.annotation-handle{opacity:.8;min-width:32px;min-height:32px}.annotation-actions button{min-height:42px}.annotation-record button{min-height:40px}#parallel-reader-controls{flex-wrap:wrap;align-items:center}#parallel-reader-controls label{flex-basis:100%}#parallel-reader-controls button{min-height:36px}.parallel-column-head{gap:12px;padding:12px;font-size:10px}.parallel-reading .scripture{padding:12px}.parallel-verse-row{gap:10px}.parallel-verse-row>.verse{font-size:17px!important;line-height:1.8;padding:6px 4px;hyphens:auto}.parallel-verse-row>.verse+.verse{padding-left:10px}.compare .compare-top>.paired{max-width:100%}.compare-ref{gap:6px}.compare-ref input{width:54px!important;min-width:0}.compare .compare-tools{flex-wrap:wrap}.compare-bottom{gap:6px}.compare-bottom button{min-width:0;white-space:normal;padding:8px}.compare-columns select{width:100%;max-width:100%}.word-layout{display:block!important;margin:0 12px!important;padding:0!important}.word-layout>.panel{margin-bottom:14px;padding:18px!important;width:100%}.histogram{overflow-x:auto;justify-content:start}.histogram .histogram-bar{flex:0 0 14px}.library{overflow-wrap:anywhere}.library-row{grid-template-columns:minmax(0,1fr) 70px!important}.library .panel-head{flex-wrap:wrap}.library #library-filter{width:100%;min-width:0}.compare-sidebar{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:720px){.reader-settings-toggle,.mobile-books-toggle{display:inline-flex}.reader:not(.reader-settings-open) .reader-controls{display:none!important}.reader-controls #read-chapter{flex:1 0 90px}.reader-heading-actions{max-width:55%}.reader-heading-actions .reader-settings-toggle{width:100%;justify-content:center;min-height:36px}.mobile-books-toggle{font-size:12px;min-height:40px}.book-navigator:not(.mobile-books-open) .book-filter,.book-navigator:not(.mobile-books-open) .book-grid,.book-navigator:not(.mobile-books-open) h3{display:none!important}.book-navigator h2{font-size:21px;margin:5px 0 12px}.book-navigator{max-height:380px!important}}