html[data-design] .study-controls{padding:8px 12px;flex:0 0 auto;border-bottom:1px solid var(--line);font:13px var(--font-ui);color:var(--ink)}
html[data-design] .comparison-actions{display:flex;gap:8px;flex-wrap:wrap}
html[data-design] #compare-options{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin-top:8px;min-width:0}html[data-design] #compare-scope{flex:0 0 auto;width:auto;max-width:140px;margin:0;font:13px var(--font-ui)}html[data-design] #compare-versions{display:flex;gap:10px;flex:1 1 0;min-width:0;flex-wrap:nowrap;overflow-x:auto;padding:4px 2px;scrollbar-width:thin}html[data-design] #compare-versions .checkbox-label{flex:0 0 auto;white-space:nowrap;font:13px var(--font-ui)}
html[data-design] .connections-box{padding:8px 14px;border-bottom:1px solid var(--line);flex:0 0 auto;color:var(--ink);font:14px var(--font-ui)}
html[data-design] .connections-box summary{cursor:pointer}html[data-design] #connections-list{max-height:24vh;overflow:auto;display:grid;gap:6px}html[data-design] .connection-link{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:7px;text-align:left}html[data-design] .connection-link small{display:block;margin-top:3px;color:var(--muted)}
html[data-design] .original-word:hover{border-bottom:1px dotted var(--accent)}
html[data-design] #verses.comparing{columns:auto;padding:16px;display:block;font:18px/1.7 var(--font-reader)}
html[data-design] .comparison-head,html[data-design] .comparison-row{display:grid;grid-template-columns:repeat(var(--compare-count),minmax(0,1fr));gap:12px;border-bottom:1px solid var(--line);padding:14px 0}html[data-design] .comparison-row>div{overflow-wrap:anywhere;min-width:0}html[data-design] .comparison-head{position:sticky;top:0;background:var(--paper);font:13px var(--font-ui);z-index:1}
html[data-design] .word-difference{background:var(--highlight);color:inherit;border-bottom:1px dotted var(--focus)}html[data-design] .comparison-notice{font:13px/1.5 var(--font-ui);color:var(--muted)}html[data-design] .comparison-row.selected{box-shadow:inset 2px 0 var(--accent)}
html[data-design] #connection-preview,html[data-design] #original-dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:28px;max-width:min(760px,85vw);max-height:85vh;overflow:auto}html[data-design] #original-concordance{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
html[data-design] #original-inline #original-card{min-width:0;overflow-wrap:anywhere}html[data-design] #original-inline #original-word-title{font:600 19px/1.4 var(--font-ui);margin:12px 0}html[data-design] #original-inline #original-codes{font:13px/1.5 var(--font-ui);color:var(--muted)}html[data-design] #original-inline .document-prose{font:inherit;line-height:inherit}html[data-design] #original-inline #original-concordance button{white-space:normal;text-align:left}
html[data-design] .original-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;margin:12px 0 20px}html[data-design] .original-actions #original-concordance{margin:0}html[data-design] #panes[data-comparison-expanded="true"] #pane-biblia{max-width:none;width:100%;justify-self:stretch}