.account-controls { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr)); gap:10px; }
.account-identity { grid-column:1/-1; margin:0; overflow-wrap:anywhere; }
.account-controls a { text-decoration:none; text-align:center; }
.original-continuous { display:block; margin-bottom:.8em; line-height:1.8; overflow-wrap:anywhere; }
.original-continuous p { margin:.3em 0; }
.original-continuous-text { font-family:'Gentium Plus',serif; font-size:1.2em; color:var(--accent-green,#2d7550); }
.original-continuous-pronunciation { font-size:.9em; color:var(--accent-red,#8a3f4d); }
/* Match the reference reader; the selected state must beat row/hover rules. */
#view-bible .verse.highlighted,#modal-verses-list .verse.highlighted,
#view-bible .verse.highlighted:hover,#modal-verses-list .verse.highlighted:hover {
  background-color:#e0f0ff;
  border-left:3px solid #4a6da7;
}
html[data-theme="dark"] #view-bible .verse.highlighted,
html[data-theme="dark"] #modal-verses-list .verse.highlighted,
html[data-theme="dark"] #view-bible .verse.highlighted:hover,
html[data-theme="dark"] #modal-verses-list .verse.highlighted:hover {
  background-color:rgba(124,174,248,.14)!important;
  border-left-color:var(--brand-strong,#7caef8)!important;
}
#book-modal .book-list-grid { grid-template-columns:repeat(auto-fit,minmax(min(8.25rem,100%),1fr)); }
.toast { width:max-content; max-width:calc(100vw - 24px); border-radius:12px; overflow-wrap:anywhere; }

/* Compact, consistently aligned navigation in Bible and video views. */
.reader-home-button.book-select-button { display:inline-grid; place-items:center; flex-shrink:0; padding:0!important; line-height:1; }
.reader-home-button svg { display:block; width:21px; height:21px; stroke:currentColor; stroke-width:1.8; fill:none; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
@media(min-width:481px) {
  :is(#view-player,#view-tutorials) header.tutorial-reader-header .header-content { grid-template-columns:2.35rem minmax(0,1fr) max-content; }
  :is(#view-player,#view-tutorials) header.tutorial-reader-header .chapter-nav { grid-template-columns:2.35rem minmax(0,1fr) 2.35rem; width:100%; justify-self:stretch; }
  :is(#view-player,#view-tutorials) header.tutorial-reader-header .navigation-controls { width:100%; min-width:0; max-width:100%; }
  #tutorial-title-btn,#tutorial-lesson-btn,#tutorial-home-title-btn,#tutorial-home-lesson-btn { width:100%; min-width:0; max-width:100%; }
}
#language-select-modal { --settings-surface:#fffefb; --settings-soft:#f5f8fd; --settings-line:#d4dfed; --settings-ink:#243d5c; --settings-accent:#2c609f; }
html[data-theme="dark"] #language-select-modal { --settings-surface:#1b2735; --settings-soft:#243447; --settings-line:#455b75; --settings-ink:#edf3fc; --settings-accent:#a1caff; }
#language-select-modal .modal-content { width:min(100%,46rem); max-width:100%; border-radius:18px; border-color:var(--settings-line); background:var(--settings-surface); color:var(--settings-ink); }
#language-modal-header { padding:20px 48px; background:var(--settings-surface); border-color:var(--settings-line); }
#language-modal-title { color:var(--settings-ink); font-size:1.2rem; line-height:1.6; overflow-wrap:anywhere; }
#language-modal-body { padding:clamp(12px,3vw,22px); overscroll-behavior:contain; scrollbar-gutter:stable; }
#language-select-modal .reader-settings-panel { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
#language-select-modal .reader-settings-section { padding:14px; border:1px solid var(--settings-line); border-radius:12px; background:var(--settings-surface); }
#language-select-modal .settings-section-title { color:var(--settings-ink); font-size:.9rem; margin:0 0 12px; }
#language-select-modal .reader-settings-options-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)); gap:10px; }
#language-select-modal .language-option-item { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:10px; min-width:0; min-height:54px; margin:0; padding:12px; border:1px solid var(--settings-line); border-radius:10px; background:var(--settings-soft); color:var(--settings-ink); cursor:pointer; }
#language-select-modal .language-option-item:has(input:checked) { border-color:var(--settings-accent); box-shadow:inset 0 0 0 1px var(--settings-accent); }
#language-select-modal .language-option-item input { position:static; appearance:auto; opacity:1; width:18px; height:18px; min-width:18px; margin:0; flex-shrink:0; accent-color:var(--settings-accent); }
#language-select-modal .language-option-label { min-width:0; color:inherit; font-size:.95rem; line-height:1.6; overflow-wrap:anywhere; }
#language-select-modal .language-option-item::before,#language-select-modal .language-option-item::after { content:none; }
#language-select-modal .text-size-control { display:grid; grid-template-columns:44px minmax(42px,1fr) 44px; align-items:center; gap:8px; padding:8px; min-width:0; margin:0; border:1px solid var(--settings-line); border-radius:10px; background:var(--settings-soft); color:var(--settings-ink); }
#language-select-modal .text-size-stepper { width:44px; height:44px; min-width:0; min-height:44px; padding:0; border:1px solid var(--settings-line); border-radius:8px; background:var(--settings-surface); color:var(--settings-ink); font-size:1.4rem; }
#language-select-modal .text-size-current { text-align:center; min-width:0; padding:6px 0; border:0; background:transparent; }
#language-select-modal .account-controls { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)); align-items:center; }
#language-select-modal .account-controls .ghost-btn { display:flex; align-items:center; justify-content:center; min-height:44px; padding:10px 14px; border:1px solid var(--settings-line); border-radius:10px; color:var(--settings-ink); background:var(--settings-soft); font:inherit; cursor:pointer; }
.first-language-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.first-language-choice { min-width:0; min-height:76px; padding:16px 12px; border:1px solid var(--settings-line); border-radius:12px; background:var(--settings-soft); color:var(--settings-ink); font-family:inherit; font-size:1.05rem; font-weight:600; line-height:1.6; cursor:pointer; }
.first-language-choice:hover { border-color:var(--settings-accent); }
#language-select-modal :focus-visible { outline:3px solid var(--settings-accent); outline-offset:3px; }
@media(max-width:480px) { .first-language-choices { grid-template-columns:1fr; } .first-language-choice { min-height:58px; } }
@media(max-width:360px) { #language-select-modal .reader-settings-options-grid { grid-template-columns:minmax(0,1fr); } #language-modal-header { padding:16px 40px 16px 16px; } }