@font-face{font-family:'Source Sans 3 Scripture';src:url('/fonts/source-sans-3-latin-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Atkinson Hyperlegible Scripture';src:url('/fonts/atkinson-hyperlegible-latin-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Merriweather Scripture';src:url('/fonts/merriweather-latin-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Source Serif 4 Scripture';src:url('/fonts/source-serif-4-latin-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'OpenDyslexic Scripture';src:url('/fonts/open-dyslexic-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
body>header,body>main,body>footer,.nebula,.canvas-hint{display:none!important}#universe{z-index:0!important;background:#050913}.bible-app{position:fixed;inset:0;z-index:20;pointer-events:none;font-family:Inter,Manrope,Arial,sans-serif;color:#eef4ff}.app-topbar{position:absolute;top:22px;left:28px;right:28px;height:48px;display:flex;align-items:center;gap:28px;pointer-events:auto}.app-brand{color:#eef4ff;text-decoration:none;font:700 14px ui-monospace,monospace;letter-spacing:.13em}.app-brand span{color:#88b7ff}.finder{position:relative;width:min(470px,54vw)}.finder input{box-sizing:border-box;width:100%;height:46px;border:1px solid #ffffff1e;border-radius:10px;background:#0c1427e8;color:#f3f7ff;padding:0 16px;font:14px Inter;outline:none;box-shadow:0 10px 34px #0005}.finder input:focus{border-color:#8dbbff;box-shadow:0 0 0 3px #8dbbff20}.finder-results{display:none;position:absolute;top:53px;left:0;right:0;overflow:hidden;border:1px solid #ffffff1e;border-radius:10px;background:#0c1427fa;box-shadow:0 18px 45px #0009}.finder-results.show{display:block}.finder-results button{display:grid;gap:4px;width:100%;border:0;border-bottom:1px solid #ffffff12;background:transparent;color:#edf4ff;padding:12px 14px;text-align:left;cursor:pointer}.finder-results button:hover{background:#182446}.finder-results span{color:#9cb0d0;font-size:11px}.quiet-button{margin-left:auto;border:1px solid #ffffff25;border-radius:9px;background:#0c1427dd;color:#e8f0ff;padding:10px 13px;font:600 12px Inter;cursor:pointer}.canvas-guide{position:absolute;bottom:25px;left:30px;margin:0;color:#a7b7d5;font:11px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.reader-drawer{display:none;position:absolute;top:93px;right:84px;width:min(438px,calc(100vw - 118px));max-height:calc(100vh - 120px);overflow:auto;padding:24px 25px 28px;border:1px solid #ffffff24;border-radius:16px;background:#0c1427f4;box-shadow:0 28px 90px #000d;pointer-events:auto}.reader-drawer.open{display:block}.close-reader{position:absolute;right:13px;top:10px;border:0;background:transparent;color:#aabbd8;font-size:24px;cursor:pointer}.reader-reference{margin:0 30px 18px 0;color:#94bfff;font:600 12px ui-monospace,monospace;letter-spacing:.08em}.reader-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:4px;border-radius:10px;background:#ffffff0a}.reader-tabs button{border:0;border-radius:7px;background:transparent;color:#a5b5d1;padding:9px 4px;font:600 11px Inter;cursor:pointer}.reader-tabs button.active{background:#253a67;color:#fff;box-shadow:0 4px 12px #0005}.reader-content{padding-top:21px}.reader-label{margin:0 0 8px;color:#94bfff;font:600 11px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.reader-content h1{margin:0 0 14px;color:#fff;font:500 37px/1.08 Georgia,serif}.reader-content h2{margin:2px 0 8px;color:#fff;font:500 25px/1.16 Georgia,serif}.reader-content h2 em{color:#8dbbff;font:600 12px Inter;font-style:normal}.verse-notice,.reader-note,.context-copy{margin:0;color:#b4c3da;font:14px/1.65 Inter}.read-esv{display:flex;align-items:center;justify-content:space-between;margin:20px 0 16px;border-radius:10px;background:#d9e7ff;color:#101a2f;padding:13px 15px;text-decoration:none;font:700 13px Inter}.read-esv span{font-size:17px}.reading-tip{border-top:1px solid #ffffff17;padding-top:15px}.verse-rows{display:grid;gap:7px;margin-top:17px}.verse-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff13;border-radius:9px;background:#ffffff08;color:#eef4ff;padding:12px 13px;text-align:left;cursor:pointer}.verse-row:hover{border-color:#8dbbff66;background:#1a294c}.verse-row strong{font:600 13px Inter}.verse-row span{color:#9db9ec;font:600 11px Inter}.verse-row b{font-size:14px}.empty{color:#aab9d1;font-size:13px}.context-copy{border-left:2px solid #8dbbff;padding-left:12px}.drawer-handle{position:absolute;top:112px;right:22px;display:grid;place-items:center;gap:5px;width:43px;min-height:80px;border:1px solid #ffffff29;border-radius:12px;background:#0c1427e8;color:#c7d7f0;pointer-events:auto;box-shadow:0 10px 28px #0008;cursor:pointer}.drawer-handle span{font:600 9px Inter;writing-mode:vertical-rl;letter-spacing:.08em}.drawer-handle.has-selection{border-color:#8dbbff8f;color:#fff}@media(max-width:700px){.app-topbar{top:14px;left:14px;right:14px;gap:9px}.app-brand{display:none}.finder{width:calc(100% - 95px)}.quiet-button{padding:10px 9px;font-size:11px}.reader-drawer{top:76px;right:63px;width:calc(100vw - 90px);max-height:calc(100vh - 92px);padding:21px}.drawer-handle{top:88px;right:10px}.canvas-guide{left:14px;bottom:14px;font-size:9px}}
.verse-text{margin:20px 0 18px;border-left:2px solid #8dbbff;padding:2px 0 2px 18px;color:#f1f5ff;font:400 20px/1.65 Georgia,serif}
html[data-scripture-font="source-sans-3"] .verse-text,html[data-scripture-font="source-sans-3"] .reading-row,html[data-scripture-font="source-sans-3"] .verse-row>p,html[data-scripture-font="source-sans-3"] .comparison-origin p{font-family:'Source Sans 3 Scripture',sans-serif}html[data-scripture-font="atkinson-hyperlegible"] .verse-text,html[data-scripture-font="atkinson-hyperlegible"] .reading-row,html[data-scripture-font="atkinson-hyperlegible"] .verse-row>p,html[data-scripture-font="atkinson-hyperlegible"] .comparison-origin p{font-family:'Atkinson Hyperlegible Scripture',sans-serif}html[data-scripture-font="merriweather"] .verse-text,html[data-scripture-font="merriweather"] .reading-row,html[data-scripture-font="merriweather"] .verse-row>p,html[data-scripture-font="merriweather"] .comparison-origin p{font-family:'Merriweather Scripture',Georgia,serif}html[data-scripture-font="source-serif-4"] .verse-text,html[data-scripture-font="source-serif-4"] .reading-row,html[data-scripture-font="source-serif-4"] .verse-row>p,html[data-scripture-font="source-serif-4"] .comparison-origin p{font-family:'Source Serif 4 Scripture',Georgia,serif}html[data-scripture-font="open-dyslexic"] .verse-text,html[data-scripture-font="open-dyslexic"] .reading-row,html[data-scripture-font="open-dyslexic"] .verse-row>p,html[data-scripture-font="open-dyslexic"] .comparison-origin p{font-family:'OpenDyslexic Scripture',sans-serif}
.loading-state{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#050913;color:#b7c9e9;font:600 13px Inter,Arial,sans-serif;letter-spacing:.08em}.explore-guide{position:absolute;left:50%;top:50%;width:min(600px,calc(100vw - 48px));transform:translate(-50%,-48%);padding:30px 34px;border:1px solid #ffffff20;border-radius:18px;background:#0c1427e6;box-shadow:0 30px 90px #000a;text-align:center;pointer-events:auto;transition:opacity .3s,transform .3s}.explore-guide.dismissed{opacity:0;pointer-events:none;transform:translate(-50%,-42%)}.explore-guide h1{margin:0;color:#f7f9ff;font:500 clamp(28px,4vw,42px)/1.12 Georgia,serif}.explore-guide p{max-width:470px;margin:15px auto 23px;color:#b8c7df;font:15px/1.6 Inter,Arial,sans-serif}.explore-guide div{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:25px;color:#c9d7ec;font:600 11px Inter,Arial,sans-serif}.explore-guide span{display:flex;align-items:center;gap:7px}.explore-guide b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#253a67;color:#fff;font:700 10px Inter,Arial,sans-serif}.explore-guide button{border:0;border-radius:10px;background:#d9e7ff;color:#101a2f;padding:13px 17px;font:700 13px Inter,Arial,sans-serif;cursor:pointer}.explore-guide button:hover{background:#fff}@media(max-width:700px){.explore-guide{padding:26px 21px}.explore-guide div{align-items:flex-start;flex-direction:column;margin-left:calc(50% - 94px);gap:10px}}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#050913}#universe{position:fixed;inset:0;display:block}
.landing-finder{position:relative;width:min(420px,100%);margin:0 auto 12px}.landing-finder input{box-sizing:border-box;width:100%;height:46px;border:1px solid #ffffff28;border-radius:10px;background:#071024e8;color:#f3f7ff;padding:0 15px;font:14px Inter,Arial,sans-serif;outline:none}.landing-finder input:focus{border-color:#8dbbff;box-shadow:0 0 0 3px #8dbbff20}.landing-finder .finder-results{top:52px;text-align:left;z-index:5}
.topic-picker{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.topic-picker button{border:1px solid #ffffff20;border-radius:999px;background:#ffffff08;color:#c7d7f0;padding:7px 10px;font:600 11px Inter,Arial,sans-serif;cursor:pointer}.topic-picker button.active,.topic-picker button:hover{border-color:#8dbbff;background:#253a67;color:#fff}.topic-picker small{margin-left:4px;color:#9bbcf3}
.connection-legend{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important;margin:0 0 18px!important;color:#aebfda!important;font:11px/1.4 Inter,Arial,sans-serif!important}.connection-legend span{display:block!important}.connection-legend strong{display:block;color:#eaf1ff;font-size:11px}.back-star{position:absolute;left:14px;top:12px;border:0;background:transparent;color:#aabbd8;padding:4px;font:600 11px Inter,Arial,sans-serif;cursor:pointer}.back-star:hover{color:#fff}.back-star:disabled{opacity:.35;cursor:default}@media(max-width:700px){.connection-legend{grid-template-columns:1fr!important;text-align:left;margin-left:16px!important;gap:5px!important}}
.back-star{left:16px;top:12px;border:1px solid #8dbbff80;border-radius:8px;background:#1b315c;color:#fff;padding:8px 11px;font:700 12px Inter,Arial,sans-serif;box-shadow:0 6px 18px #0008}.back-star:hover{background:#31528d;border-color:#d9e7ff}.back-star:disabled{opacity:.35;cursor:default}.reader-reference{margin-left:96px}
.reading-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid #ffffff18}.reading-actions button,.return-verse{border:1px solid #8dbbff75;border-radius:9px;background:#1b315c;color:#fff;padding:11px 10px;font:700 12px Inter,Arial,sans-serif;cursor:pointer}.reading-actions button:hover,.return-verse:hover{background:#31528d}.return-verse{margin-bottom:17px;background:transparent;color:#c7dcff}.chapter-reading{margin-top:18px}.reading-row{margin:0 0 13px;color:#eef4ff;font:400 17px/1.7 Georgia,serif}.reading-row sup{display:inline-block;min-width:24px;color:#8dbbff;font:700 10px Inter,Arial,sans-serif;vertical-align:top;padding-top:7px}@media(max-width:700px){.reading-actions{grid-template-columns:1fr}.reading-row{font-size:16px}}
.chapter-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px;padding-top:16px;border-top:1px solid #ffffff18}.chapter-controls button{border:1px solid #8dbbff75;border-radius:9px;background:#1b315c;color:#fff;padding:11px 9px;font:700 11px Inter,Arial,sans-serif;cursor:pointer}.chapter-controls button:hover{background:#31528d}.chapter-controls button:disabled{opacity:.35;cursor:default;background:#ffffff08}@media(max-width:700px){.chapter-controls{grid-template-columns:1fr}}
@media(max-width:760px){.app-topbar{top:10px;left:10px;right:10px;height:44px;gap:8px}.app-brand{display:none}.finder{width:calc(100% - 82px)}.finder input{height:44px;border-radius:9px;font-size:14px}.quiet-button{padding:10px 11px;font-size:11px}.canvas-guide{display:none}.explore-guide{top:48%;width:calc(100vw - 28px);padding:25px 18px;border-radius:15px}.explore-guide h1{font-size:31px}.explore-guide p{margin:12px auto 18px;font-size:14px}.explore-guide div:not(.landing-finder):not(.connection-legend){align-items:center;flex-direction:column;margin:0 0 16px;gap:8px}.connection-legend{grid-template-columns:1fr!important;margin:0 0 15px!important;text-align:left}.landing-finder{margin-bottom:11px}.landing-finder input{height:44px}.explore-guide button{width:100%;padding:13px}.drawer-handle{top:67px;right:9px;width:40px;min-height:68px;border-radius:10px}.reader-drawer{top:auto;right:0;bottom:0;box-sizing:border-box;width:100%;max-height:78vh;padding:19px 16px 25px;border-radius:18px 18px 0 0;border-right:0;border-bottom:0}.reader-reference{margin:2px 38px 15px 100px;font-size:10px}.back-star{left:14px;top:10px;padding:8px 10px}.close-reader{right:10px;top:7px}.reader-tabs{gap:2px}.reader-tabs button{padding:9px 2px;font-size:10px}.reader-content{padding-top:17px}.reader-content h1{font-size:32px}.reader-content h2{font-size:24px}.verse-text{font-size:18px;line-height:1.6;padding-left:14px}.reading-row{font-size:16px;line-height:1.62}.reading-actions,.chapter-controls{gap:7px}.verse-row{padding:12px}.finder-results{max-height:45vh;overflow:auto}.landing-finder .finder-results{max-height:34vh}}
@media(min-width:761px) and (max-width:1050px){.explore-guide{width:min(560px,calc(100vw - 60px))}.reader-drawer{right:72px;width:min(410px,calc(100vw - 100px))}.app-topbar{left:22px;right:22px}.app-brand{font-size:12px}.finder{width:min(420px,48vw)}}
@media(max-width:480px){.explore-guide{box-sizing:border-box;top:47%;width:calc(100vw - 32px);padding:17px 14px 16px;border-radius:14px}.explore-guide h1{font-size:26px;line-height:1.1}.explore-guide p{margin:9px auto 12px;font-size:12px;line-height:1.42}.explore-guide div:not(.landing-finder):not(.connection-legend){flex-direction:row;justify-content:center;gap:8px;margin:0 0 12px}.explore-guide div:not(.landing-finder):not(.connection-legend) span{gap:4px;font-size:9px;white-space:nowrap}.explore-guide div:not(.landing-finder):not(.connection-legend) b{width:17px;height:17px;font-size:8px}.connection-legend{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:0 0 12px!important;text-align:center}.connection-legend strong{font-size:10px}.connection-legend span{font-size:9px;line-height:1.25}.landing-finder{margin-bottom:8px}.landing-finder input{height:40px;font-size:13px}.explore-guide button{padding:11px;font-size:12px}.finder{width:calc(100% - 73px)}.quiet-button{padding:9px 8px;font-size:10px}.drawer-handle{top:62px}}
/* The canvas owns pan and pinch. UI remains at a fixed visual scale while
   retaining normal vertical scrolling and form interaction. */
#universe { touch-action: none; overscroll-behavior: contain; }
.constellation-header, .app-topbar, .explore-guide, .drawer-handle, .topic-color-key { touch-action: pan-y; }
.finder input, .finder-results button, .explore-guide button, .constellation-header button, .constellation-header a, .drawer-handle { touch-action: manipulation; }
.reader-drawer, .finder-results { touch-action: pan-y; overscroll-behavior: contain; }

@media (max-width: 760px) {
  .app-topbar { justify-content: center; }
  .app-topbar .finder {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: min(64vw, 320px);
  }
  .app-topbar .quiet-button { position: absolute; right: 0; z-index: 2; }
}

/* Landing is intentionally focused on its one, centered search field. */
.app-topbar { transition: opacity .22s ease, transform .22s ease; }
.landing-mode .app-topbar { opacity: 0; pointer-events: none; transform: translateY(-14px); }
.landing-mode .drawer-handle { opacity: 0; pointer-events: none; }
.landing-finder { margin-left: auto !important; margin-right: auto !important; }
.topic-color-key { position: absolute; left: 22px; top: 98px; z-index: 22; width: 180px; border: 1px solid #ffffff23; border-radius: 10px; background: #0c1427e8; color: #dbe8ff; pointer-events: auto; font: 600 11px Inter, Arial, sans-serif; }
.landing-mode .topic-color-key, .topic-mode .topic-color-key { top: 12px; left: 12px; }
.topic-color-key summary { padding: 10px 12px; cursor: pointer; list-style: none; }
.topic-color-key summary::after { content: '⌄'; float: right; color: #91baff; }
.topic-color-key[open] summary::after { content: '⌃'; }
.topic-color-key div { display: flex; flex-direction: column; gap: 5px; padding: 0 12px 12px; }
.topic-color-key button { display: inline-flex; align-items: center; gap: 7px; width: 100%; border: 0; background: transparent; color: #dbe8ff; padding: 4px 0; font: 600 11px Inter, Arial, sans-serif; text-align: left; cursor: pointer; }
.topic-color-key button:hover { color: #fff; text-shadow: 0 0 10px currentColor; }
.topic-color-key i { width: 8px; height: 8px; border-radius: 50%; box-shadow: 0 0 7px currentColor; }
.topic-color-key .god { background:#70aeff; color:#70aeff }.topic-color-key .creation { background:#4dd3c4; color:#4dd3c4 }.topic-color-key .spirit { background:#b384ff; color:#b384ff }.topic-color-key .life { background:#71d286; color:#71d286 }.topic-color-key .family { background:#ff8fbd; color:#ff8fbd }.topic-color-key .salvation { background:#ffca68; color:#ffca68 }.topic-color-key .covenant { background:#f3a652; color:#f3a652 }.topic-color-key .church { background:#5cc9d8; color:#5cc9d8 }.topic-color-key .kingdom { background:#f57171; color:#f57171 }.topic-color-key .jesus { background:#ffb878; color:#ffb878 }

/* On touch screens the header remains a clear, dedicated control row. */
@media (max-width: 1024px) {
  .topic-mode .topic-color-key {
    top: 88px;
    left: 12px;
  }
}

/* One compact Reader slide tab on every screen size. */
.drawer-handle {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  grid-auto-flow: column;
  gap: 0;
  width: 40px;
  min-height: 36px;
  padding: 0 9px;
  border-radius: 999px 0 0 999px;
  font-size: 14px;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.drawer-handle span { display: none; }
.drawer-handle.is-open { background: #1b315c; border-color: #a8c8ff; }
.reader-drawer {
  display: block;
  top: 50%;
  right: 0;
  bottom: auto;
  transform: translate(calc(100% + 8px), -50%);
  opacity: 0;
  pointer-events: none;
  transition: transform .28s ease, opacity .2s ease;
  border-radius: 18px 0 0 18px;
  border-right: 0;
}
.reader-drawer.open { display: block; transform: translate(0, -50%); opacity: 1; pointer-events: auto; }
.top-search-mount:empty { display: none; }
.reader-search-slot { margin: 0 38px 16px 100px; }
.reader-search-slot .finder { width: 100%; }
.reader-search-slot .finder input { height: 42px; }
.reader-search-slot .finder-results { z-index: 10; }
.reader-drawer .back-star { top: 29px; }

/* Search results are a complete, scrollable Scripture list directly beneath the field. */
.finder-results {
  max-height: min(58vh, 560px);
  overflow-y: auto;
  text-align: left;
}
.landing-finder .finder-results { max-height: clamp(160px, calc(100vh - 520px), 360px); }
.keyword-result-summary {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 14px;
  border-bottom: 1px solid #ffffff1d;
  color: #eff5ff;
  background: #14203a;
  font: 600 13px Inter, Arial, sans-serif;
}
.keyword-result-summary span { color: #9fc4ff; font-size: 11px; white-space: nowrap; }
.finder-results .keyword-verse-result { gap: 5px; }
.keyword-verse-result strong { color: #fff; font-size: 13px; }
.keyword-verse-result em { color: #9bc3ff; font: 600 10px Inter, Arial, sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.keyword-verse-result span { color: #c7d3e8; font: 13px/1.45 Georgia, serif; }
.more-results { position: sticky; bottom: 0; display: block !important; width: 100%; border: 0; background: #233b6c; color: #fff; padding: 12px; font: 700 12px Inter, Arial, sans-serif; cursor: pointer; }
.more-results:hover { background: #31528d; }
.explore-guide .finder-results button.keyword-verse-result {
  display: grid;
  width: 100%;
  padding: 12px 14px;
  border: 0;
  border-bottom: 1px solid #ffffff12;
  border-radius: 0;
  background: transparent;
  color: #eef4ff;
  text-align: left;
}
.explore-guide .finder-results button.keyword-verse-result:hover { background: #182446; }
.explore-guide .finder-results button.more-results { width: 100%; border-radius: 0; background: #233b6c; color: #fff; padding: 12px; }
@media (max-width: 760px) {
  .finder-results { max-height: 48vh; }
  .keyword-result-summary { padding: 11px 12px; font-size: 12px; }
  .finder-results .keyword-verse-result { gap: 5px; font-family: Inter, Arial, sans-serif; }
  .finder-results .keyword-verse-result strong { font-size: 12px; line-height: 1.25; }
  .finder-results .keyword-verse-result em { font-size: 10px; line-height: 1.25; }
  .finder-results .keyword-verse-result span,
  .explore-guide .finder-results .keyword-verse-result span { font-size: 12px !important; line-height: 1.45; }
  .reader-search-slot .finder-results { max-height: 38vh; }
  .drawer-handle { width: 38px; min-height: 34px; padding: 0; }
}

/* Keep the slide tab outside the reader's usable text column. */
.reader-drawer {
  box-sizing: border-box;
  width: min(520px, calc(100vw - 30px));
  padding-right: 72px;
}
@media (max-width: 760px) {
  .reader-drawer { width: min(94vw, 460px); padding-right: 58px; }
  .reader-search-slot { margin-left: 86px; margin-right: 32px; }
}

@media (max-width: 760px) {
  .drawer-handle {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    grid-auto-flow: column;
    gap: 6px;
    width: 74px;
    min-height: 36px;
    padding: 0 9px;
    border-radius: 999px 0 0 999px;
    font-size: 14px;
    transition: background .2s ease, border-color .2s ease;
  }
  .drawer-handle span { writing-mode: horizontal-tb; font-size: 10px; letter-spacing: .05em; }
  .drawer-handle.is-open { background: #1b315c; border-color: #a8c8ff; }
  .reader-drawer {
    display: block;
    top: 50%;
    right: 0;
    bottom: auto;
    width: min(88vw, 420px);
    max-height: 76vh;
    transform: translate(calc(100% + 8px), -50%);
    opacity: 0;
    pointer-events: none;
    transition: transform .28s ease, opacity .2s ease;
    border-radius: 18px 0 0 18px;
    border-right: 0;
  }
  .reader-drawer.open { display: block; transform: translate(0, -50%); opacity: 1; pointer-events: auto; }
}

/* Final mobile overrides: keep the icon control small and the reader roomy. */
@media (max-width: 760px) {
  .drawer-handle { gap: 0; width: 38px; min-height: 34px; padding: 0; }
  .reader-drawer { width: min(94vw, 460px); padding-right: 58px; }
  .topic-color-key { top: 14px; left: 12px; width: 150px; font-size: 10px; }
  .topic-color-key summary { padding: 8px 10px; }
  .topic-color-key div { max-height: 42vh; overflow: auto; padding: 0 10px 10px; }
}

/* Local reading tools: compact enough for a full chapter, clear enough to use on touch. */
.reading-verse { margin: 0 0 14px; padding: 9px 10px 10px; border-radius: 10px; transition: background .18s ease; }
.reading-verse { cursor: pointer; }
.reading-verse.is-study-selected { background: #16305a75; outline: 1px solid #8dbbff72; }
.reading-verse.highlight-yellow { background: #f6d4632a; box-shadow: inset 3px 0 #f6d463; }
.reading-verse.highlight-blue { background: #7ab8ff26; box-shadow: inset 3px 0 #7ab8ff; }
.reading-verse.highlight-pink { background: #f496bd24; box-shadow: inset 3px 0 #f496bd; }
.reading-verse .reading-row { margin: 0 0 8px; }
.verse-study-tools { display: flex; flex-wrap: wrap; gap: 6px; max-height: 0; margin: 0; overflow: hidden; opacity: 0; pointer-events: none; transition: max-height .18s ease, margin .18s ease, opacity .18s ease; }
.reading-verse:hover .verse-study-tools, .reading-verse:focus-within .verse-study-tools, .reading-verse.is-study-selected .verse-study-tools, .selected-study-area:hover .verse-study-tools, .selected-study-area:focus-within .verse-study-tools, .verse-study-tools.is-editing { max-height: 42px; margin: 10px 0 3px; opacity: 1; pointer-events: auto; }
.verse-study-tools.compact { margin-left: 0; margin-right: 0; }
.verse-study-tools button { border: 1px solid #ffffff25; border-radius: 999px; background: #142443; color: #dce9ff; padding: 6px 9px; font: 700 10px Inter, Arial, sans-serif; cursor: pointer; }
.verse-study-tools button:hover { border-color: #9fc4ff; background: #233c6c; color: #fff; }
.note-editor { display: grid; gap: 7px; margin: 10px 0 4px; padding: 10px; border: 1px solid #8dbbff55; border-radius: 9px; background: #081327; }
.note-editor label { color: #bdd2f5; font: 700 10px Inter, Arial, sans-serif; }
.note-editor textarea { box-sizing: border-box; min-height: 86px; width: 100%; resize: vertical; border: 1px solid #ffffff2c; border-radius: 7px; background: #050c1a; color: #f0f5ff; padding: 9px; font: 13px/1.45 Inter, Arial, sans-serif; }
.note-editor button { justify-self: start; border: 0; border-radius: 7px; background: #d9e7ff; color: #14203a; padding: 8px 11px; font: 700 11px Inter, Arial, sans-serif; cursor: pointer; }
.context-card { margin: 14px 0; padding: 13px; border: 1px solid #ffffff17; border-radius: 10px; background: #ffffff08; }
.context-card h3 { margin: 0 0 6px; color: #dceaff; font: 700 11px Inter, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.context-card p,.context-card li { margin: 0; color: #c4d1e4; font: 13px/1.55 Inter, Arial, sans-serif; }
.context-card ul { display: grid; gap: 7px; margin: 0; padding-left: 18px; }
.context-detail { margin-top: 8px !important; color: #8fa6c9 !important; }
.context-source { margin: 16px 0 0; color: #92a8c9; font: 11px/1.5 Inter, Arial, sans-serif; }
.context-source a { color: #aad0ff; }
.reading-row { position: relative; padding-left: 27px; text-align: justify; text-justify: inter-word; hyphens: auto; }
.reading-row sup { position: absolute; left: 0; top: 0; min-width: 20px; }
.reader-tabs { grid-template-columns: repeat(5,1fr); }
.library-section { margin: 18px 0; }
.library-section h3 { margin: 0 0 8px; color: #dceaff; font: 700 11px Inter,Arial,sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.library-section h3 em { color: #91baff; font-style: normal; }
.library-item { display: grid; gap: 4px; width: 100%; margin-bottom: 7px; border: 1px solid #ffffff18; border-radius: 9px; background: #ffffff08; color: #eef4ff; padding: 11px; text-align: left; cursor: pointer; }
.library-item:hover { background: #1a294c; border-color: #8dbbff66; }
.library-item strong { font: 700 12px Inter,Arial,sans-serif; }.library-item span { color: #b9c9e2; font: 12px/1.4 Georgia,serif; }
.verse-comparison { margin: -1px 0 10px; padding: 14px; border: 1px solid #7bb2ff73; border-radius: 0 0 11px 11px; background: #0a1831; box-shadow: inset 3px 0 #8dbbff; }
.comparison-heading { display: flex; align-items: center; justify-content: space-between; color: #9fc4ff; font: 700 10px Inter, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.comparison-heading button { border: 0; background: transparent; color: #b8c9e4; font-size: 19px; cursor: pointer; }
.verse-comparison h3 { margin: 9px 0 6px; color: #fff; font: 600 16px Georgia, serif; }
.verse-comparison p { margin: 0; color: #e4ecfa; font: 16px/1.58 Georgia, serif; text-align: justify; text-justify: inter-word; }
.comparison-open { margin-top: 12px; border: 1px solid #90bfff80; border-radius: 7px; background: #1b315c; color: #fff; padding: 8px 10px; font: 700 10px Inter, Arial, sans-serif; cursor: pointer; }
.comparison-origin { margin-top: 14px; padding-top: 12px; border-top: 1px solid #ffffff1d; }
.comparison-origin span { display: block; margin-bottom: 6px; color: #9fc4ff; font: 700 10px Inter, Arial, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.comparison-origin p { color: #c9d7eb; font-size: 14px; }
@media (max-width: 760px) { .verse-study-tools button { padding: 6px 8px; font-size: 9px; } .reading-verse { padding: 8px; } .reading-verse .verse-study-tools { max-height: 0; margin: 0; opacity: 0; pointer-events: none; } .reading-verse.is-study-selected .verse-study-tools, .reading-verse:focus-within .verse-study-tools, .selected-study-area:focus-within .verse-study-tools, .verse-study-tools.is-editing { max-height: 42px; margin: 10px 0 3px; opacity: 1; pointer-events: auto; } }

/* Topic and reference cards keep their existing shape while showing the verse itself. */
.verse-row { display:grid; grid-template-columns:1fr auto; gap:6px 12px; align-items:start; }
.verse-row p { grid-column:1 / -1; margin:0; color:#c5d3e9; font:14px/1.5 Georgia,serif; text-align:justify; text-justify:inter-word; }
@media (max-width:760px) { .verse-row p { font-size:13px; line-height:1.48; } }

/* A card compares in place; only its verse-reference control changes stars. */
.verse-row { cursor:pointer; }
.verse-row.comparing { border-color:#8dbbff; border-radius:11px 11px 0 0; background:#17294b; }
.verse-row-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.verse-reference-link { border:0; background:transparent; color:#fff; padding:0; font:600 13px Inter,Arial,sans-serif; text-align:left; text-decoration:underline; text-decoration-color:#8dbbff99; text-underline-offset:3px; cursor:pointer; }
.verse-reference-link:hover { color:#aecdff; text-decoration-color:#aecdff; }
.verse-row-heading > span { color:#9db9ec; font:600 11px Inter,Arial,sans-serif; white-space:nowrap; }
.verse-comparison { margin-top:-8px; }
@media(max-width:760px){.verse-reference-link{font-size:13px}.verse-row-heading > span{font-size:10px}}
.app-topbar .home-icon{margin-left:0;width:38px;height:38px;padding:0;display:grid;place-items:center;font:700 23px/1 system-ui,"Segoe UI Symbol",sans-serif}
@media(max-width:760px){.app-topbar .home-icon{width:36px;height:36px;padding:0;font-size:21px}}
.app-topbar .app-brand{height:38px;display:inline-flex;align-items:center}
.app-topbar .app-brand{font-size:16px}
.drawer-handle{background:#0c1427f4;border-color:#ffffff24;color:#dbe8ff}
.drawer-handle:hover,.drawer-handle.is-open{background:#17294b;border-color:#8dbbff;color:#f4f8ff}
.search-result-group+ .search-result-group{border-top:1px solid #ffffff14}.search-result-group>small{display:block;padding:9px 14px 4px;color:#8dbbff;font:700 10px Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}

/* Verbum-inspired dark study palette: charcoal surfaces, parchment text, and warm brass accents. */
:root { --verbum-ink:#f3ead8; --verbum-muted:#c8bda8; --verbum-gold:#d5ae5a; --verbum-brass:#a98242; --verbum-panel:#26231f; --verbum-panel-deep:#1a1815; --verbum-line:#6e6250; }
html,body,#universe { background:#0e0d0c !important; }
.bible-app { color:var(--verbum-ink); }
.app-brand,.reader-content h1,.reader-content h2,.verse-reference-link { color:var(--verbum-ink); }
.app-brand span,.reader-reference,.reader-label,.reader-content h2 em,.search-result-group>small { color:var(--verbum-gold) !important; }
.finder input,.landing-finder input,.finder-results,.reader-drawer,.topic-color-key,.drawer-handle { background:rgba(38,35,31,.96) !important; border-color:rgba(213,174,90,.32) !important; color:var(--verbum-ink) !important; }
.finder input:focus,.landing-finder input:focus { border-color:var(--verbum-gold) !important; box-shadow:0 0 0 3px rgba(213,174,90,.18) !important; }
.finder-results button { color:var(--verbum-ink) !important; border-color:rgba(243,234,216,.1) !important; }
.finder-results button:hover,.explore-guide .finder-results button.keyword-verse-result:hover { background:#39342b !important; }
.finder-results span,.keyword-verse-result span,.verse-notice,.reader-note,.context-copy,.canvas-guide { color:var(--verbum-muted) !important; }
.quiet-button,.drawer-handle:hover,.drawer-handle.is-open,.back-star,.reading-actions button,.chapter-controls button,.comparison-open { background:#3a3328 !important; border-color:var(--verbum-gold) !important; color:var(--verbum-ink) !important; }
.quiet-button:hover,.back-star:hover,.reading-actions button:hover,.chapter-controls button:hover,.comparison-open:hover { background:#51442e !important; }
.reader-tabs { background:#161411 !important; }
.reader-tabs button { color:#cfc2aa !important; }
.reader-tabs button.active { background:#4a3c27 !important; color:#fff8e8 !important; }
.verse-text,.context-copy { border-color:var(--verbum-gold) !important; color:var(--verbum-ink) !important; }
.verse-row,.library-item,.context-card { background:rgba(243,234,216,.055) !important; border-color:rgba(213,174,90,.18) !important; color:var(--verbum-ink) !important; }
.verse-row:hover,.library-item:hover,.verse-row.comparing { background:#39342b !important; border-color:var(--verbum-gold) !important; }
.verse-row p,.library-item span,.context-card p,.context-card li,.comparison-origin p { color:#ddd2be !important; }
.verse-row-heading > span,.verse-row span,.comparison-heading,.comparison-origin span { color:#d8b871 !important; }
.verse-reference-link { text-decoration-color:rgba(213,174,90,.75) !important; }
.verse-reference-link:hover { color:#fff5dc !important; text-decoration-color:#fff5dc !important; }
.topic-picker button,.verse-study-tools button { background:#332e28 !important; border-color:rgba(213,174,90,.3) !important; color:#e5d8c0 !important; }
.topic-picker button.active,.topic-picker button:hover,.verse-study-tools button:hover { background:#4a3c27 !important; border-color:var(--verbum-gold) !important; color:#fff8e8 !important; }
.explore-guide { background:rgba(38,35,31,.94) !important; border-color:rgba(213,174,90,.34) !important; box-shadow:0 30px 90px #000b !important; }
.explore-guide h1 { color:#fff7e6 !important; }
.explore-guide p,.explore-guide div { color:#d9cdb7 !important; }
.explore-guide b,.explore-guide button,.read-esv,.note-editor button { background:#d5ae5a !important; color:#211b13 !important; }
.explore-guide button:hover,.read-esv:hover,.note-editor button:hover { background:#ecd08e !important; }
.topic-color-key summary::after { color:var(--verbum-gold) !important; }
.topic-color-key button { color:#eadfcb !important; }
.topic-color-key .god { background:#cca652; color:#cca652 }.topic-color-key .creation { background:#77976f; color:#77976f }.topic-color-key .spirit { background:#8e709a; color:#8e709a }.topic-color-key .life { background:#6a8e6d; color:#6a8e6d }.topic-color-key .family { background:#ae6c74; color:#ae6c74 }.topic-color-key .salvation { background:#e1b85d; color:#e1b85d }.topic-color-key .covenant { background:#b98446; color:#b98446 }.topic-color-key .church { background:#5a898e; color:#5a898e }.topic-color-key .kingdom { background:#9d6353; color:#9d6353 }.topic-color-key .jesus { background:#ebd297; color:#ebd297 }

/* Persistent exit to the parent Verum Bible site. The house button still resets this app. */
.verum-back { position:absolute; top:22px; left:28px; z-index:8; display:inline-flex; align-items:center; gap:7px; min-height:38px; box-sizing:border-box; padding:0 13px; border:1px solid rgba(213,174,90,.46); border-radius:9px; background:rgba(38,35,31,.96); color:var(--verbum-ink); text-decoration:none; pointer-events:auto; box-shadow:0 10px 30px #0007; font:700 12px Inter,Arial,sans-serif; letter-spacing:.02em; }
.verum-back:hover,.verum-back:focus-visible { background:#51442e; border-color:var(--verbum-gold); outline:none; }
.verum-back > span { color:var(--verbum-gold); font-size:18px; line-height:1; }
.landing-mode .topic-color-key { left:auto; right:12px; }
.topic-mode .topic-color-key { top:82px; left:12px; right:auto; }
@media (max-width:760px) {
  .verum-back { top:10px; left:10px; min-width:40px; min-height:40px; justify-content:center; padding:0 10px; }
  .verum-back b { display:none; }
  .verum-back > span { font-size:20px; }
}

/* Verum Bible loading experience while the local Scripture datasets initialize. */
.loading-state { display:grid; place-items:center; padding:24px; box-sizing:border-box; background:radial-gradient(circle at 50% 34%,#39342b 0,#1b1916 44%,#0e0d0c 100%); color:#f3ead8; text-align:center; }
.verum-loading-card { width:min(360px,calc(100vw - 48px)); padding:34px 28px 30px; box-sizing:border-box; border:1px solid rgba(213,174,90,.32); border-radius:24px; background:rgba(38,35,31,.94); box-shadow:0 30px 90px #000b; }
.verum-loading-card img { display:block; width:64px; height:64px; margin:0 auto 14px; border:1px solid rgba(213,174,90,.42); border-radius:20px; box-shadow:0 12px 34px #0009; }
.verum-loading-brand { margin:0; color:#d5ae5a; font:700 11px/1.2 Inter,Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.verum-loading-card h1 { margin:10px 0 18px; color:#fff7e6; font:500 30px/1.12 Georgia,serif; letter-spacing:0; }
.verum-loading-message { margin:15px 0 0; color:#cfc2aa; font:600 12px/1.45 Inter,Arial,sans-serif; letter-spacing:.03em; }
.verum-loading-orbit { position:relative; width:76px; height:22px; margin:0 auto; }
.verum-loading-orbit::before { content:''; position:absolute; left:0; right:0; top:10px; height:1px; background:linear-gradient(90deg,transparent,rgba(213,174,90,.65),transparent); }
.verum-loading-orbit span { position:absolute; top:6px; width:9px; height:9px; border-radius:50%; background:#d5ae5a; box-shadow:0 0 14px rgba(213,174,90,.8); animation:verum-loading-pulse 1.2s ease-in-out infinite; }
.verum-loading-orbit span:nth-child(1) { left:8px; }
.verum-loading-orbit span:nth-child(2) { left:34px; animation-delay:.16s; }
.verum-loading-orbit span:nth-child(3) { right:8px; animation-delay:.32s; }
@keyframes verum-loading-pulse { 0%,100%{opacity:.35;transform:scale(.7)} 50%{opacity:1;transform:scale(1)} }
@media (max-width:480px) { .verum-loading-card { padding:28px 20px 25px; border-radius:20px; } .verum-loading-card h1 { font-size:27px; } }
@media (prefers-reduced-motion:reduce) { .verum-loading-orbit span { animation:none; opacity:.85; } }

/* Match the native Verum Bible verse-selection actions. */
.verum-selection-actions { margin-top:14px; padding-top:13px; border-top:1px solid rgba(213,174,90,.2); }
.highlight-colors { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:11px; }
.highlight-dot { width:26px; height:26px; padding:0; border:2px solid transparent; border-radius:50%; cursor:pointer; box-shadow:inset 0 0 0 1px rgba(0,0,0,.12); transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.highlight-dot:hover { transform:scale(1.08); }
.highlight-dot.active { border-color:#fff8e8; box-shadow:0 0 0 2px #d5ae5a,inset 0 0 0 1px rgba(0,0,0,.18); }
.highlight-dot.yellow { background:#fde68a; }.highlight-dot.green { background:#86efac; }.highlight-dot.blue { background:#93c5fd; }.highlight-dot.orange { background:#fdba74; }.highlight-dot.pink { background:#f9a8d4; }.highlight-dot.purple { background:#c4b5fd; }
.clear-highlight { border:0; background:transparent; color:#c8bda8; padding:4px 2px; font:700 10px Inter,Arial,sans-serif; cursor:pointer; }
.clear-highlight:hover { color:#fff8e8; }
.verum-selection-actions .verse-study-tools { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:0; }
.verum-selection-actions .verse-study-tools button { min-height:34px; padding:7px 6px; }
.reading-verse .verum-selection-actions { display:none; }
.reading-verse.is-study-selected .verum-selection-actions,.reading-verse:focus-within .verum-selection-actions { display:block; }
@media(max-width:760px){.highlight-dot{width:24px;height:24px}.verum-selection-actions .verse-study-tools{gap:5px}.verum-selection-actions .verse-study-tools button{font-size:9px;padding:6px 3px}}

.connection-tooltip { position:fixed; z-index:29; max-width:180px; padding:8px 10px; border:1px solid rgba(213,174,90,.46); border-radius:8px; background:rgba(26,24,21,.96); color:#fff7e6; box-shadow:0 10px 28px #0009; pointer-events:none; font:700 11px/1.35 Inter,Arial,sans-serif; }
.connection-tooltip[hidden] { display:none; }

/* Search choices are charcoal at rest, then turn gold on hover or keyboard focus. */
.search-result-group > small,
.keyword-verse-result em { color:#a99f8d !important; }
.finder-results button.keyword-verse-result,
.explore-guide .finder-results button.keyword-verse-result { background:#39342b !important; color:var(--verbum-ink) !important; }
.finder-results button.keyword-verse-result strong,
.explore-guide .finder-results button.keyword-verse-result strong { color:#fff7e6 !important; }
.finder-results button.keyword-verse-result:hover,
.finder-results button.keyword-verse-result:focus,
.finder-results button.keyword-verse-result:focus-visible,
.explore-guide .finder-results button.keyword-verse-result:hover,
.explore-guide .finder-results button.keyword-verse-result:focus,
.explore-guide .finder-results button.keyword-verse-result:focus-visible { background:var(--verbum-gold) !important; color:#211b13 !important; outline:none; }
.finder-results button.keyword-verse-result:hover strong,
.finder-results button.keyword-verse-result:hover em,
.finder-results button.keyword-verse-result:hover span,
.finder-results button.keyword-verse-result:focus strong,
.finder-results button.keyword-verse-result:focus em,
.finder-results button.keyword-verse-result:focus span,
.explore-guide .finder-results button.keyword-verse-result:hover strong,
.explore-guide .finder-results button.keyword-verse-result:hover em,
.explore-guide .finder-results button.keyword-verse-result:hover span { color:#211b13 !important; }

/* Phone refinements: keep the landing search comfortably inside the guide,
   make the primary action a touch-sized button rather than a full-width bar,
   and make a held constellation connection easy to read. */
@media (max-width:760px) {
  .explore-guide .landing-finder { width:min(300px,calc(100% - 40px)); }
  .explore-guide > button { width:auto; min-height:40px; padding:9px 14px; font-size:12px; }
  .connection-tooltip[data-mobile-tag] { max-width:150px; padding:7px 9px; border-color:rgba(213,174,90,.7); background:rgba(26,24,21,.98); color:#fff7e6; font-size:12px; }
}

/* Shared Verum reader state: every available highlight color has a durable visual treatment. */
.reading-verse.highlight-green,.selected-study-area.highlight-green { background:#86efac26; box-shadow:inset 3px 0 #86efac; }
.reading-verse.highlight-orange,.selected-study-area.highlight-orange { background:#fdba7426; box-shadow:inset 3px 0 #fdba74; }
.reading-verse.highlight-yellow,.selected-study-area.highlight-yellow { background:#fde68a26; box-shadow:inset 3px 0 #fde68a; }
.reading-verse.highlight-blue,.selected-study-area.highlight-blue { background:#93c5fd26; box-shadow:inset 3px 0 #93c5fd; }
.reading-verse.highlight-pink,.selected-study-area.highlight-pink { background:#f9a8d426; box-shadow:inset 3px 0 #f9a8d4; }
.reading-verse.highlight-purple,.selected-study-area.highlight-purple { background:#c4b5fd26; box-shadow:inset 3px 0 #c4b5fd; }

/* The active single-verse panel keeps its shared study actions visible. */
.selected-study-area .verse-study-tools { max-height:42px; margin:10px 0 3px; opacity:1; pointer-events:auto; }

/* Comparison and note surfaces use the same Verum reader palette, not the legacy blue panels. */
.verse-comparison { border-color:rgba(213,174,90,.38) !important; background:#332e28 !important; box-shadow:inset 3px 0 #d5ae5a !important; }
.comparison-heading,.comparison-origin span { color:#d8b871 !important; }
.comparison-heading button { color:#eadfcb !important; }
.comparison-heading button:hover { color:#fff8e8 !important; }
.verse-comparison p,.comparison-origin p { color:#f1e7d4 !important; }
.comparison-origin { border-color:rgba(213,174,90,.2) !important; }
.note-editor { border-color:rgba(213,174,90,.38) !important; border-radius:12px !important; background:#332e28 !important; box-shadow:inset 3px 0 #d5ae5a; }
.note-editor label { color:#eadfcb !important; }
.note-editor textarea { border-color:rgba(213,174,90,.3) !important; border-radius:9px !important; background:#211e1a !important; color:#fff7e6 !important; }
.note-editor textarea:focus { border-color:#d5ae5a !important; outline:2px solid rgba(213,174,90,.18); outline-offset:0; }
.note-editor button { border-radius:9px !important; background:#d5ae5a !important; color:#211b13 !important; }
.note-editor button:hover { background:#ecd08e !important; }


/* A selected chapter verse uses Verum's neutral study surface. User-applied
   highlight colors retain their own backgrounds and accent bars. */
.reading-verse.is-study-selected { outline:1px solid rgba(213,174,90,.42) !important; }
.reading-verse.is-study-selected:not(.highlighted) { background:#332e28 !important; box-shadow:inset 3px 0 #d5ae5a; }

/* Match the main Verum reader's passage-return control and inline verse numbers. */
.return-verse { display:inline-flex; align-items:center; min-height:36px; margin-bottom:17px; box-sizing:border-box; border:1px solid rgba(213,174,90,.3) !important; border-radius:12px; background:#332e28 !important; color:#eadfcb !important; padding:8px 12px; box-shadow:none; font:600 12px/1.2 Inter,Arial,sans-serif; }
.return-verse:hover,.return-verse:focus-visible { border-color:var(--verbum-gold) !important; background:#4a3c27 !important; color:#fff8e8 !important; outline:none; }
.reading-row sup { display:inline; min-width:0; margin-right:.32rem; padding-top:0; color:var(--verbum-gold) !important; font-family:Inter,Arial,sans-serif; font-size:.68em; font-weight:700; line-height:1; vertical-align:super; }

/* Autocomplete owns its typography. The landing guide intentionally has broad
   div/span/button rules, so every result element is reset here instead of
   inheriting a heading, guide, reader, or breakpoint-specific text size. */
.finder-results,
.landing-finder .finder-results,
.reader-search-slot .finder-results {
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  font-family:Inter,Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:20px !important;
  text-align:left;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
.finder-results .search-result-group,
.explore-guide .finder-results .search-result-group {
  display:block;
  width:100%;
  max-width:100%;
  margin:0;
  box-sizing:border-box;
  color:inherit;
  font:inherit;
  text-align:left;
}
.finder-results .search-result-group > small,
.explore-guide .finder-results .search-result-group > small {
  display:block;
  box-sizing:border-box;
  width:100%;
  margin:0;
  padding:8px 14px 6px;
  overflow:hidden;
  font:600 10px/14px Inter,Arial,sans-serif !important;
  letter-spacing:.08em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.finder-results button.keyword-verse-result,
.explore-guide .finder-results button.keyword-verse-result {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:3px 10px;
  align-items:start;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-height:64px;
  margin:0;
  padding:11px 14px !important;
  overflow:hidden;
  font-family:Inter,Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:20px !important;
  text-align:left;
  transform:none;
}
.finder-results button.keyword-verse-result strong,
.explore-guide .finder-results button.keyword-verse-result strong {
  display:block;
  min-width:0;
  max-width:100%;
  margin:0;
  overflow:hidden;
  font:600 14px/20px Inter,Arial,sans-serif !important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.finder-results button.keyword-verse-result em,
.explore-guide .finder-results button.keyword-verse-result em {
  display:block;
  align-self:center;
  margin:0;
  overflow:hidden;
  font:600 10px/14px Inter,Arial,sans-serif !important;
  letter-spacing:.05em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.finder-results button.keyword-verse-result span,
.explore-guide .finder-results button.keyword-verse-result span {
  display:-webkit-box !important;
  grid-column:1 / -1;
  min-width:0;
  max-width:100%;
  margin:0;
  overflow:hidden;
  overflow-wrap:anywhere;
  font:400 14px/20px Inter,Arial,sans-serif !important;
  text-overflow:ellipsis;
  white-space:normal !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

@media (max-width:760px) {
  .finder-results button.keyword-verse-result,
  .explore-guide .finder-results button.keyword-verse-result {
    min-height:62px;
    padding:10px 12px !important;
    font-size:14px !important;
    line-height:20px !important;
  }
  .finder-results button.keyword-verse-result strong,
  .explore-guide .finder-results button.keyword-verse-result strong,
  .finder-results button.keyword-verse-result span,
  .explore-guide .finder-results button.keyword-verse-result span {
    font-size:14px !important;
    line-height:20px !important;
  }
}

/* Production header: one flow-based navigation group with the color key below.
   This replaces the former independently positioned title, Back, and Home rules. */
.constellation-header {
  position:fixed;
  z-index:24;
  top:max(18px,env(safe-area-inset-top));
  left:max(22px,env(safe-area-inset-left));
  display:grid;
  width:max-content;
  max-width:calc(100vw - max(44px,env(safe-area-inset-left) + env(safe-area-inset-right)));
  gap:8px;
  pointer-events:auto;
}
.constellation-header .constellation-nav {
  position:static;
  display:flex;
  align-items:stretch;
  gap:6px;
  pointer-events:auto;
}
#mobileSearchMount { display:none; }
.constellation-header .verum-back,
.constellation-header .verum-home {
  position:static;
  display:inline-flex;
  min-height:40px;
  box-sizing:border-box;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(213,174,90,.46);
  border-radius:10px;
  background:rgba(38,35,31,.96);
  color:var(--verbum-ink);
  box-shadow:0 10px 30px #0007;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.constellation-header .verum-back {
  min-width:96px;
  gap:7px;
  padding:0 14px;
  font:700 12px/1 Inter,Arial,sans-serif;
}
.constellation-header .verum-back > span { color:var(--verbum-gold); font-size:18px; line-height:1; }
.constellation-header .verum-home { width:40px; flex:0 0 40px; padding:0; }
.constellation-header .verum-home svg { width:18px; height:18px; }
.constellation-header .verum-home svg { display:block; fill:none; stroke:var(--verbum-gold); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.constellation-header .verum-back:hover,
.constellation-header .verum-home:hover { border-color:var(--verbum-gold); background:#51442e; box-shadow:0 12px 34px #0009; transform:translateY(-1px); }
.constellation-header .verum-back:active,
.constellation-header .verum-home:active { background:#3d3426; box-shadow:0 5px 16px #0008; transform:translateY(1px); }
.constellation-header .verum-back:focus-visible,
.constellation-header .verum-home:focus-visible { border-color:#ecd08e; outline:3px solid rgba(213,174,90,.3); outline-offset:2px; }
.constellation-header > .topic-color-key,
.landing-mode .constellation-header > .topic-color-key,
.topic-mode .constellation-header > .topic-color-key {
  position:relative;
  top:auto;
  right:auto;
  left:auto;
  width:126px;
  max-width:100%;
  box-sizing:border-box;
  margin:0;
  border-radius:10px;
  overflow:visible;
  box-shadow:0 10px 30px #0006;
}
.constellation-header .topic-color-key summary {
  min-height:40px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  padding:0 10px;
  border-radius:inherit;
  font-size:10px;
  white-space:nowrap;
  transition:background-color .18s ease,border-color .18s ease;
}
.constellation-header .topic-color-key summary::after { float:none; }
.constellation-header .topic-color-key summary:hover { background:#443a2b; }
.constellation-header .topic-color-key summary:focus-visible { outline:3px solid rgba(213,174,90,.3); outline-offset:2px; }
.constellation-header .topic-color-key[open] summary { border-radius:10px 10px 0 0; background:#3d3428; }
.constellation-header .topic-color-key:not([open]) { overflow:hidden; }
.constellation-header .topic-color-key:not([open]) > :not(summary) { display:none !important; }
.constellation-header .topic-color-key[open] { overflow:visible; }
.constellation-header .topic-color-key[open] > div { display:flex; max-height:min(48vh,390px); overflow-y:auto; padding:4px 10px 10px; }

.app-topbar { pointer-events:none; }
#topSearchMount { margin:0 auto; pointer-events:auto; }
.landing-mode .app-topbar { opacity:1; transform:none; pointer-events:none; }
.landing-mode #mainFinder { display:none; }

.explore-guide {
  box-sizing:border-box;
  top:51%;
  width:min(650px,calc(100vw - 48px));
  max-height:calc(100dvh - 176px);
  overflow-y:auto;
  padding:28px 34px 30px;
  border-color:rgba(213,174,90,.3);
  border-radius:20px;
  background:rgba(32,29,25,.94);
  box-shadow:0 32px 90px #000c,0 0 0 1px rgba(213,174,90,.04) inset;
}
.explore-guide.search-open { overflow:visible; z-index:30; }
.explore-guide.search-open .landing-finder { z-index:31; }
.explore-guide.search-open .finder-results { z-index:32; }
.explore-guide .explore-heading {
  display:block !important;
  margin:0 0 14px !important;
  color:inherit;
}
.explore-guide .explore-heading h1 {
  margin:0;
  color:#fff8e8;
  font:500 clamp(32px,4.2vw,46px)/1.04 Georgia,serif;
  letter-spacing:-.025em;
}
.explore-guide .explore-heading h2 {
  max-width:520px;
  margin:10px auto 0;
  color:var(--verbum-gold);
  font:600 clamp(17px,2.2vw,23px)/1.28 Inter,Arial,sans-serif;
  letter-spacing:-.012em;
}
.explore-guide > p { margin:0 auto 20px; color:#c8bda8; font-size:14px; line-height:1.55; }
.explore-guide .explore-steps {
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px !important;
  margin:0 0 20px !important;
}
.explore-guide .explore-steps span { white-space:nowrap; }

@media (min-width:761px) and (max-width:1050px) {
  .constellation-header { top:max(18px,env(safe-area-inset-top)); left:max(18px,env(safe-area-inset-left)); }
  .explore-guide { width:min(590px,calc(100vw - 56px)); }
}

@media (max-width:760px) {
  .constellation-header {
    top:max(10px,env(safe-area-inset-top));
    left:max(12px,env(safe-area-inset-left));
    gap:7px;
    width:calc(100vw - max(24px,env(safe-area-inset-left) + env(safe-area-inset-right)));
  }
  .constellation-header .constellation-nav { flex-wrap:wrap; align-items:center; }
  #mobileSearchMount { display:block; flex:1 1 160px; min-width:0; }
  #mobileSearchMount .finder { width:100%; }
  .constellation-header .verum-back,
  .constellation-header .verum-home { min-height:44px; }
  .constellation-header .verum-back { min-width:84px; padding:0 11px; font-size:11px; }
  .constellation-header .verum-back b { display:block; }
  .constellation-header .verum-home { width:44px; flex-basis:44px; }
  .constellation-header > .topic-color-key,
  .landing-mode .constellation-header > .topic-color-key,
  .topic-mode .constellation-header > .topic-color-key { width:116px; font-size:9px; }
  .constellation-header .topic-color-key summary { min-height:44px; padding:0 10px; font-size:10px; }
  .constellation-header .topic-color-key > div { max-height:40vh; gap:5px; padding:3px 10px 10px; }
  .constellation-header .topic-color-key button { min-height:28px; gap:6px; font-size:9px; }
  body:not(.landing-mode) .app-topbar .finder { top:102px; }
  body:not(.landing-mode) .drawer-handle { top:158px; }
  .explore-guide {
    top:max(154px,51%);
    width:calc(100vw - 28px);
    max-height:calc(100dvh - max(172px,env(safe-area-inset-top) + 150px) - env(safe-area-inset-bottom));
    padding:22px 18px 20px;
    border-radius:18px;
  }
  .explore-guide .explore-heading { margin-bottom:11px !important; }
  .explore-guide .explore-heading h1 { font-size:clamp(28px,9vw,36px); }
  .explore-guide .explore-heading h2 { margin-top:8px; font-size:clamp(16px,4.8vw,20px); }
  .explore-guide > p { margin-bottom:15px; font-size:13px; line-height:1.48; }
  .explore-guide .explore-steps { gap:8px !important; margin-bottom:15px !important; }
  .explore-guide .explore-steps span { gap:4px; font-size:9px; }
  .explore-guide .explore-steps b { width:18px; height:18px; font-size:8px; }
}

@media (max-width:380px) {
  .constellation-header .verum-back { min-width:80px; padding:0 9px; }
  .constellation-header > .topic-color-key,
  .landing-mode .constellation-header > .topic-color-key,
  .topic-mode .constellation-header > .topic-color-key { width:108px; }
  .explore-guide { width:calc(100vw - 22px); padding:18px 14px 17px; }
  .explore-guide .explore-heading h1 { font-size:27px; }
  .explore-guide .explore-heading h2 { font-size:16px; }
  .explore-guide .explore-steps { gap:6px !important; }
  .explore-guide .explore-steps span { font-size:8px; }
}

@media (prefers-reduced-motion:reduce) {
  .constellation-header .verum-back,
  .constellation-header .verum-home { transition:none; }
}