/** TAG Reader v4.1.6 — single native dialog and responsive quick playback. */
/* Hide the old *visible toolbar*, not its modal-layer descendants. Do not
   move it outside [data-tag-devotional-reader]: core controls rely on scope. */
body.tag-reader-single-modal-ready .tag-devotional-reader-toolbar {
  box-sizing: border-box !important; height: 0 !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important;
  background: transparent !important; box-shadow: none !important;
  overflow: visible !important;
}
body.tag-reader-single-modal-ready .tag-devotional-reader-toolbar > :is(
  .tag-reader-main-row,.tag-read-aloud-player,.tag-reader-section-nav) {
  position: absolute !important; clip-path: inset(50%) !important;
  width: 1px !important; height: 1px !important; padding: 0 !important;
  margin: 0 !important; border: 0 !important; overflow: hidden !important;
  white-space: nowrap !important;
}
/* Fixed position for the headset in the navigation's established flex order. */
#masthead #site-navigation > .tag-header-reader-settings-toggle {
  box-sizing: border-box; appearance: none; display: inline-flex; align-items: center; justify-content: center;
  order: 3 !important; flex: 0 0 44px !important; width: 44px; min-width: 44px;
  height: 44px; min-height: 44px; padding: 0; margin: 0 1px;
  border: 1px solid transparent; border-radius: 999px; background: transparent;
  color: #194d66; cursor: pointer; font: 700 13px/1.3 system-ui,-apple-system,'Segoe UI',sans-serif;
}
#masthead #site-navigation > .tag-header-faith {order: 4 !important;}
#masthead #site-navigation > .tag-menu-toggle {order: 5 !important;}
#masthead #site-navigation > .tag-header-reader-settings-toggle svg {
  display:block; flex:none; width:22px; height:22px;
}
#masthead #site-navigation > .tag-header-reader-settings-toggle:hover,
#masthead #site-navigation > .tag-header-reader-settings-toggle.is-playing,
#masthead #site-navigation > .tag-header-reader-settings-toggle[aria-expanded="true"] {
  background:#e9f4fa; color:#135474;
}
#masthead .tag-header-settings-toggle-label {display:none;}
@media (min-width:1500px) {
  #masthead #site-navigation > .tag-header-reader-settings-toggle {
    flex: 0 0 auto !important; width:auto; padding:0 9px; gap:7px; border-radius:12px;
  }
  #masthead .tag-header-settings-toggle-label {display:inline;}
}
#masthead .tag-header-reader-settings-toggle:focus-visible,
.tag-reader-single-modal-ready [data-tag-accessibility-panel] :is(button,select,input):focus-visible,
#tag-reader-mini-player button:focus-visible {
  outline: 3px solid #0076ad !important; outline-offset: 3px !important;
}
/* Exactly ONE native accessibility modal, owned by the original TAG Reader.
   Style it directly. Do not create/show a second HTMLDialogElement. */
body.tag-reader-single-modal-ready [data-tag-accessibility-layer]:not([hidden]),
body.tag-reader-single-modal-ready [data-tag-bookmark-layer]:not([hidden]) {
  position: fixed !important; inset: 0 !important;
  box-sizing: border-box !important; display: flex !important;
  align-items: center !important; justify-content: center !important;
  padding: max(14px, env(safe-area-inset-top)) max(14px,env(safe-area-inset-right))
           max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left)) !important;
  z-index: 2147482000 !important; overflow: hidden !important;
}
body.tag-reader-single-modal-ready [data-tag-accessibility-layer][hidden],
body.tag-reader-single-modal-ready [data-tag-bookmark-layer][hidden] {display:none !important;}
body.tag-reader-single-modal-ready :is([data-tag-accessibility-layer],[data-tag-bookmark-layer]) > .tag-reader-modal-backdrop {
  position:fixed !important; inset:0 !important; z-index:0 !important;
  background:rgba(12,34,43,.51) !important;
  -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
}
body.tag-reader-single-modal-ready [data-tag-accessibility-panel],
body.tag-reader-single-modal-ready [data-tag-bookmark-modal] {
  box-sizing:border-box !important; position:relative !important; z-index:1 !important;
  display:flex !important; flex-direction:column !important;
  width:min(900px,100%) !important; max-width:100% !important;
  max-height: min(820px,calc(100dvh - 30px)) !important; min-height:0 !important;
  margin:0 auto !important; padding:0 !important; border:1px solid #cbdce5 !important;
  border-radius:18px !important; overflow:hidden !important;
  background:#fffdfa !important; color:#223943 !important;
  box-shadow:0 30px 80px rgba(11,35,50,.24) !important;
  font: 16px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif !important;
}
body.tag-reader-single-modal-ready [data-tag-bookmark-modal] {width:min(580px,100%) !important;}
body.tag-reader-single-modal-ready [data-tag-accessibility-panel] > .tag-accessibility-panel__header,
body.tag-reader-single-modal-ready [data-tag-bookmark-modal] > .tag-accessibility-panel__header {
  flex:0 0 auto !important; position:relative !important;
  border-bottom:1px solid #dce7ee !important; background:#fffdfa !important;
}
body.tag-reader-single-modal-ready [data-tag-accessibility-panel] .tag-accessibility-panel__body,
body.tag-reader-single-modal-ready [data-tag-bookmark-modal] .tag-reader-bookmark-modal__body {
  flex:1 1 auto !important; min-height:0 !important; overflow-y:auto !important;
  overflow-x:hidden !important; overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
body.tag-reader-single-modal-ready [data-tag-accessibility-panel] .tag-reader-panel-footer,
body.tag-reader-single-modal-ready [data-tag-bookmark-modal] .tag-reader-bookmark-modal__footer {
  flex:0 0 auto !important; border-top:1px solid #dce7ee !important;
  background:#fffdfa !important;
}
body.tag-reader-single-modal-ready [data-tag-accessibility-panel] .tag-accessibility-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px; min-width:0;
}
body.tag-reader-single-modal-ready [data-tag-accessibility-panel] :is(.tag-accessibility-section,.tag-reader-toggles,.tag-segmented,.tag-theme-grid) {
  min-width:0;
}
body.tag-reader-single-modal-ready [data-tag-accessibility-panel] [data-tag-browser-voice-section]:not([hidden]) {
  grid-column:1 / -1;
}
body.tag-reader-single-modal-ready [data-tag-accessibility-panel] :is(button,select) {min-height:44px;}
body.tag-reader-single-modal-ready [data-tag-accessibility-panel] [data-tag-speech-voice] {
  max-width:100%; width:100%; min-height:48px; font-size:16px;
}
/* Audio actions integrated INSIDE the original native reader preferences. */
.tag-single-reader-audio {
  box-sizing:border-box; margin: 0 0 17px; padding:16px;
  border:1px solid #cfe0e9; border-radius:14px; background:#f0f8fc;
}
.tag-single-reader-audio[hidden] {display:none !important;}
.tag-single-reader-audio-title {margin:0 0 4px !important; color:#153c51 !important;
  font:800 18px/1.35 system-ui,-apple-system,'Segoe UI',sans-serif !important;}
.tag-single-reader-audio-copy {margin:0 0 11px !important; color:#4e6673 !important;font-size:14px;}
.tag-single-reader-audio-status {display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px 10px;
  margin-bottom:10px; font-size:13px; color:#426071;}
.tag-single-reader-audio-status strong {color:#19475e; font-size:14px;}
.tag-single-reader-audio-actions {display:flex; flex-wrap:wrap; gap:8px;}
.tag-single-reader-btn {appearance:none; display:inline-flex; align-items:center; justify-content:center;
  gap:6px; flex: 1 1 auto; min-height:48px !important; padding:9px 12px;
  border:1px solid #b9d0dc; border-radius:11px; background:#fff; color:#1d465b;
  font:700 14px/1.3 system-ui,-apple-system,'Segoe UI',sans-serif; cursor:pointer;}
.tag-single-reader-btn--primary {background:#176484;color:white;border-color:#176484;}
.tag-single-reader-btn svg {width:19px; height:19px;flex:none;}
.tag-single-reader-btn:hover:not(:disabled) {filter:brightness(.94);}
.tag-single-reader-btn:disabled {opacity:.5;cursor:not-allowed;}
/* Floating quick player. It never dims the article. During an open original
   modal it yields to that modal and isn't another focusable overlay. */
#tag-reader-mini-player.tag-reader-mini-player {
  position:fixed !important; z-index:2147481000 !important;
  box-sizing:border-box; display:flex; align-items:center; justify-content:space-between;
  gap:11px; left:50%; right:auto; bottom:calc(10px + env(safe-area-inset-bottom,0px));
  transform:translateX(-50%); width:min(490px,calc(100vw - 24px));min-height:66px;
  margin:0; padding:9px 11px 9px 16px; background:#f8fcfd; color:#153b4e;
  border:1px solid #b9d9e6; border-radius:16px; box-shadow:0 8px 26px rgba(10,40,57,.18);
  font:15px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif;
}
#tag-reader-mini-player[hidden] {display:none !important;}
body.tag-reader-native-modal-open #tag-reader-mini-player {visibility:hidden !important;pointer-events:none !important;}
#tag-reader-mini-player .tag-reader-mini-copy {flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px;}
#tag-reader-mini-player .tag-reader-mini-eyebrow {font-size:10px;color:#526a77;font-weight:800;letter-spacing:.075em;}
#tag-reader-mini-player .tag-reader-mini-state {font-size:16px;line-height:1.2;font-weight:800;color:#143e53;}
#tag-reader-mini-player .tag-reader-mini-progress {font-size:12px;color:#526d7b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#tag-reader-mini-player .tag-reader-mini-actions {flex:0 0 auto;display:flex;gap:5px;}
#tag-reader-mini-player .tag-reader-mini-btn {appearance:none;display:inline-flex;justify-content:center;align-items:center;
  width:46px;height:46px;min-width:46px;min-height:46px;padding:0;background:#fff;
  border:1px solid #bed5e0;border-radius:11px;color:#1d4c62;cursor:pointer;}
#tag-reader-mini-player .tag-reader-mini-btn--primary {color:#fff;background:#176484;border-color:#176484;}
#tag-reader-mini-player .tag-reader-mini-btn svg {height:22px;width:22px;}
#tag-reader-mini-player .tag-reader-mini-aa {font-size:19px;font-weight:800;}
#tag-reader-mini-player .tag-reader-mini-btn:hover {filter:brightness(.95);}
#tag-reader-mini-player .tag-reader-mini-sr {position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;}
body.tag-reader-mini-active {padding-bottom:calc(90px + env(safe-area-inset-bottom,0px)) !important;}
@media(max-width:767px) {
  #masthead #site-navigation > .tag-header-reader-settings-toggle {width:44px;min-width:44px;flex:0 0 44px!important;}
  #masthead .tag-header-settings-toggle-label {display:none!important;}
  body.tag-reader-single-modal-ready :is([data-tag-accessibility-layer],[data-tag-bookmark-layer]):not([hidden]) {
    padding:0 !important;align-items:flex-end !important;
  }
  body.tag-reader-single-modal-ready [data-tag-accessibility-panel],
  body.tag-reader-single-modal-ready [data-tag-bookmark-modal] {
    width:100% !important;max-height: min(90dvh,820px) !important;
    border-radius:18px 18px 0 0 !important;border-bottom:0 !important;
    padding-bottom:env(safe-area-inset-bottom,0px) !important;
  }
  body.tag-reader-single-modal-ready [data-tag-accessibility-panel] .tag-accessibility-grid {
    grid-template-columns:minmax(0,1fr);gap:12px;
  }
  body.tag-reader-single-modal-ready [data-tag-accessibility-panel] .tag-segmented--four {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
  }
  body.tag-reader-single-modal-ready [data-tag-accessibility-panel] .tag-segmented--four button {
    min-width:0 !important;
  }
  body.tag-reader-single-modal-ready [data-tag-accessibility-panel] .tag-reader-panel-footer__primary {
    display:flex;flex-wrap:wrap;gap:6px;
  }
  .tag-single-reader-audio {padding:13px;margin-bottom:12px;}
  .tag-single-reader-btn {min-width:0;flex-basis:calc(50% - 8px);}
  #tag-reader-mini-player.tag-reader-mini-player {bottom:calc(7px + env(safe-area-inset-bottom,0px));
    width:calc(100vw - 16px);min-height:66px;padding:8px 9px 8px 12px;gap:7px;}
  #tag-reader-mini-player .tag-reader-mini-progress {max-width:105px;font-size:11px;}
  #tag-reader-mini-player .tag-reader-mini-state {font-size:15px;}
  #tag-reader-mini-player .tag-reader-mini-actions {gap:4px;}
  #tag-reader-mini-player .tag-reader-mini-btn {width:44px;height:46px;min-width:44px;min-height:46px;}
}
@media(max-width:359px) {
  #tag-reader-mini-player.tag-reader-mini-player {flex-wrap:wrap;gap:6px;}
  #tag-reader-mini-player .tag-reader-mini-copy {flex:1 1 100%;flex-direction:row;align-items:baseline;gap:6px;}
  #tag-reader-mini-player .tag-reader-mini-progress {margin-left:auto;max-width:44%;text-align:right;}
  #tag-reader-mini-player .tag-reader-mini-actions {display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));width:100%;gap:6px;}
  #tag-reader-mini-player .tag-reader-mini-btn {width:100%;}
  body.tag-reader-mini-active {padding-bottom:calc(128px + env(safe-area-inset-bottom,0px)) !important;}
}
@media (prefers-reduced-motion:reduce) {
  body.tag-reader-single-modal-ready :is([data-tag-accessibility-panel],[data-tag-bookmark-modal]) {scroll-behavior:auto!important;}
}
/* Secondary playback controls use the native speed selector as source of truth. */
.tag-single-reader-audio-extras {display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:10px;}
.tag-single-reader-audio-extras > .tag-single-reader-btn {flex:0 1 auto;min-height:44px!important;}
.tag-single-reader-speed {display:inline-flex;align-items:center;gap:7px;margin-left:auto;
  color:#244759;font:700 13px/1.3 system-ui,-apple-system,'Segoe UI',sans-serif;}
.tag-single-reader-speed select {min-height:44px;width:auto;max-width:100%;padding:7px 9px;
  border:1px solid #b9d0dc;border-radius:10px;color:#214a60;background:white;font:700 15px system-ui;}
body.tag-reader-single-modal-ready [data-tag-accessibility-panel] > .tag-accessibility-panel__header {min-height:70px !important;}
body.tag-reader-single-modal-ready [data-tag-accessibility-panel] :is(.tag-panel-close,.tag-reader-panel-footer button) {
  min-height:44px !important;
}
body.tag-reader-single-modal-ready [data-tag-accessibility-panel] .tag-accessibility-panel__header .tag-panel-close {
  flex:0 0 46px !important; width:46px !important;height:46px !important;min-width:46px !important;
  align-self:center !important; display:inline-flex !important;align-items:center !important;
  justify-content:center !important; border-radius:11px !important;
}
body.tag-reader-single-modal-ready [data-tag-accessibility-panel] .tag-reader-panel-footer {
  display:flex !important;justify-content:space-between !important;align-items:center !important;
  flex-wrap:wrap !important;gap:7px !important;
}
@media (max-width:767px) {
  .tag-single-reader-audio-extras .tag-single-reader-speed {flex:1 1 100%;justify-content:space-between;}
  .tag-single-reader-audio-extras > .tag-single-reader-btn {flex:1 1 calc(50% - 6px);}
}
/* Keep original dialog heading and close action aligned at phone sizes. */
body.tag-reader-single-modal-ready :is([data-tag-accessibility-panel],[data-tag-bookmark-modal]) > .tag-accessibility-panel__header {
  display:flex !important;flex-direction:row !important;align-items:center !important;
  justify-content:space-between !important;gap:12px !important;padding:12px 18px !important;
}
body.tag-reader-single-modal-ready :is([data-tag-accessibility-panel],[data-tag-bookmark-modal]) .tag-reader-modal-heading {
  display:flex !important;align-items:center !important;gap:12px !important;flex:1 1 auto !important;
  min-width:0 !important;
}
body.tag-reader-single-modal-ready :is([data-tag-accessibility-panel],[data-tag-bookmark-modal]) .tag-reader-modal-heading > div {
  min-width:0 !important;
}
body.tag-reader-single-modal-ready [data-tag-accessibility-panel] .tag-reader-panel-footer__primary {
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
}
@media(max-width:767px) {
  body.tag-reader-single-modal-ready :is([data-tag-accessibility-panel],[data-tag-bookmark-modal]) > .tag-accessibility-panel__header {
    padding:12px 14px !important;
  }
  body.tag-reader-single-modal-ready [data-tag-accessibility-panel] .tag-reader-panel-footer {padding:12px 14px !important;}
  body.tag-reader-single-modal-ready [data-tag-accessibility-panel] .tag-reader-panel-footer :is(button,a) {
    flex:1 1 auto;min-width:0;
  }
}
