.language-selector-wrap{display:flex;align-items:center;min-width:0}.language-icon{display:none!important}.language-select{width:100%;min-width:0;max-width:none}.location-controls select,.location-controls input,.location-controls button{min-width:0}.location-controls select{white-space:nowrap;text-overflow:ellipsis}.top-search{min-width:0}

/* Keep selector values visually centered, while search text stays left aligned. */
.location-controls>select,.language-selector-wrap select{height:42px!important;padding-top:0!important;padding-bottom:0!important;line-height:40px!important;text-align:center;text-align-last:center;vertical-align:middle}.location-controls>select option,.language-selector-wrap select option{text-align:start}.location-controls .top-search input{text-align:left!important}

/* Search is one compact visual control. */
.location-controls .top-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:0!important;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--panel) 82%,transparent);align-items:stretch}
.location-controls .top-search input,.location-controls .top-search input:focus{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;height:42px!important;line-height:42px!important;padding:0 14px!important}
.location-controls .top-search button{border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;padding-inline:12px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.location-controls .top-search button:hover{background:var(--hover)!important}

/* Primary navigation controls share one quiet visual rhythm. */
.location-controls>select,.language-selector-wrap select{background:color-mix(in srgb,var(--panel) 74%,transparent)}
.number-jump-control{position:relative;height:42px;display:grid;grid-template-columns:minmax(0,1fr) 28px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 74%,transparent);box-sizing:border-box;overflow:visible;align-items:center}
.number-jump-input{width:100%;height:40px;border:0!important;border-radius:10px 0 0 10px!important;background:transparent!important;color:var(--text);font:inherit;text-align:center;appearance:textfield;-moz-appearance:textfield;box-shadow:none!important;outline:none!important;padding:0 2px 0 4px!important;box-sizing:border-box;line-height:40px!important}
.number-jump-input::-webkit-outer-spin-button,.number-jump-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.number-jump-control:focus-within{border-color:color-mix(in srgb,var(--text) 42%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--text) 8%,transparent)}
.number-jump-options{height:40px!important;border:0!important;border-left:1px solid var(--line)!important;border-radius:0 9px 9px 0!important;background:transparent!important;color:var(--muted);padding:0!important;font-size:13px;line-height:40px!important;cursor:pointer;display:flex!important;align-items:center!important;justify-content:center!important}
.number-jump-options:hover{background:var(--hover)!important;color:var(--text)}
.number-jump-menu{position:absolute;z-index:220;top:calc(100% + 5px);left:0;right:0;max-height:260px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 10px 28px rgba(0,0,0,.14)}
.number-jump-menu[hidden]{display:none!important}
.number-jump-option{display:block;width:100%;height:34px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--text)!important;text-align:center;padding:0 8px!important;font:inherit;cursor:pointer}
.number-jump-option:hover,.number-jump-option[aria-selected="true"]{background:var(--hover)!important;font-weight:700}

/* Desktop navigation boxes use explicit widths so language changes cannot resize the topbar. */
@media(min-width:761px){
  .centered-nav #translationSelect{width:220px!important;min-width:220px!important;max-width:220px!important}
  .centered-nav .language-selector-wrap{width:160px!important;min-width:160px!important;max-width:160px!important}
  .centered-nav #bookSelect{width:240px!important;min-width:240px!important;max-width:240px!important}
  .centered-nav #chapterNumberControl{width:84px!important;min-width:84px!important;max-width:84px!important}
  .centered-nav #verseNumberControl{width:74px!important;min-width:74px!important;max-width:74px!important}
  .centered-nav .top-search{width:300px!important;min-width:300px!important;max-width:300px!important;justify-self:end}
  .toolbar{display:grid!important;grid-template-columns:100px 36px 36px 36px 36px 88px!important;gap:4px!important;align-items:center!important;width:348px!important;min-width:348px!important;max-width:348px!important}
  .toolbar #compareToggle{width:100px!important;min-width:100px!important;max-width:100px!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .toolbar .quick-tool{width:36px!important;min-width:36px!important;max-width:36px!important;padding-inline:0!important;margin:0!important}
  .toolbar .notebook-button{width:88px!important;min-width:88px!important;max-width:88px!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
.toolbar #compareToggle{border-color:var(--line);background:color-mix(in srgb,var(--panel) 76%,transparent);font-weight:700}
.toolbar .notebook-button{border-color:var(--line);background:color-mix(in srgb,var(--panel) 64%,transparent)}

/* Keep the chapter title visually centered, larger, and preserve the book/chapter gap. */
.chapter-heading h1,.chapter-heading .chapter-bookmark-button{top:34%!important}
.chapter-heading h1{word-spacing:normal!important;font-size:clamp(46px,3vw,56px)!important;line-height:1.15!important}

@media(min-width:1360px){
  .topbar{padding-block:9px}
  .topbar-inner.centered-nav{display:grid!important;grid-template-columns:minmax(0,1fr) 348px!important;gap:10px!important;width:min(1740px,100%)!important;align-items:center}
  .centered-nav .location-controls{display:grid!important;grid-template-columns:220px 160px 240px 84px 74px 300px!important;gap:8px!important;width:100%!important;min-width:0;align-items:center;justify-content:start}
  .centered-nav #translationSelect{grid-column:1}.centered-nav .language-selector-wrap{grid-column:2}.centered-nav #bookSelect{grid-column:3}.centered-nav #chapterNumberControl{grid-column:4}.centered-nav #verseNumberControl{grid-column:5}.centered-nav .top-search{grid-column:6!important}
  .toolbar{grid-column:2;justify-self:end;align-self:center}
}

@media(min-width:1041px) and (max-width:1359px){
  .topbar-inner.centered-nav{display:flex!important;flex-wrap:wrap;align-items:center;gap:7px;width:min(1450px,100%)!important}
  .centered-nav .location-controls{order:1;flex:1 1 auto;display:grid!important;grid-template-columns:200px 145px 220px 82px 72px 260px!important;gap:8px!important;width:auto!important;min-width:1020px;align-items:center}
  .centered-nav #translationSelect{width:200px!important;min-width:200px!important;max-width:200px!important}.centered-nav .language-selector-wrap{width:145px!important;min-width:145px!important;max-width:145px!important}.centered-nav #bookSelect{width:220px!important;min-width:220px!important;max-width:220px!important}.centered-nav #chapterNumberControl{width:82px!important;min-width:82px!important;max-width:82px!important}.centered-nav #verseNumberControl{width:72px!important;min-width:72px!important;max-width:72px!important}
  .centered-nav #translationSelect{grid-column:1}.centered-nav .language-selector-wrap{grid-column:2}.centered-nav #bookSelect{grid-column:3}.centered-nav #chapterNumberControl{grid-column:4}.centered-nav #verseNumberControl{grid-column:5}.centered-nav .top-search{grid-column:6!important;width:260px!important;min-width:260px!important;max-width:260px!important;justify-self:end}
  .toolbar{order:2;margin-inline-start:auto}
}

@media(min-width:761px) and (max-width:1040px){
  .topbar-inner.centered-nav{display:flex!important;flex-direction:column;align-items:stretch;gap:7px}
  .centered-nav .location-controls{order:1;display:grid!important;grid-template-columns:200px 145px 220px 82px 72px!important;gap:8px!important;width:100%;align-items:center}
  .centered-nav #translationSelect{grid-column:1}.centered-nav .language-selector-wrap{grid-column:2}.centered-nav #bookSelect{grid-column:3}.centered-nav #chapterNumberControl{grid-column:4}.centered-nav #verseNumberControl{grid-column:5}
  .centered-nav .top-search{grid-column:1/6!important;grid-row:2!important;width:300px!important;min-width:300px!important;max-width:300px!important;justify-self:end}
  .toolbar{order:2;align-self:flex-end}
}

@media(max-width:760px){
  .topbar{padding:8px 10px}
  .topbar-inner.centered-nav{gap:7px!important}
  .centered-nav .location-controls{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(82px,.62fr) minmax(76px,.58fr)!important;grid-template-rows:auto auto auto!important;column-gap:9px!important;row-gap:8px!important}
  .centered-nav #translationSelect{grid-column:1/3!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:100%!important}
  .centered-nav .language-selector-wrap{grid-column:3!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:100%!important}
  .centered-nav #bookSelect{grid-column:1!important;grid-row:2!important;width:100%!important;min-width:0!important;max-width:100%!important}
  .centered-nav #chapterNumberControl{grid-column:2!important;grid-row:2!important;width:100%!important;min-width:0!important;max-width:100%!important}
  .centered-nav #verseNumberControl{grid-column:3!important;grid-row:2!important;width:100%!important;min-width:0!important;max-width:100%!important}
  .centered-nav .location-controls .top-search{grid-column:1/4!important;grid-row:3!important;width:100%!important;max-width:100%!important}
  .centered-nav #bookSelect,.centered-nav #chapterNumberControl,.centered-nav #verseNumberControl,.centered-nav #translationSelect,.centered-nav .language-selector-wrap{margin:0!important;box-sizing:border-box}
  .language-select{padding-inline:8px;font-size:13px}
  .number-jump-control{grid-template-columns:minmax(0,1fr) 28px}
  .chapter-heading h1{font-size:clamp(38px,10vw,46px)!important}
  .toolbar{width:100%;justify-content:flex-end!important;overflow-x:auto;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}
  .toolbar #compareToggle{margin-inline:0 4px}.toolbar .notebook-button{margin-inline-start:3px}
}

@media(max-width:420px){
  .centered-nav .location-controls{grid-template-columns:minmax(0,1.65fr) minmax(76px,.6fr) minmax(70px,.56fr)!important;column-gap:7px!important;row-gap:7px!important}
  .location-controls select,.number-jump-input{font-size:14px}.language-select{font-size:12px!important}
  .number-jump-control{grid-template-columns:minmax(0,1fr) 26px}
}