/* JudeBible stone backgrounds, 2026-10-16.
   Retargets the scroll-prototype page stones (data/scroll.thread.proto.css: study = marble, timeline = limestone, other pages = granite)
   to the stone assets in design-preview/JudeBible_assets_20261012, and puts a carved limestone behind the scripture panel.
   Light theme only: the dark theme keeps its charcoal granite. The parchment scroll (#verses), the stitched selection
   thread and the original-language popover are deliberately untouched. Loaded after stone-surfaces-20261016.css. */
:root:not([data-theme="dark"]) {
  --ps-marble: url("design-preview/JudeBible_assets_20261012/JudeBible_stone_assets_20261012/01_따뜻한_크림색_석회암_텍스처-q97.webp");        /* study page: cream limestone */
  --ps-lime: url("design-preview/JudeBible_assets_20261012/JudeBible_stone_assets_20261012/10_매끄러운_아이보리_석회암_질감.webp");        /* timeline page: rough ivory limestone */
  --ps-granite: url("design-preview/JudeBible_assets_20261012/judebible-visual-assets/stone/granite-cream-q97.webp");   /* search and other pages */
}

/* scripture panel: carved limestone behind the scroll */
:root:not([data-theme="dark"]) #text-pane {
  background-color: #ece3d1 !important;
  background-image: linear-gradient(145deg, rgba(255, 252, 244, .30), rgba(246, 236, 217, .18)), url("design-preview/JudeBible_assets_20261012/JudeBible_stone_assets_20261012/10_매끄러운_아이보리_석회암_질감.webp") !important;
  background-size: auto, cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
:root:not([data-theme="dark"]) #text-pane .pane-head {
  background-image: linear-gradient(115deg, rgba(255, 251, 244, .78), rgba(249, 238, 221, .64)) !important;
}

/* side panels and rail keep their glass; a faint limestone grain shows through */
:root:not([data-theme="dark"]) #rail,
:root:not([data-theme="dark"]) #guide-pane,
:root:not([data-theme="dark"]) #map-pane {
  background-image: linear-gradient(145deg, rgba(255, 253, 248, .84), rgba(248, 242, 231, .70)), url("design-preview/JudeBible_assets_20261012/JudeBible_stone_assets_20261012/01_따뜻한_크림색_석회암_텍스처-q97.webp") !important;
  background-size: auto, cover !important;
  background-position: center !important;
}

/* search page and topic board */
:root:not([data-theme="dark"]) body:has(#search-workspace:not([hidden])) #search-workspace {
  background-color: #ebe5d9 !important;
  background-image: linear-gradient(rgba(249, 247, 242, .50), rgba(239, 234, 222, .54)), url("design-preview/JudeBible_assets_20261012/judebible-visual-assets/stone/granite-cream-q97.webp") !important;
  background-size: auto, cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
:root:not([data-theme="dark"]) #topic-board {
  background-color: #efe6d4 !important;
  background-image: linear-gradient(rgba(255, 251, 242, .64), rgba(247, 238, 221, .66)), url("design-preview/JudeBible_assets_20261012/JudeBible_stone_assets_20261012/09_크림_베이지_스톤_텍스처_배경.webp") !important;
  background-size: auto, cover !important;
  background-position: center !important;
}

/* timeline event pager "‹ 1–5 / 10 ›": dark and clear on the stone background (light mode, all widths) */
:root:not([data-theme="dark"]) .tl-pager { display: inline-flex; align-items: center; gap: 6px; padding: 3px; border-radius: 999px; background: rgba(255, 252, 244, .92); border: 1px solid rgba(150, 115, 62, .45); }
:root:not([data-theme="dark"]) .tl-pager .tl-page-ind { color: #3d2f23 !important; font-weight: 800; }
:root:not([data-theme="dark"]) .tl-pager button { color: #3d2f23; background: #fffaf0; border: 1px solid rgba(150, 115, 62, .55); opacity: 1; }
:root:not([data-theme="dark"]) .tl-pager button:disabled { opacity: .35; }

/* search page on desktop: when the detail panel is collapsed the result panel uses the freed width instead of leaving a blank strip */
@media (min-width: 761px) {
  body[data-view="explore"][data-panel="collapsed"] #search-workspace { right: 16px !important; }
}
:root:not([data-theme="dark"]) .tl-pager button { color: #3d2f23 !important; background: #fffaf0 !important; border: 1px solid rgba(150, 115, 62, .55) !important; font-weight: 700; }
:root:not([data-theme="dark"]) .tl-pager button:disabled { opacity: .35 !important; }

/* default-active verse (the verse that opens first, e.g. after changing chapter) looks exactly like a selected verse: no outline of its own */
html body[data-view="study"] #text-pane #verses > .verse.ol-default-active { border: 0 !important; outline: 0 !important; }