:root{--base:17px;--he-scale:1.25;}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:#fff;color:#111;}
header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}
.title{font-weight:700}
.status{font-size:12px;opacity:.75}
.controls{padding:12px 16px;border-bottom:1px solid #f0f0f0}
.controls .row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:6px 0}
label{display:flex;align-items:center;gap:6px;font-size:14px}
select,input[type="text"],input[type="search"],button{font-size:14px;padding:6px 8px}
.search-wrap{flex:1;display:flex;gap:8px;align-items:center}
.search-wrap input{flex:1}
.options .group{display:flex;align-items:center;gap:10px;margin-right:18px;flex-wrap:wrap}
.gtitle{font-weight:600;margin-right:4px}
.badge{display:inline-block;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:2px 6px;font-size:12px}
.results{display:grid;grid-template-columns:1fr;gap:0;min-height:calc(100vh - 140px)}
.results.split{grid-template-columns:minmax(0,1fr) 360px}
.reader{padding:12px 16px;line-height:1.6;overflow-wrap:anywhere}
.reader .verse{padding:4px 0;border-left:3px solid transparent}
.reader .verse .vnum{display:inline-block;min-width:2ch;font-weight:600;opacity:.7;margin-right:6px}
.reader .verse.he{direction:rtl;font-family:"SBL Hebrew","Ezra SIL","Noto Sans Hebrew",serif}
/* TOKENS */
.tok{margin-right:6px}
.tok .s{color:#d63384;font-size:.75em;cursor:pointer}
.lex{border-left:1px solid #e5e7eb;background:#fafafa;overflow:auto}
.lex.hidden{display:none}
.lx-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0}
.lx-clear{border:1px solid #e5e7eb;background:#fff;border-radius:6px;padding:2px 8px;cursor:pointer}
#lx-body{padding:12px}
.lx-sec h3{margin:8px 0 4px 0;font-size:14px}

/* SEARCH RESULTS styled like eSword-ish */
.search-results{padding:16px 16px 28px 16px}
.search-results .header{text-align:center;margin-bottom:10px}
.search-results .header h2{font-size:20px;margin:0;text-decoration:underline;font-weight:800}
.search-results .row{padding:10px 0;border-bottom:1px dashed #e5e7eb}
.search-results .row:last-child{border-bottom:none}
.search-results .ref{font-weight:700;color:#1a7f37;text-decoration:none;display:inline-block;min-width:8ch;margin-right:10px}
.search-results .ref:hover{text-decoration:underline}
.search-results .verse{display:inline;line-height:1.75}
.search-results mark.hit{background:#cfe8ff;border-radius:3px;padding:0 2px}

/* Utility */
.hidden{display:none}
.small{font-size:12px;opacity:.8}
.err{color:#b91c1c}
@media (max-width: 900px){.results.split{grid-template-columns:1fr} .lex{order:-1}}