/* BibleCourier Reader — styles (scoped under .bcr so they don't affect the rest of the site) */
.bcr{
  --ground:#FBFAF6; --panel:#FFFFFF; --panel-2:#F3F1EA; --panel-accent:#EFF1FA;
  --ink:#1B1B24; --ink-soft:#56545F; --line:#E6E1D6;
  --accent:#2E3A8C; --accent-hover:#25306F; --on-accent:#FFFFFF;
  --marker:#9A6E15; --current-bg:#FBF3DE; --focus:#2E3A8C;
  --read-size:1.3rem;
  --ui: system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --serif: Georgia,"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;
  max-width:44rem; margin:0 auto; padding:0 0 3rem;
  background:var(--ground); color:var(--ink); font-family:var(--ui); line-height:1.5;
}
@media (prefers-color-scheme:dark){
  .bcr{
    --ground:#141419; --panel:#1E1E27; --panel-2:#23232D; --panel-accent:#1E2140;
    --ink:#ECEAE3; --ink-soft:#A7A4AE; --line:#2F2F3A;
    --accent:#93A0F2; --accent-hover:#AAB4F6; --on-accent:#141419;
    --marker:#D8AC54; --current-bg:#2A2718; --focus:#93A0F2;
  }
}
.bcr *{box-sizing:border-box}
.bcr .bcr-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.bcr a:focus-visible,.bcr button:focus-visible,.bcr select:focus-visible,.bcr input:focus-visible,.bcr [tabindex]:focus-visible{
  outline:3px solid var(--focus);outline-offset:2px;border-radius:3px}
.bcr .bcr-skip{position:absolute;left:-9999px;top:0;z-index:5;background:var(--panel);color:var(--accent);
  padding:.6rem 1rem;border:2px solid var(--accent);border-radius:0 0 6px 0;font-weight:700;text-decoration:underline}
.bcr .bcr-skip:focus{left:0}

.bcr .bcr-topbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.85rem 0;border-bottom:1px solid var(--line);margin-bottom:.5rem}
.bcr .bcr-loc{font-family:var(--serif);font-size:1.2rem;font-weight:700;color:var(--accent);
  background:var(--panel-2);padding:.3rem .7rem;border-radius:6px;font-variant-numeric:tabular-nums;white-space:nowrap}
.bcr .bcr-ver{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);font-weight:600;margin-left:auto}

.bcr .bcr-controls{display:flex;flex-direction:column;gap:.75rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.bcr .bcr-guidelink{margin:0;font-size:.95rem}
.bcr .bcr-guidelink a{color:var(--accent);font-weight:700}
.bcr .bcr-guidenote{color:var(--ink-soft);font-size:.85rem}
.bcr .bcr-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:end}
.bcr .bcr-field{display:flex;flex-direction:column;gap:.2rem}
.bcr .bcr-field label,.bcr .bcr-grouplabel{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-weight:600}
.bcr .bcr-grouplabel{margin:.25rem 0 -.15rem}
.bcr select,.bcr input[type=number],.bcr input[type=search],.bcr input[type=text]{font-family:var(--ui);font-size:1rem;padding:.5rem .6rem;background:var(--panel);
  color:var(--ink);border:1.5px solid var(--line);border-radius:7px;min-height:2.75rem;width:100%}
.bcr .bcr-search input:focus{border-color:var(--accent)}
.bcr select:hover{border-color:var(--accent)}
.bcr button{font-family:var(--ui);font-size:1rem;cursor:pointer;border-radius:8px;min-height:2.75rem;
  padding:.55rem .9rem;border:1.5px solid var(--line);background:var(--panel);color:var(--ink);
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:500;line-height:1.2}
.bcr button:hover{border-color:var(--accent);background:var(--panel-2)}
.bcr button.bcr-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.bcr button.bcr-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.bcr button svg{flex:none}
.bcr .bcr-navrow{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.bcr .bcr-span2{grid-column:1 / -1}
.bcr .bcr-chk{display:flex;align-items:center;gap:.55rem;font-size:.92rem;color:var(--ink);cursor:pointer;padding:.35rem 0;font-weight:500}
.bcr .bcr-chk input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}
.bcr .bcr-hint{font-size:.8rem;color:var(--ink-soft);margin:.25rem 0 0}
.bcr kbd{font-family:var(--ui);font-size:.75rem;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:.05rem .35rem;white-space:nowrap}
.bcr .bcr-settings{border:1.5px solid var(--line);border-radius:8px;background:var(--panel)}
.bcr .bcr-settings>summary{cursor:pointer;font-weight:700;color:var(--accent);padding:.6rem .85rem;min-height:2.75rem;display:flex;align-items:center;gap:.45rem;list-style:none}
.bcr .bcr-settings>summary::-webkit-details-marker{display:none}
.bcr .bcr-settings>summary::after{content:"\25B8";margin-left:auto;transition:transform .15s ease}
.bcr .bcr-settings[open]>summary::after{transform:rotate(90deg)}
.bcr .bcr-settings>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}
.bcr .bcr-gear{font-size:1.1rem}
.bcr .bcr-settings-body{display:flex;flex-direction:column;gap:.6rem;padding:.35rem .85rem .85rem}

/* Bible Dictionary panel */
.bcr .bcr-dict-panel{border:1.5px solid var(--line);border-radius:8px;background:var(--panel)}
.bcr .bcr-dict-panel>summary{cursor:pointer;font-weight:700;color:var(--accent);padding:.6rem .85rem;min-height:2.75rem;display:flex;align-items:center;gap:.45rem;list-style:none}
.bcr .bcr-dict-panel>summary::-webkit-details-marker{display:none}
.bcr .bcr-dict-panel>summary::after{content:"\25B8";margin-left:auto;transition:transform .15s ease}
.bcr .bcr-dict-panel[open]>summary::after{transform:rotate(90deg)}
.bcr .bcr-dict-panel>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}
.bcr .bcr-dict-body{display:flex;flex-direction:column;gap:.7rem;padding:.35rem .85rem .85rem}
.bcr .bcr-dict-intro{margin:.2rem 0;font-size:.88rem;color:var(--ink-soft);line-height:1.5}
.bcr .bcr-dict-reshead:empty{display:none}
.bcr .bcr-dict-reshead{margin:.2rem 0;font-weight:700;color:var(--accent)}
.bcr .bcr-dict-entry:empty{display:none}
.bcr .bcr-dict-entry{border:1px solid var(--line);border-radius:6px;padding:.7rem .9rem;background:var(--panel-accent)}
.bcr .bcr-dict-entry:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.bcr .bcr-dict-term{font-family:var(--serif);font-size:1.2rem;margin:0 0 .4rem;color:var(--accent)}
.bcr .bcr-dict-def{margin:0;font-family:var(--serif);line-height:1.6}
.bcr .bcr-devo-verse{margin:0 0 .5rem;font-family:var(--serif);font-style:italic;color:var(--accent);line-height:1.5}
.bcr .bcr-help{font-size:.85rem;color:var(--ink-soft);margin-top:.25rem}
.bcr .bcr-help summary{cursor:pointer;font-weight:700;color:var(--accent);padding:.25rem 0}
.bcr .bcr-help ul{margin:.5rem 0;padding-left:1.1rem;list-style:none}
.bcr .bcr-help li{margin:.35rem 0}
.bcr .bcr-help p{margin:.5rem 0 0}

/* mode toggle */
.bcr .bcr-modes{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.bcr .bcr-modelabel{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-weight:700;margin-right:.2rem}
.bcr .bcr-mode{min-height:2.4rem;padding:.4rem .85rem}
.bcr .bcr-mode[aria-pressed="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}

/* show/hide by mode (default = simple) */
.bcr .bcr-keypad-only{display:none}
.bcr.bcr-mode-keypad .bcr-simple-only{display:none}
.bcr.bcr-mode-keypad .bcr-keypad-only{display:block}

/* audio-only: hide the scripture display */
.bcr.bcr-hide-text .bcr-main{display:none}

/* keypad (device look — intentionally dark in both themes) */
.bcr .bcr-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;max-width:23rem;margin:.25rem auto 0;
  background:linear-gradient(160deg,#2b2e36,#20232a);padding:1rem;border-radius:20px;
  box-shadow:0 10px 26px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05)}
.bcr .bcr-key{position:relative;background:linear-gradient(180deg,#4a505c,#3a3e48);border:1px solid rgba(0,0,0,.35);
  border-radius:12px;color:#f2f1ec;cursor:pointer;padding:.5rem .3rem;min-height:3.6rem;
  box-shadow:0 3px 0 rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;font-family:var(--ui)}
.bcr .bcr-key{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.bcr .bcr-key:hover{background:linear-gradient(180deg,#535a67,#454b57)}
.bcr .bcr-key:active,.bcr .bcr-key.bcr-press{transform:translateY(3px);box-shadow:inset 0 2px 6px rgba(0,0,0,.45);background:linear-gradient(180deg,var(--accent),#26307a)}
.bcr .bcr-key .bcr-num{font-size:1.4rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.bcr .bcr-key .bcr-fn{font-size:.6rem;color:#aab0bd;letter-spacing:.02em;line-height:1.1;text-align:center}
.bcr .bcr-key:active .bcr-fn,.bcr .bcr-key.bcr-press .bcr-fn{color:rgba(255,255,255,.9)}
.bcr .bcr-key.bcr-dot::before{content:"";position:absolute;top:.34rem;left:50%;transform:translateX(-50%);
  width:.32rem;height:.32rem;border-radius:50%;background:var(--marker);box-shadow:0 0 5px var(--marker)}
.bcr .bcr-key.bcr-dot .bcr-num{margin-top:.3rem}
.bcr .bcr-key:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.bcr .bcr-extras-panel{margin-top:.85rem;border:1.5px solid var(--line);border-radius:8px;background:var(--panel)}
.bcr .bcr-extras-panel>summary{cursor:pointer;font-weight:700;color:var(--accent);padding:.55rem .85rem;min-height:2.6rem;display:flex;align-items:center;gap:.4rem;list-style:none}
.bcr .bcr-extras-panel>summary::-webkit-details-marker{display:none}
.bcr .bcr-extras-panel>summary::after{content:"\25B8";margin-left:auto;transition:transform .15s ease}
.bcr .bcr-extras-panel[open]>summary::after{transform:rotate(90deg)}
.bcr .bcr-extras-panel>summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}
.bcr .bcr-extras-panel .bcr-hint{padding:0 .85rem;margin:.3rem 0 .5rem}
.bcr .bcr-extras{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem;justify-content:center}
.bcr .bcr-extras-panel .bcr-extras{margin-top:0;padding:0 .7rem .8rem;justify-content:flex-start}
.bcr .bcr-extras button{min-height:2.4rem;padding:.4rem .75rem;font-size:.9rem}

.bcr .bcr-main{padding-top:1.5rem}
.bcr .bcr-chap{font-family:var(--serif);font-size:1.7rem;font-weight:700;margin:0 0 1rem;letter-spacing:.01em}
.bcr .bcr-verses{font-family:var(--serif);font-size:var(--read-size);line-height:1.75;color:var(--ink)}
.bcr .bcr-verse{margin:0;padding:.35rem .5rem .35rem .75rem;border-left:4px solid transparent;border-radius:0 5px 5px 0}
.bcr .bcr-vnum{font-family:var(--ui);font-size:.72em;font-weight:700;color:var(--ink-soft);vertical-align:.35em;margin-right:.35rem;font-variant-numeric:tabular-nums}
.bcr .bcr-verse.bcr-current{background:var(--current-bg);border-left-color:var(--marker)}
.bcr .bcr-verse.bcr-current .bcr-vnum{color:var(--marker)}
.bcr .bcr-verse.bcr-speaking{outline:2px dashed var(--accent);outline-offset:-2px}
.bcr .bcr-word{background:var(--accent);color:var(--on-accent);border-radius:3px;padding:.02em .2em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.bcr .bcr-verse.bcr-omitted .bcr-vtext{font-style:italic;color:var(--ink-soft);font-size:.9em}
.bcr .bcr-commrow{margin:0;display:none}
.bcr .bcr-resourceRow{display:none}
.bcr .bcr-commbtn{background:var(--panel-accent);border-color:var(--accent);color:var(--accent);font-weight:700;width:100%}
.bcr .bcr-commbtn:hover{background:var(--accent);color:var(--on-accent)}
.bcr .bcr-verse.bcr-current.bcr-hassent{background:transparent}  /* sentence mode: keep the left marker bar on the note, but only fill the active sentence */
.bcr .bcr-sent.bcr-sentcur{background:var(--current-bg);border-radius:3px;box-shadow:0 0 0 2px var(--current-bg);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.bcr .bcr-verse.bcr-note .bcr-vnum{color:var(--accent)}
.bcr .bcr-verse.bcr-note .bcr-vtext{font-size:.97em}
@media (prefers-reduced-motion:no-preference){.bcr .bcr-verse{transition:background .2s ease,border-color .2s ease}}
.bcr .bcr-sechead{font-family:var(--ui);font-size:1.05em;font-weight:700;color:var(--accent);margin:1.25rem 0 .4rem;padding:.1rem 0 .3rem .75rem;border-bottom:1px solid var(--line);line-height:1.25;letter-spacing:.01em}
.bcr .bcr-sechead:first-child{margin-top:.2rem}
.bcr .bcr-colophon{margin-top:1.75rem;padding-top:.85rem;border-top:1px solid var(--line)}
.bcr .bcr-colophon p{margin:0;font-family:var(--ui);font-size:.78rem;line-height:1.5;color:var(--ink-soft)}

.bcr .bcr-results{margin-top:2rem;border-top:1px solid var(--line);padding-top:1rem}
.bcr .bcr-results h2{font-family:var(--serif);font-size:1.05rem;margin:0 0 .5rem}
.bcr .bcr-results:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.bcr .bcr-results .bcr-bmlist{max-height:24rem;overflow-y:auto}
.bcr .bcr-results .bcr-jump{display:block;text-align:left;width:100%;font-family:var(--serif);white-space:normal;line-height:1.4;padding:.5rem .6rem}
.bcr .bcr-resmore{margin-top:.6rem}
/* Make the `hidden` attribute authoritative inside the reader, so a host theme's
   button/section styling can't out-specify the browser default and leak hidden
   controls (e.g. the "Show next 200" button) back into view. */
.bcr [hidden]{display:none!important}
.bcr .bcr-bm{margin-top:2rem;border-top:1px solid var(--line);padding-top:1rem}
.bcr .bcr-bm h2{font-family:var(--serif);font-size:1.05rem;margin:0 0 .5rem}
.bcr .bcr-bmlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}
.bcr .bcr-bmlist li{display:flex;gap:.5rem;align-items:center}
.bcr .bcr-jump{flex:1;justify-content:flex-start;font-family:var(--serif)}
.bcr .bcr-del{min-height:2.4rem;padding:.4rem .6rem;color:var(--ink-soft)}
.bcr .bcr-empty{color:var(--ink-soft);font-size:.9rem;font-style:italic}