/* Reading headers have an opaque surface: Scripture stays clear at the top. */
html[data-theme] body.bible-v2 .reader-v2__header,
html[data-theme] body.bible-v2 .reader-v2__header.is-scrolled,
html[data-theme] body[data-page][data-page="read"] .top {
  background:var(--b27-reader-chrome,#f4f6f0)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  filter:none!important;text-shadow:none!important;
}
html[data-theme] body.bible-v2 .reader-v2__header::before,
html[data-theme] body.bible-v2 .reader-v2__header.is-scrolled::before,
html[data-theme] body.bible-v2 .reader-v2__header::after,
html[data-theme] body[data-page][data-page="read"] .top::before,
html[data-theme] body[data-page][data-page="read"] .top::after {
  content:none!important;display:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
/* Title first; the plan link and chapter counter share the second row. */
html[data-theme] body[data-page][data-page="read"] .top {
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;gap:10px 0!important;
  padding-top:calc(16px + env(safe-area-inset-top,0px))!important;
  padding-bottom:10px!important;
}
html[data-theme] body[data-page][data-page="read"] .top>h1 {
  grid-column:1 / -1!important;grid-row:1!important;
  font-size:clamp(22px,5.7vw,28px)!important;font-weight:600!important;
  line-height:1.25!important;letter-spacing:-.5px!important;
  white-space:normal!important;overflow:visible!important;
  text-shadow:none!important;
}
html[data-theme] body[data-page][data-page="read"] .top>a.back {
  grid-column:1!important;grid-row:2!important;justify-self:start!important;
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  width:auto!important;min-width:0!important;height:44px!important;min-height:44px!important;
  padding:0!important;margin:0!important;gap:5px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  color:var(--b27-reader-ink,#26332a)!important;box-shadow:none!important;
  font-size:12px!important;font-weight:500!important;white-space:nowrap!important;
}
html[data-theme] body[data-page][data-page="read"] .reader-back-circle {
  display:grid!important;place-items:center!important;flex:none;
  width:20px!important;height:20px!important;border-radius:50%!important;
  background:#ffda40!important;color:#423509!important;
}
html[data-theme] body[data-page][data-page="read"] .top>a.back svg {
  width:14px!important;height:14px!important;
}
html[data-theme] body[data-page][data-page="read"] .top>.ch-nav {
  grid-column:2!important;grid-row:2!important;justify-self:center!important;
  grid-template-columns:40px auto 40px!important;gap:6px!important;
}
html[data-theme] body[data-page][data-page="read"] .ch-nav :is(.prev,.next) {
  width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;
}
html[data-theme] body[data-page][data-page="read"] .ch-nav .count {
  min-width:54px!important;min-height:40px!important;padding:0 7px!important;
}
/* Exactly three controls above the text. Completion stays at the chapter end. */
html[data-theme] body[data-page][data-page="read"] .actions {
  grid-template-columns:44px minmax(80px,110px) minmax(112px,138px)!important;
  gap:10px!important;justify-content:center!important;align-items:center!important;
}
html[data-theme] body[data-page][data-page="read"] .actions>.plan-audio-trigger {
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;
  padding:8px 12px!important;gap:7px!important;border-radius:16px!important;
  background:#ffda40!important;color:#423509!important;border:1px solid #ffffff70!important;
  font-size:12px!important;font-weight:600!important;white-space:nowrap!important;
}
html[data-theme] body[data-page][data-page="read"] .plan-audio-trigger svg {
  display:block;width:14px;height:14px;
}