/* WDWS Audio Bible player. Uses the app's theme tokens (--bg, --surface, --ink, --navy, --gold, --hero*), so every theme works. */
.abIc{width:22px;height:22px;flex:none}
[hidden].abPrompt,[hidden].abChapListen,.abListenBtn[hidden],.abMini[hidden],.abP[hidden]{display:none!important}
body.kidsOn .abPrompt,body.kidsOn .abChapListen,body.kidsOn .abListenBtn,body.kidsOn .abMini{display:none!important}

/* ---------- entry points ---------- */
.abListenBtn .abIc{width:21px;height:21px}
.abChapListen{align-self:center;display:inline-flex;align-items:center;gap:6px;margin-left:auto;height:30px;padding:0 12px 0 10px;border-radius:999px;border:1px solid var(--line2);background:var(--surface);color:var(--accentText);font:600 13px/1 var(--ui);letter-spacing:.01em;cursor:pointer}
.abChapListen .abIc{width:16px;height:16px}
.abChapListen:hover{background:var(--tint)}
.abChapListen+.trBadge{margin-left:0}
.abPrompt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font-family:var(--ui);cursor:pointer}
.abPromptIc{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;flex:none}
.abPromptIc .abIc{width:18px;height:18px}
.abPromptT{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.abPromptT b{font-size:14px;font-weight:600;line-height:1.2}
.abPromptT small{font-size:12.5px;line-height:1.2;opacity:.82}
/* home: a quiet row inside the hero, under the Bible controls (never louder than "Read the Bible") */
.abPromptHome{margin-top:12px;padding:9px 14px 9px 10px;min-height:52px;border-radius:14px;border:1px dashed var(--heroLine);background:transparent;color:var(--heroInk)}
.abPromptHome .abPromptIc{background:var(--heroField);color:var(--heroGold,var(--heroBtn))}
.abPromptHome>.abIc{width:16px;height:16px;opacity:.7}
.abPromptHome:hover{background:var(--heroField)}
/* reader: slim, dismissible tip under the chapter heading */
.abPromptReader{gap:4px;margin:-6px 0 14px;padding:4px 4px 4px 6px;border-radius:14px;background:var(--tint);border:1px solid var(--tint2);color:var(--ink)}
.abPromptMain{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left;padding:4px;border-radius:10px;color:inherit;font:inherit;background:none;border:0;cursor:pointer}
.abPromptReader .abPromptIc{width:30px;height:30px;background:var(--surface);color:var(--accentText)}
.abPromptReader .abPromptT b{font-size:13.5px}.abPromptReader .abPromptT small{font-size:12px;color:var(--muted);opacity:1}
.abPromptX{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--muted);background:none;border:0;cursor:pointer}
.abPromptX .abIc{width:16px;height:16px}
body.focus .abPromptReader{display:none}

/* ---------- player shell ---------- */
.abP{position:fixed;inset:0;z-index:115;display:flex;justify-content:center;background:var(--bg);color:var(--ink);font-family:var(--ui);opacity:0;transform:translateY(24px);transition:opacity .22s ease,transform .32s var(--ease,cubic-bezier(.2,.8,.2,1))}
.abP.in{opacity:1;transform:none}
body.abOpen{overflow:hidden}
.abShell{position:relative;display:flex;flex-direction:column;width:100%;max-width:560px;height:100%;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
.abTop{display:flex;align-items:center;gap:10px;padding:10px 14px 6px}
.abBrand{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}
.abBrand img{width:34px;height:34px}
body[data-theme="dark"] .abBrand img,body[data-theme="dark"] .abMiniOpen img{filter:invert(1)}
.abBrand span{display:flex;flex-direction:column;line-height:1.1}
.abBrand b{font:600 17px/1.1 var(--ui);letter-spacing:.01em}
.abBrand small{font:600 10px/1.3 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--goldText)}
.abIconBtn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:0;background:var(--surface);color:var(--ink2);box-shadow:0 2px 8px rgba(var(--shadowC,14,58,77),.08);cursor:pointer}
.abTabs{display:flex;gap:4px;margin:6px 16px 0;padding:4px;border-radius:14px;background:var(--surface2)}
.abTabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 8px;border-radius:10px;border:0;background:none;color:var(--muted);font:600 13.5px/1.1 var(--ui);cursor:pointer;white-space:nowrap}
.abTabs .abIc{width:17px;height:17px}
.abTabs button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(var(--shadowC,14,58,77),.12)}
.abBody{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.abPane{display:none;padding:14px 20px 28px}
.abP[data-tab="listen"] .abListen,.abP[data-tab="themes"] .abThemes,.abP[data-tab="books"] .abBooks{display:block}
.abListen{display:none;flex-direction:column;align-items:center;text-align:center}
.abP[data-tab="listen"] .abListen{display:flex}

/* cover: navy (hero) card, paper disc with the WDWS logo, gold glow */
.abCover{position:relative;width:min(68vw,290px,31vh);aspect-ratio:1;margin:6px auto 16px;border-radius:30px;display:grid;place-items:center;
  background:radial-gradient(120% 90% at 50% 0%,rgba(241,216,138,.28),transparent 60%),var(--heroBg,#0E3A4D);box-shadow:0 26px 50px -26px rgba(var(--shadowC,14,58,77),.75),inset 0 0 0 1px rgba(255,255,255,.08)}
.abDisc{width:54%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#FBF8F1;box-shadow:0 0 0 6px rgba(241,216,138,.22),0 0 0 7px rgba(241,216,138,.55),0 18px 30px -12px rgba(0,0,0,.5)}
.abDisc img{width:62%;height:auto}
.abWave{position:absolute;left:50%;bottom:9%;display:flex;gap:4px;align-items:flex-end;height:18px;transform:translateX(-50%)}
.abWave i{display:block;width:4px;height:5px;border-radius:2px;background:var(--heroGold,#F1D88A);opacity:.85}
.abP.playing .abWave i{animation:abWave 1s ease-in-out infinite}
.abP.playing .abWave i:nth-child(2){animation-delay:-.2s}.abP.playing .abWave i:nth-child(3){animation-delay:-.45s}.abP.playing .abWave i:nth-child(4){animation-delay:-.65s}.abP.playing .abWave i:nth-child(5){animation-delay:-.8s}
@keyframes abWave{0%,100%{height:5px}50%{height:18px}}
.abNow{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.abFrom{margin:0 0 4px;max-width:100%;padding:4px 10px;border-radius:999px;background:var(--tint);color:var(--accentText);font:600 12px/1.3 var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abTitle{margin:0;font:600 38px/1.08 var(--title);letter-spacing:-.005em;color:var(--navy,var(--ink))}
.abVerse{margin:6px 0 0;min-height:18px;font:600 12px/1.4 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--goldText)}
.abVerse:empty{display:none}

/* translation */
.abTr{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;margin:12px 0 2px}
.abSeg{display:inline-flex;padding:3px;border-radius:999px;background:var(--surface2);border:1px solid var(--line)}
.abSeg button{min-width:76px;min-height:34px;border-radius:999px;border:0;background:none;color:var(--muted);font:700 13px/1 var(--ui);letter-spacing:.06em;cursor:pointer}
.abSeg button.on{background:var(--fill);color:var(--onFill);box-shadow:0 2px 6px rgba(var(--shadowC,14,58,77),.25)}
.abTrInfo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 8px;min-height:28px;font-size:13.5px}
.abTrName{font-weight:600;color:var(--ink)}
.abTrSub{color:var(--muted);font-size:12.5px}
.abBadge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(201,162,39,.16);border:1px solid rgba(201,162,39,.45);color:var(--goldText);font:700 11.5px/1.1 var(--ui);letter-spacing:.02em}
.abTip{position:relative;display:inline-flex}
.abInfoBtn{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:0;background:none;color:var(--muted);cursor:pointer}
.abInfoBtn .abIc{width:18px;height:18px}
.abTipText{position:absolute;z-index:3;bottom:calc(100% + 8px);right:-10px;width:min(290px,80vw);padding:10px 12px;border-radius:12px;background:var(--ink);color:var(--bg);font:500 12.5px/1.45 var(--ui);text-align:left;box-shadow:0 12px 30px -10px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s}
.abTip.open .abTipText{opacity:1;visibility:visible;transform:none}
@media (hover:hover){.abTip:hover .abTipText{opacity:1;visibility:visible;transform:none}}

/* scrub */
.abScrub{width:100%;margin-top:14px}
.abScrub input{--p:0%;-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer;touch-action:none}
.abScrub input::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:linear-gradient(to right,var(--fill) var(--p),var(--line2) var(--p))}
.abScrub input::-moz-range-track{height:5px;border-radius:3px;background:var(--line2)}
.abScrub input::-moz-range-progress{height:5px;border-radius:3px;background:var(--fill)}
.abScrub input::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;margin-top:-6px;border-radius:50%;background:var(--surface);border:3px solid var(--fill);box-shadow:0 2px 6px rgba(0,0,0,.2)}
.abScrub input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--surface);border:3px solid var(--fill)}
.abScrub input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.abTimes{display:flex;justify-content:space-between;margin-top:2px;font:600 12px/1 var(--ui);color:var(--muted);font-variant-numeric:tabular-nums}

/* transport */
.abCtl{display:flex;align-items:center;justify-content:center;gap:clamp(6px,3vw,18px);margin:14px 0 6px}
.abCtlBtn{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;border:0;background:none;color:var(--ink);cursor:pointer}
.abCtlBtn .abIc{width:26px;height:26px}
.abCtlBtn:hover{background:var(--surface2)}
.abCtlBtn:disabled{opacity:.3;cursor:default;background:none}
.abPlay{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;border:0;background:var(--fill);color:var(--onFill);box-shadow:0 14px 26px -12px rgba(var(--shadowC,14,58,77),.8),inset 0 0 0 3px rgba(241,216,138,.35);cursor:pointer;transition:transform .12s}
.abPlay .abIc{width:32px;height:32px}
.abPlay:active{transform:scale(.96)}
.abP:not(.playing) .abPlay .abIc{margin-left:3px}
/* options */
.abOpts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}
.abPop{position:relative}
.abChip{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px 0 11px;border-radius:999px;border:1px solid var(--line2);background:var(--surface);color:var(--ink2);font:600 13.5px/1 var(--ui);font-variant-numeric:tabular-nums;cursor:pointer}
.abChip .abIc{width:17px;height:17px;color:var(--accentText)}
.abChip.on{border-color:var(--accent);color:var(--accentText);background:var(--tint)}
.abMenu{position:absolute;z-index:4;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:150px;padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -14px rgba(var(--shadowC,14,58,77),.45);display:flex;flex-direction:column}
.abMenu button{min-height:40px;padding:0 14px;border-radius:9px;border:0;background:none;color:var(--ink);text-align:left;font:600 14px/1 var(--ui);cursor:pointer;white-space:nowrap}
.abMenu button:hover,.abMenu button:focus-visible{background:var(--surface2)}
.abMenu button[aria-checked="true"]{color:var(--accentText);background:var(--tint)}
.abMenu button[aria-checked="true"]::after{content:"✓";float:right;margin-left:12px}
.abCredit{margin:18px 0 0;max-width:420px;font:500 11.5px/1.45 var(--ui);color:var(--muted)}

/* themes */
.abPaneHead h3{margin:2px 0 2px;font:600 24px/1.15 var(--title);color:var(--navy,var(--ink))}
.abPaneHead p{margin:0 0 12px;color:var(--muted);font-size:13.5px}
.abSearch{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--line2);background:var(--surface);color:var(--muted)}
.abSearch .abIc{width:18px;height:18px}
.abSearch input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--ink);font:500 15px/1.2 var(--ui)}
.abSearch:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint2)}
.abCats{display:flex;gap:6px;overflow-x:auto;margin:12px -20px 4px;padding:0 20px 4px;scrollbar-width:none}
.abCats::-webkit-scrollbar{display:none}
.abCat{flex:none;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line2);background:var(--surface);color:var(--ink2);font:600 12.5px/1 var(--ui);cursor:pointer;white-space:nowrap}
.abCat.on{background:var(--fill);border-color:var(--fill);color:var(--onFill)}
.abGroup{margin-top:16px}
.abGroup h4,.abPkLbl{margin:0 0 8px;font:700 11.5px/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--goldText)}
.abGroupIntro{margin:-2px 0 10px;padding:10px 12px;border-left:3px solid var(--gold,#C9A227);border-radius:0 10px 10px 0;background:var(--surface2);color:var(--ink2);font-size:13px;line-height:1.5}
.abCards{display:grid;gap:8px}
.abCard{display:flex;align-items:center;gap:12px;width:100%;padding:12px 12px 12px 16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .15s,transform .12s}
.abCard:hover{border-color:var(--line2)}
.abCard:active{transform:scale(.99)}
.abCardT{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.abCardT b{font:600 15.5px/1.25 var(--ui)}
.abCardT small{font-size:13px;line-height:1.35;color:var(--ink2)}
.abCardT em{font:600 11.5px/1.3 var(--ui);font-style:normal;letter-spacing:.03em;color:var(--accentText)}
.abCardGo{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--tint);color:var(--accentText)}
.abCardGo .abIc{width:16px;height:16px;margin-left:2px}
.abCard.na{opacity:.6}
.abEmpty{margin:24px 4px;color:var(--muted);text-align:center}
/* books */
.abBkGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-bottom:18px}
.abBkGrid button{min-height:42px;padding:0 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 13.5px/1.15 var(--ui);text-align:left;cursor:pointer}
.abBkGrid button.on,.abNums button.on{background:var(--fill);border-color:var(--fill);color:var(--onFill)}
.abPkHead{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.abPkHead b{font:600 22px/1.1 var(--title)}.abPkHead span{margin-left:auto;color:var(--muted);font-size:13px}
.abPkBack{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 12px 0 6px;border-radius:999px;border:1px solid var(--line2);background:var(--surface);color:var(--ink2);font:600 13px/1 var(--ui);cursor:pointer}
.abPkBack .abIc{width:16px;height:16px}
.abNums{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px}
.abNums button{aspect-ratio:1;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 14px/1 var(--ui);cursor:pointer}
.abNums button.na{opacity:.4}

/* in-player "now playing" strip (mobile, while browsing stories/books) */
.abNowBar{display:flex;align-items:center;gap:8px;margin:0 12px calc(10px + env(safe-area-inset-bottom));padding:6px 6px 6px 12px;border-radius:16px;background:var(--fill);color:var(--onFill);box-shadow:0 12px 26px -14px rgba(var(--shadowC,14,58,77),.8)}
.abNowBar[hidden]{display:none}
.abNowOpen{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.abNowOpen span:last-child{display:flex;flex-direction:column;min-width:0}
.abNowOpen small{font:700 10px/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--heroGold,#F1D88A)}
.abNowOpen b{font:600 14.5px/1.25 var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abNowEq{display:flex;gap:3px;align-items:flex-end;height:16px}.abNowEq i{width:3px;height:6px;border-radius:2px;background:var(--heroGold,#F1D88A)}
.abP.playing .abNowEq i{animation:abWave 1s ease-in-out infinite}.abP.playing .abNowEq i:nth-child(2){animation-delay:-.3s}.abP.playing .abNowEq i:nth-child(3){animation-delay:-.6s}
.abNowBar .abMiniPlay{background:var(--onFill);color:var(--fill)}
/* mini player */
.abMini{position:fixed;z-index:45;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;padding:6px 6px 6px 8px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 16px 36px -16px rgba(var(--shadowC,14,58,77),.6);overflow:hidden}
.abMiniOpen{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer}
.abMiniOpen span{display:flex;flex-direction:column;min-width:0}
.abMiniOpen b{font:600 14.5px/1.2 var(--ui)}.abMiniOpen small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abMiniPlay{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:50%;border:0;background:var(--fill);color:var(--onFill);cursor:pointer}
.abMiniPlay .abIc{width:20px;height:20px}
.abMiniBar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--line)}
.abMiniBar i{display:block;height:100%;width:0;background:var(--gold,#C9A227)}

@media (prefers-reduced-motion:reduce){.abP{transition:opacity .1s;transform:none}.abP.playing .abWave i{animation:none;height:10px}.abCard,.abPlay{transition:none}}

/* ---------- tablet / desktop: one premium two-column card (player left, stories/books right) ---------- */
@media (min-width:900px){
 .abP{background:var(--scrim,rgba(14,58,77,.38));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);align-items:center;padding:28px}
 .abShell{max-width:1180px;height:min(820px,calc(100vh - 56px));padding:0;border-radius:28px;background:var(--bg);border:1px solid var(--line);box-shadow:0 40px 90px -30px rgba(0,0,0,.45);overflow:hidden;
   display:grid;grid-template-columns:minmax(400px,46%) 1fr;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"top top" "listen tabs" "listen panel"}
 .abTop{grid-area:top;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface)}
 .abBrand{justify-content:flex-start;order:-1}
 .abBrand img{width:38px;height:38px}
 #abClose{order:1}#abExit{order:2}
 .abTabs{grid-area:tabs;margin:18px 28px 0}
 .abTabs [data-abtab="listen"]{display:none}
 .abTabs button.on{background:none;color:var(--muted);box-shadow:none}
 .abTabs button.onR{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(var(--shadowC,14,58,77),.12)}
 .abBody{display:contents}
 .abPane{display:none!important}
 .abListen{display:flex!important;grid-area:listen;overflow-y:auto;justify-content:center;padding:28px 40px 28px;border-right:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--bg))}
 .abP[data-right="themes"] .abThemes,.abP[data-right="books"] .abBooks{display:block!important;grid-area:panel;overflow-y:auto;overscroll-behavior:contain;padding:18px 28px 32px}
 .abCover{width:min(280px,30vh);margin-top:0}
 .abTitle{font-size:46px}
 .abCards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .abCats{flex-wrap:wrap;overflow:visible;margin:12px 0 4px;padding:0}
 .abMini{left:auto;right:28px;bottom:28px;width:360px}
 .abNowBar{display:none!important}
 .abPromptHome{margin-top:14px}
}
@media (min-width:1600px){.abShell{max-width:1320px;height:min(900px,calc(100vh - 80px))}.abCover{width:min(320px,32vh)}.abCards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:700px) and (max-width:899px){.abMini{left:calc(var(--rail,0px) + 16px);bottom:24px;right:auto;width:380px}}
@media (max-height:760px) and (max-width:899px){.abCover{width:min(46vw,180px,24vh)}.abTitle{font-size:32px}.abCtl{margin-top:8px}}

/* Reader swipe (reader-swipe.js): stop the browser's own horizontal overscroll / swipe-back navigation in the reader,
   so a right swipe turns to the previous chapter instead of leaving the app. */
html:has(> body.v-bible),body.v-bible{overscroll-behavior-x:none}
/* r108d: calm themes UI */
.abTiles{display:grid;gap:12px;margin-top:16px}
.abTile{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:18px 18px;border-radius:16px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;font-family:var(--ui)}
.abTile b{font-size:16px;font-weight:700}.abTile small{grid-column:1;color:var(--ink2);font-size:12.5px}
.abTile span{grid-row:1/3;grid-column:2;font-size:22px;color:var(--goldText)}
.abTile:hover{border-color:var(--accentText,var(--line2))}
.abList{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.abRow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:15px 16px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer;font:600 15px/1.3 var(--ui)}
.abRow:first-child{border-top:0}.abRow em{flex:none;font-style:normal;font-weight:500;font-size:13px;color:var(--ink2)}
.abRow:hover{background:var(--tint)}.abRow.na{opacity:.55}
.abBack{background:transparent!important;border-color:transparent!important;color:var(--accentText)!important;padding-left:0!important}
@media (min-width:900px){.abTiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* r108d: distinct Listen entry points */
.abPromptHome{border:1px solid rgba(0,0,0,.12)!important;border-style:solid!important;background:#fff!important;color:#1f2a44!important;box-shadow:0 2px 10px rgba(0,0,0,.18);max-width:420px}
.abPromptHome .abPromptIc{background:#1f2a44!important;color:#fff!important}
.abPromptHome small{color:#4a5568!important;opacity:1!important}.abPromptHome>.abIc{opacity:.8}
.abPromptHome:hover{background:#f4f6fb!important}
.abChapListen{background:var(--fill)!important;color:var(--onFill)!important;border-color:var(--fill)!important;box-shadow:0 1px 4px rgba(0,0,0,.2);height:32px}
.abChapListen:hover{filter:brightness(1.08)}

/* ---------- People of the Bible: person tabs, flip-book cards, timeline nodes (theme tokens only) ---------- */
.abPeople{display:flex;gap:8px;overflow-x:auto;margin:14px -20px 6px;padding:2px 20px 8px;scroll-snap-type:x proximity;scrollbar-width:none}
.abPeople::-webkit-scrollbar{display:none}
.abPerson{flex:none;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 14px;border-radius:14px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);font-family:var(--ui);cursor:pointer;text-align:left}
.abPerson b{font-size:15px;font-weight:700}.abPerson small{font-size:11.5px;color:var(--muted)}
.abPerson.on{border-color:var(--goldText,var(--gold));box-shadow:inset 0 -3px 0 var(--goldText,var(--gold));background:var(--tint)}
.abFlip{position:relative}
.abCards{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:6px -20px 0;padding:10px 20px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch;perspective:900px}
.abCards::-webkit-scrollbar{display:none}
.abCard{position:relative;flex:0 0 78%;max-width:340px;min-height:250px;scroll-snap-align:center;display:flex;flex-direction:column;gap:6px;padding:20px 18px 16px;border-radius:18px;border:1px solid var(--line2);
  background:linear-gradient(160deg,var(--surface),var(--surface2,var(--surface)));color:var(--ink);box-shadow:0 10px 24px -14px var(--shadowC,rgba(0,0,0,.35));cursor:pointer;
  transform:rotateY(8deg) scale(.94);opacity:.72;transition:transform .35s ease,opacity .35s ease,border-color .2s}
.abCard.on{transform:none;opacity:1;border-color:var(--goldText,var(--gold))}
.abCard::after{content:"";position:absolute;right:0;bottom:0;width:34px;height:34px;border-radius:0 0 18px 0;background:linear-gradient(135deg,transparent 50%,var(--tint2,var(--line)) 50%)}
.abCard.na{opacity:.5}
.abCardNo{font:700 13px/1 var(--ui);color:var(--goldText,var(--gold))}.abCardNo i{font-style:normal;font-weight:500;color:var(--muted)}
.abCard h4{margin:4px 0 0;font:700 20px/1.2 var(--title,var(--ui));color:var(--ink)}
.abCardRef{margin:0;font-size:13px;font-weight:600;color:var(--accentText)}
.abCardS{margin:4px 0 0;font-size:15px;line-height:1.4;color:var(--ink2);font-style:italic;flex:1}
.abCardPlay{align-self:center;display:grid;place-items:center;width:58px;height:58px;margin-top:6px;border-radius:50%;border:0;background:var(--fill,var(--gold));color:var(--onFill,#fff);cursor:pointer;box-shadow:0 6px 16px -8px var(--shadowC,rgba(0,0,0,.4))}
.abCardPlay .abIc{width:26px;height:26px}
.abCardNow{margin:4px 0 0;text-align:center;font-size:12px;color:var(--muted)}
.abCard.playing .abCardNow{color:var(--goldText,var(--gold));font-weight:700}
.abFlipBar{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:2px}
.abFlipPos{min-width:70px;text-align:center;font:600 13px/1 var(--ui);color:var(--muted)}
.abNodes{display:flex;list-style:none;margin:12px -20px 0;padding:6px 20px 10px;overflow-x:auto;scrollbar-width:none;position:relative}
.abNodes::-webkit-scrollbar{display:none}
.abNodes li{flex:none;position:relative}
.abNodes li+li::before{content:"";position:absolute;top:15px;left:-14px;width:28px;height:2px;background:var(--line2)}
.abNode{display:flex;flex-direction:column;align-items:center;gap:6px;width:68px;padding:4px 0;border:0;background:none;color:var(--muted);font:500 11.5px/1.15 var(--ui);cursor:pointer;text-align:center}
.abNode i{width:18px;height:18px;border-radius:50%;border:2px solid var(--line2);background:var(--surface)}
.abNode.past i{background:var(--line2)}
.abNode.on{color:var(--goldText,var(--gold));font-weight:700}.abNode.on i{border-color:var(--goldText,var(--gold));background:var(--goldText,var(--gold));box-shadow:0 0 0 4px var(--tint2,var(--tint))}
@media (min-width:900px){.abPeople,.abCards,.abNodes{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.abCard{flex-basis:300px}}
@media (prefers-reduced-motion:reduce){.abCard{transition:none}}

/* ---------- Listen to full story: focused full-screen mode ---------- */
.abFullWrap{margin:4px 0 2px}
.abFullBtn{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 10px;width:100%;padding:11px 16px;border-radius:14px;border:0;background:var(--fill,var(--navy));color:var(--onFill,#fff);font-family:var(--ui);text-align:left;cursor:pointer}
.abFullBtn .abIc{grid-row:1/3;width:22px;height:22px;color:var(--heroGold,var(--gold))}
.abFullBtn span{font-weight:700;font-size:15px}.abFullBtn small{font-size:12px;opacity:.85}
.abFocus{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);
  background:var(--bg);opacity:0;transition:opacity .7s ease;font-family:var(--ui);color:var(--ink)}
.abFocus.in{opacity:1}.abFocus[hidden]{display:none}
/* focus mode: opaque backdrop in theme bg fully hides the page (fade .7s) */
.abFoInner{width:100%;max-width:520px;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:14px 0 18px}
.abFoTop{display:flex;align-items:center;justify-content:space-between}
.abFoWho{display:flex;flex-direction:column}.abFoWho b{font:700 18px/1.2 var(--title,var(--ui))}.abFoWho small{font-size:12.5px;color:var(--goldText,var(--gold));font-weight:600}
.abFoCard{padding:20px;border-radius:22px;border:1px solid var(--goldText,var(--line2));background:var(--surface);box-shadow:0 18px 40px -20px var(--shadowC,rgba(0,0,0,.4));text-align:center}
.abFoPic{position:relative;display:grid;place-items:center;height:150px;border-radius:16px;margin-bottom:14px;background:radial-gradient(circle at 50% 35%,var(--heroGold,var(--gold)) 0,transparent 60%),linear-gradient(160deg,var(--navy,#0e3a4a),var(--fill,#0e3a4a));overflow:hidden}
.abFoPic span{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;border:3px solid var(--heroGold,var(--gold));background:var(--surface);color:var(--navy,var(--ink));font:700 40px/1 var(--title,var(--ui))}
.abFoPic i{position:absolute;right:12px;bottom:10px;font:700 13px/1 var(--ui);font-style:normal;color:var(--heroGold,var(--gold))}
.abFoCard h2{margin:0;font:700 26px/1.2 var(--title,var(--ui));color:var(--ink)}
.abFoRef{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--accentText)}
.abFoText{margin:14px 0 0;font:400 17px/1.6 var(--p,var(--ui));color:var(--ink2);font-style:italic;text-align:left}.abFoText sup{font-size:10px;color:var(--goldText,var(--gold));font-style:normal;margin-right:2px}
.abFoCtl{display:flex;align-items:center;justify-content:center;gap:26px}
.abFoCtl .abIconBtn[disabled]{opacity:.35}
.abFoPlay{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;border:0;background:var(--fill,var(--navy));color:var(--onFill,#fff);cursor:pointer}.abFoPlay .abIc{width:30px;height:30px}
.abFoDots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;margin:0;padding:0}
.abFoDots button{width:12px;height:12px;padding:0;border-radius:50%;border:2px solid var(--line2);background:var(--surface);cursor:pointer}
.abFoDots .past{background:var(--line2)}.abFoDots .on{background:var(--goldText,var(--gold));border-color:var(--goldText,var(--gold))}
@media (prefers-reduced-motion:reduce){.abFocus{transition:none}}
/* per-stop picture slot: image when audio-themes.js gives img, else a WDWS placeholder */
.abCardPic{position:relative;display:grid;place-items:center;height:110px;margin:-8px -6px 6px;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 30%,var(--heroGold,var(--gold)) 0,transparent 62%),linear-gradient(160deg,var(--navy,#0e3a4a),var(--fill,#0e3a4a))}
.abCardPic span,.abFoPic span{position:relative}
.abCardPic span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px solid var(--heroGold,var(--gold));background:var(--surface);color:var(--navy,var(--ink));font:700 24px/1 var(--title,var(--ui))}
.abCardPic img,.abFoPic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.abCardPic{align-self:stretch;width:auto}
/* names-fix: person tabs wrap instead of scrolling off-screen (names were clipped at the strip edges); timeline labels grow to fit long names */
.abPeople{flex-wrap:wrap;overflow:visible;margin:14px 0 6px;padding:2px 0 8px;scroll-snap-type:none}
.abPerson{flex:1 1 auto;min-width:0;scroll-snap-align:none}
.abPerson b,.abPerson small{white-space:normal;overflow-wrap:anywhere}
.abNode{width:auto;min-width:68px;max-width:110px;padding:4px 6px}
.abNodes li+li::before{left:-14px}
.abCard h4,.abFoCard h2{overflow-wrap:anywhere;hyphens:auto}
/* full-picture fix: show whole 16:9 image, never crop */
.abCardPic:has(img),.abFoPic:has(img){height:auto;aspect-ratio:16/9;background:var(--fill,var(--surface))}
.abFoPic:has(img){max-height:46vh}
.abCardPic:has(img){max-height:40vh}
.abCardPic img,.abFoPic img{object-fit:contain}