/* /bible: the lookup box, the book grids, the chapter step. Everything is under .bh (as popes.css is under its own class); fonts and colours are main.css's.
   Phone first; the wide layout starts at 900px. */
.bh {
  --white: #fff; --cream: #fffaea; --sand: #ece3cf; --ink: #1f1a17; --ink-soft: #6e6258; --muted: #7d7168;
  --gold-light: #f9edc0; --gold-pale: #fbf0c4; --brown: #562300; --umber: #673417; --sienna: #7a3f1b; --ochre: #8a5a2b;
  --bronze: #c89c65; --gold: #c28a00; --lapis: #3a669f; --cc-brand: #5e3a15;
  --font-display: "Marcellus", "Marcellus Fallback", Georgia, serif;
  --font-serif: "Crimson Pro", "Crimson Pro Fallback", Georgia, "Times New Roman", serif;
  --font-sans: "Figtree", "Figtree Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-ui: "Arabic Text", "Figtree", "Figtree Fallback", system-ui, sans-serif; /* Arabic letters in the Arabic face, everything else Figtree (as main.css does) */
  --gutter: 16px; --radius: 6px;
  box-sizing: border-box; color: var(--ink); line-height: 1.55;
}
.bh *, .bh *::before, .bh *::after { box-sizing: border-box; }
.bh [hidden] { display: none !important; }
.bh a { color: var(--sienna); }
.bh :focus-visible { outline: 2px solid var(--lapis); outline-offset: 2px; }
.bh-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.bh .bh-sr { position: absolute; }
/* without scripts: no tabs, both testaments listed with their headings, a Go button, no clear button */
html:not(.has-js) .bh .bh-tabs { display: none; }
html:not(.has-js) .bh .bh-t h2 { display: block; margin: 14px 0 8px; font: 600 12.5px/1.3 var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--ochre); }
html:not(.has-js) .bh .bh-go { display: inline-flex; align-items: center; }
.bh .bh-verse .bh-sec + .bh-sec { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--sand); }
.bh .bh-verse .txt p { margin: 0 0 .4em; }
.bh .bh-verse .txt .vn { color: var(--ochre) !important; font: 600 .62em/0 var(--font-sans); vertical-align: .45em; margin-right: .25em; }
.bh .bh-verse .txt:lang(ar) .vn { margin: 0 0 0 .25em; }
.bh .bh-verse .miss { margin: 0; font-size: 1.05rem; color: var(--ink-soft); }
.bh .bh-verse .miss:lang(ar) { font-family: var(--font-ar); line-height: 1.9; }
/* ---------- the page column ---------- */
.bh { padding: 0 var(--gutter); max-width: 900px; margin: 0 auto; }
.bh .bh-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 6px 0 12px; }
.bh .bh-title { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: 2rem; line-height: 1.15; color: var(--cc-brand); display: flex; justify-content: space-between; align-items: baseline; width: 100%; gap: 12px; }
.bh .bh-title-ar { font-family: var(--font-ar-heading); font-weight: 500; font-size: 1.2rem; color: var(--ochre); line-height: 1.6; }
.bh[data-lang="ar"] .bh-title-ar { font-size: 1.6rem; color: var(--cc-brand); order: -1; }
.bh[data-lang="ar"] .bh-title-en { font-size: 1.25rem; color: var(--ochre); }

/* ---------- the box ---------- */
.bh-find { position: relative; margin: 0; }
.bh .bh-box { display: flex; align-items: center; height: 52px; padding: 0 4px 0 12px; background: var(--white); border: 1px solid var(--bronze); border-radius: var(--radius); box-shadow: inset 0 1px 2px rgba(35,27,24,.08); }
.bh .bh-box:focus-within { border-color: var(--lapis); box-shadow: 0 0 0 2px rgba(58,102,159,.25); }
.bh .bh-box-ico { flex: none; color: var(--muted); margin-right: 8px; }
.bh .bh-box input { flex: 1 1 0; min-width: 0; height: 44px; border: 0; background: transparent; padding: 0; color: var(--ink); font: 400 17px/1.3 var(--font-ui); -webkit-appearance: none; appearance: none; outline: none; }
.bh .bh-box input::placeholder { color: var(--muted); opacity: 1; }
.bh .bh-box input::-webkit-search-cancel-button, .bh .bh-box input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
.bh .bh-clear { flex: none; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; width: 44px; height: 44px; border: 0; background: transparent; color: var(--ink-soft); font-size: 24px; line-height: 1; cursor: pointer; }
.bh .bh-clear[hidden] { display: none; }
.bh .bh-ver { flex: none; height: 44px; min-width: 44px; margin: 0 2px 0 4px; padding: 0 26px 0 12px; border: 1px solid var(--sand); border-radius: 999px; background: var(--gold-pale) no-repeat right 10px center / 8px 8px; background-image: linear-gradient(45deg, transparent 50%, var(--umber) 50%), linear-gradient(135deg, var(--umber) 50%, transparent 50%); background-position: right 14px top 19px, right 10px top 19px; background-size: 5px 5px, 5px 5px; color: var(--umber); font: 600 14px/1 var(--font-ui); -webkit-appearance: none; appearance: none; cursor: pointer; max-width: 118px; }
.bh .bh-go { flex: none; display: none; height: 44px; padding: 0 18px; margin-left: 4px; border: 0; border-radius: 4px; background: var(--umber); color: var(--white); font: 600 15px/1 var(--font-sans); cursor: pointer; }
.bh .bh-go:hover { background: var(--brown); }
@media (min-width: 600px) { .bh .bh-go { display: inline-flex; align-items: center; } }

/* the suggestions: what Enter will do, first */
.bh-sugg { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 20; margin: 0; padding: 4px 0; list-style: none; background: var(--white); border: 1px solid var(--sand); border-radius: var(--radius); box-shadow: 0 12px 32px rgba(40,25,5,.18); }
.bh .bh-sugg li { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 6px 14px; cursor: pointer; font-family: var(--font-ui); }
.bh .bh-sugg li[aria-selected="true"], .bh .bh-sugg li:hover { background: var(--gold-pale); }
.bh .bh-sugg .ico { flex: none; width: 22px; color: var(--ochre); display: flex; justify-content: center; }
.bh .bh-sugg .main { font: 500 17px/1.3 var(--font-ui); color: var(--ink); flex: 1 1 auto; min-width: 0; }
.bh .bh-sugg .main q { quotes: "\201C" "\201D"; font-weight: 600; color: var(--brown); }
.bh .bh-sugg .main q:lang(ar) { quotes: "\00AB" "\00BB"; }
.bh .bh-sugg .sub { flex: 0 1 auto; max-width: 45%; text-align: end; font: 400 13px/1.3 var(--font-sans); color: var(--ink-soft); }
.bh .bh-sugg .note { display: block; margin-top: 2px; font: 400 13px/1.35 var(--font-sans); color: var(--ink-soft); }
.bh .bh-sugg li.none { cursor: default; }
.bh .bh-sugg li.none:hover { background: transparent; }
.bh .bh-sugg li.none .ico { color: var(--muted); }
.bh[data-lang="ar"] .bh-sugg .ico svg.flip { transform: scaleX(-1); }
.bh .bh-sugg .preview { display: block; font: 400 16px/1.45 var(--font-serif); color: var(--ink-soft); margin-top: 2px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bh .bh-sugg .preview:lang(ar) { font-family: var(--font-ar); font-size: 17px; line-height: 1.9; }
.bh[data-lang="ar"] .bh-sugg li { direction: rtl; text-align: right; }

/* ---------- a verse looked up ---------- */
.bh-verse { max-width: 640px; margin: 14px 0 0; padding: 14px 16px 12px; background: var(--cream); border: 1px solid var(--sand); border-left: 4px solid var(--gold); border-radius: 2px; }
.bh .bh-verse[dir="rtl"] { border-left: 1px solid var(--sand); border-right: 4px solid var(--gold); }
.bh .bh-verse h2 { margin: 0 0 4px; font: 400 1.35rem/1.2 var(--font-display); color: var(--cc-brand); }
.bh .bh-verse h2:lang(ar) { font-family: var(--font-ar-heading); font-weight: 500; font-size: 1.3rem; line-height: 1.6; }
.bh .bh-verse .txt { font-size: 1.125rem; line-height: 1.5; margin: 0; }
.bh .bh-verse .txt:lang(ar) { font-family: var(--font-ar); font-size: 1.2rem; line-height: 2.1; }
.bh .bh-verse .vn { font: 600 .62em/0 var(--font-sans); color: var(--ochre); vertical-align: .45em; margin-right: .25em; }
.bh .bh-verse .txt:lang(ar) .vn { margin: 0 0 0 .25em; }
.bh .bh-verse .acts { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 10px; font: 500 14px/1 var(--font-sans); }
.bh .bh-verse .acts a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; padding: 0 6px; color: var(--umber); text-decoration: none; }
.bh .bh-verse .acts a:hover { text-decoration: underline; }
.bh .bh-verse .acts a.primary { padding: 0 16px; background: var(--umber); color: var(--white); border-radius: 4px; }
.bh .bh-verse .acts a.primary:hover { background: var(--brown); text-decoration: none; }

/* ---------- resume row ---------- */
.bh-resume { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.bh .bh-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border: 1px solid var(--bronze); border-radius: 999px; background: var(--white); color: var(--umber); font: 500 14px/1 var(--font-ui); text-decoration: none; white-space: nowrap; }
.bh .bh-chip:hover { background: var(--gold-pale); color: var(--brown); }
.bh .bh-chip-gold { background: var(--gold-light); border-color: var(--gold); color: var(--brown); font-weight: 600; }
.bh .bh-chip-gold:hover { background: var(--gold); color: var(--white); }
.bh .bh-chip small { font: 600 11px/1 var(--font-sans); letter-spacing: .06em; padding: 4px 6px; border-radius: 3px; background: rgba(86,35,0,.1); color: var(--brown); }
.bh .bh-chip .arrow { font-size: 16px; opacity: .7; }
.bh .bh-chip .t-short { display: none; }
@media (max-width: 379px) { .bh .bh-chip .t-long { display: none; } .bh .bh-chip .t-short { display: inline; } }

/* ---------- the books ---------- */
.bh-books { margin-top: 16px; }
.bh .bh-tabs { display: flex; border: 1px solid var(--bronze); border-radius: var(--radius); overflow: hidden; background: var(--white); }
.bh .bh-tabs button { flex: 1 1 0; min-height: 44px; border: 0; background: var(--white); color: var(--umber); font: 600 14.5px/1.2 var(--font-ui); cursor: pointer; padding: 0 8px; }
.bh .bh-tabs button + button { border-left: 1px solid var(--bronze); }
.bh .bh-tabs button[aria-selected="true"] { background: var(--umber); color: var(--white); }
.bh .bh-tabs button[disabled] { color: var(--muted); cursor: not-allowed; background: #f6f3ea; }
.bh .bh-tabs button small { display: block; font: 500 11px/1.2 var(--font-sans); opacity: .8; margin-top: 2px; }
.bh .bh-tabs button:focus-visible { outline-offset: -3px; }
.bh .bh-tabs button[aria-selected="true"]:focus-visible { outline: 3px solid var(--white); outline-offset: -5px; box-shadow: inset 0 0 0 2px var(--lapis); }
.bh .bh-t { margin-top: 10px; }
.has-js .bh .bh-t { display: none; }
.has-js[data-bh-t="nt"] .bh #nt, .has-js[data-bh-t="ot"] .bh #ot { display: block; }
.bh .bh-t h2 { display: none; }
.bh .bh-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.bh .bh-grid a { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 44px; padding: 4px 6px; border: 1px solid var(--sand); border-radius: var(--radius); background: var(--white); color: var(--ink); text-decoration: none; font: 500 14.5px/1.2 var(--font-sans); overflow-wrap: anywhere; }
.bh .bh-grid a:hover, .bh .bh-grid a:focus-visible { border-color: var(--ochre); background: var(--cream); color: var(--brown); }
.bh .bh-grid a[aria-disabled="true"] { color: var(--muted); background: #f8f6f0; border-color: #efeadb; pointer-events: none; }
.bh .bh-grid a.long { font-size: 13px; letter-spacing: -.01em; } /* 1 Thessalonians and friends stay on one line */
.bh-grid .ar { display: none; font-family: var(--font-ar); font-size: 17px; line-height: 1.25; }
.bh[data-lang="ar"] .bh-grid .en { display: none; }
.bh[data-lang="ar"] .bh-grid .ar { display: block; }
.bh[data-lang="ar"] .bh-grid { direction: rtl; }
@media (max-width: 379px) { .bh .bh-grid a { font-size: 13.5px; padding: 4px 4px; } .bh .bh-grid a.long { font-size: 12px; } }

/* the chapters of a book */
.bh-ch-head { display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; margin: 12px 0 10px; }
.bh .bh-back { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border: 1px solid var(--bronze); border-radius: var(--radius); background: var(--white); color: var(--umber); font: 600 14px/1 var(--font-ui); cursor: pointer; }
.bh .bh-back:hover { background: var(--gold-pale); }
.bh .bh-ch-head h2 { margin: 0; font: 400 1.5rem/1.2 var(--font-display); color: var(--cc-brand); display: flex; align-items: baseline; gap: 10px; }
.bh .bh-ch-head h2 .ar { font-family: var(--font-ar); font-size: 1.25rem; color: var(--ochre); }
.bh[data-lang="ar"] .bh-ch-head h2 .ar { font-family: var(--font-ar-heading); font-weight: 500; font-size: 1.4rem; color: var(--cc-brand); }
.bh[data-lang="ar"] .bh-ch-head h2 .en { font-size: 1.1rem; color: var(--ochre); }
.bh .bh-ch-head small { font: 400 13px/1.3 var(--font-sans); color: var(--ink-soft); }
.bh .bh-nums { display: grid; grid-template-columns: repeat(auto-fill, minmax(48px, 1fr)); gap: 6px; }
.bh .bh-nums a { display: flex; align-items: center; justify-content: center; min-height: 44px; border: 1px solid var(--sand); border-radius: var(--radius); background: var(--white); color: var(--ink); text-decoration: none; font: 500 16px/1 var(--font-sans); font-variant-numeric: tabular-nums; }
.bh .bh-nums a:hover, .bh .bh-nums a:focus-visible { border-color: var(--ochre); background: var(--cream); color: var(--brown); }
.bh .bh-nums a[aria-current="true"] { background: var(--gold-light); border-color: var(--gold); font-weight: 700; }
.bh[data-lang="ar"] .bh-nums { direction: rtl; }
.bh[data-lang="ar"] .bh-ch-head { direction: rtl; }

/* ---------- credits, footer ---------- */
.bh-foot { margin-top: 28px; padding-top: 12px; border-top: 1px solid var(--sand); font: 400 13px/1.5 var(--font-sans); color: var(--ink-soft); }
.bh .bh-foot p { margin: 0; text-wrap: balance; }
.bh[data-lang="ar"] .bh-foot { direction: rtl; text-align: right; font-family: var(--font-ui); font-size: 14px; line-height: 1.8; }
/* Arabic: the box reads from the right (icon at the right, the version and Go at the left) */
.bh[data-lang="ar"] .bh-box { flex-direction: row-reverse; padding: 0 12px 0 4px; }
.bh[data-lang="ar"] .bh-box-ico { margin: 0 0 0 8px; }
.bh[data-lang="ar"] .bh-ver { margin: 0 4px 0 2px; padding: 0 12px 0 26px; background-position: left 10px top 19px, left 14px top 19px; }
.bh[data-lang="ar"] .bh-go { margin: 0 4px 0 0; }
.bh[data-lang="ar"] .bh-head { direction: rtl; }
/* ---------- wide screens ---------- */
@media (min-width: 900px) {
  .bh { padding: 0 24px; }
  .bh .bh-head { padding: 12px 0 16px; }
  .bh .bh-title { font-size: 2.5rem; }
  .bh .bh-title-ar { font-size: 1.5rem; }
  .bh .bh-find { max-width: 640px; }
  .bh .bh-box { height: 56px; }
  .bh .bh-books { margin-top: 24px; }
  .bh .bh-tabs { display: none; }
  .bh .bh-testaments { display: grid; grid-template-columns: 4fr 3fr; gap: 32px; align-items: start; }
  .has-js .bh .bh-t, .bh .bh-t { display: block; margin-top: 0; }
  .bh .bh-t h2 { display: block; margin: 0 0 10px; font: 600 12.5px/1.3 var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--ochre); }
  .bh .bh-t h2 small { margin-inline-start: 8px; font: 400 12.5px/1.3 var(--font-sans); letter-spacing: 0; text-transform: none; color: var(--ink-soft); }
  .bh .bh-t h2:lang(ar) { font-family: var(--font-ar-heading); letter-spacing: 0; font-size: 15px; }
  .bh .bh-t[data-t="ot"] .bh-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .bh .bh-t[data-t="nt"] .bh-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bh[data-lang="ar"] .bh-testaments { direction: rtl; }
  .bh .bh-nums { grid-template-columns: repeat(auto-fill, minmax(52px, 1fr)); }
}
@media (prefers-reduced-motion: no-preference) { .bh .bh-grid a, .bh .bh-nums a, .bh .bh-chip { transition: background-color .12s, border-color .12s; } }

/* tightening for the real page: the Bootstrap navbar already has a bottom margin */
.bh .bh-head { padding: 0 0 8px; }
.bh .bh-resume { margin-top: 4px; }
@media (min-width: 900px) { .bh .bh-head { padding: 4px 0 12px; } }

/* ---------- the word search (/bible/search, built by the Worker; the box above it is the one on /bible) ---------- */
.bh .bh-title a { color: inherit; text-decoration: none; display: contents; }
.bh .bh-results { margin-top: 14px; scroll-margin-top: 12px; }
.bh .bh-chip-f .t-short { display: none; }
@media (max-width: 479px) { .bh .bh-chip-f .t-long { display: none; } .bh .bh-chip-f .t-short { display: inline; } }
.bh .bh-open { margin: 0 0 6px; }
.bh .bh-open a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 999px; background: var(--umber); color: var(--white); font: 600 15px/1 var(--font-ui); text-decoration: none; }
.bh .bh-open a:hover { background: var(--brown); }
.bh .bh-results[dir="rtl"] { text-align: right; }
.bh .bh-count { margin: 0; font-size: 1.125rem; line-height: 1.5; color: var(--ink); }
.bh .bh-count:lang(ar) { font-family: var(--font-ar); font-size: 1.2rem; line-height: 1.9; }
.bh .bh-count b { color: var(--brown); font-weight: 600; }
.bh .bh-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; }
.bh .bh-filters form { display: flex; flex: 1 1 100%; align-items: center; gap: 6px; margin: 0; } /* the book list has a row of its own */
.bh .bh-filters form select { flex: 1 1 auto; min-width: 0; max-width: none; }
.bh .bh-chip-f, .bh .bh-filters select { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 12px; border: 1px solid var(--bronze); border-radius: 999px; background: var(--white); color: var(--umber); font: 500 13.5px/1 var(--font-ui); text-decoration: none; white-space: nowrap; }
.bh a.bh-chip-f:hover { background: var(--gold-pale); }
.bh .bh-chip-f[aria-current="true"] { background: var(--umber); border-color: var(--umber); color: var(--white); }
.bh .bh-chip-f[aria-disabled="true"] { opacity: .45; }
.bh .bh-chip-f .n { font: 600 11.5px/1 var(--font-ui); padding: 4px 6px 3px; border-radius: 999px; background: var(--gold-pale); color: var(--brown); font-variant-numeric: tabular-nums; }
.bh .bh-chip-f[aria-current="true"] .n { background: rgba(255,255,255,.2); color: var(--white); }
.bh .bh-filters select { -webkit-appearance: none; appearance: none; padding-right: 26px; background: var(--white) no-repeat; background-image: linear-gradient(45deg, transparent 50%, var(--umber) 50%), linear-gradient(135deg, var(--umber) 50%, transparent 50%); background-position: right 14px top 19px, right 10px top 19px; background-size: 5px 5px, 5px 5px; cursor: pointer; }
.bh .bh-results[dir="rtl"] .bh-filters select { padding: 0 12px 0 26px; background-position: left 10px top 19px, left 14px top 19px; }
.bh .bh-gobtn { display: none; min-height: 44px; min-width: 56px; padding: 0 14px; border: 0; border-radius: 4px; background: var(--umber); color: var(--white); font: 600 14px/1 var(--font-sans); cursor: pointer; }
html:not(.has-js) .bh .bh-gobtn { display: inline-flex; align-items: center; }
.bh .bh-hits { list-style: none; margin: 8px 0 0; padding: 0; }
.bh .bh-hit { border-top: 1px solid var(--sand); }
.bh .bh-hit a { display: block; padding: 10px 0 12px; color: var(--ink); text-decoration: none; }
.bh .bh-hit a:hover .ref, .bh .bh-hit a:focus-visible .ref { text-decoration: underline; }
.bh .bh-hit .ref { display: block; font: 600 13.5px/1.3 var(--font-sans); color: var(--ochre); margin-bottom: 2px; }
.bh .bh-hit .ref:lang(ar) { font-family: var(--font-ui); font-size: 15px; }
.bh .bh-hit .txt { display: block; font-size: 1.0625rem; line-height: 1.45; overflow-wrap: anywhere; }
.bh .bh-hit .txt:lang(ar) { font-family: var(--font-ar); font-size: 1.15rem; line-height: 1.8; } /* the search text has no vowel marks, so it needs less leading than a chapter */
.bh .bh-hit mark { background: var(--gold-light); color: var(--brown); padding: 0 2px; border-radius: 2px; }
.bh .bh-pager { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--sand); font: 500 15px/1 var(--font-ui); }
.bh .bh-pager a, .bh .bh-pager span[aria-disabled] { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 88px; padding: 0 14px; border: 1px solid var(--bronze); border-radius: var(--radius); background: var(--white); color: var(--umber); text-decoration: none; }
.bh .bh-pager a:hover { background: var(--gold-pale); }
.bh .bh-pager span[aria-disabled] { opacity: .4; }
.bh .bh-pageno { white-space: nowrap; color: var(--ink-soft); font-variant-numeric: tabular-nums; text-align: center; }
.bh .bh-none { padding: 14px 0; margin: 0; font-size: 1.05rem; line-height: 1.5; color: var(--ink-soft); }
.bh .bh-none:lang(ar) { font-family: var(--font-ar); line-height: 1.9; }
.bh .bh-back-home { margin: 10px 0 0; font: 500 14px/1 var(--font-ui); }
.bh .bh-back-home a { display: inline-flex; align-items: center; min-height: 44px; color: var(--umber); text-decoration: none; }
.bh .bh-back-home a:hover { text-decoration: underline; }
@media (min-width: 900px) {
  .bh .bh-results { max-width: 760px; }
  .bh .bh-hit a { display: grid; grid-template-columns: 9.5rem minmax(0, 1fr); gap: 16px; align-items: baseline; }
  .bh .bh-hit .ref { margin: 0; }
  .bh .bh-results[dir="rtl"] .bh-hit a { grid-template-columns: minmax(0, 1fr) 9.5rem; }
  .bh .bh-results[dir="rtl"] .bh-hit .ref { order: 2; }
}

/* The check shown over the soft search limit (worker/lib/searchGate.ts) */
.bh [data-search-check] { padding-top: 20px; }
.bh [data-search-check] form { margin: 8px 0 0; }
.bh .bh-check-go { min-height: 44px; padding: 0 20px; border: 0; border-radius: 4px; background: var(--umber); color: var(--white); font: 600 15px/1 var(--font-sans); cursor: pointer; }
.bh .bh-check-go:hover { background: var(--brown); }
.bh .bh-check-go:lang(ar) { font-family: var(--font-ar); }