.devotional-reader{--reader-font:18px;--r-bg:#f8fcfa;--r-card:#fff;--r-text:#17312c;--r-muted:#627972;--r-line:rgba(18,101,82,.14);--r-accent:#146c58;background:var(--r-bg);color:var(--r-text);min-height:100vh;padding-bottom:5rem;transition:.25s}.devotional-reader.reader-dark{--r-bg:#0e1816;--r-card:#15231f;--r-text:#edf8f4;--r-muted:#a4b9b1;--r-line:rgba(255,255,255,.1);--r-accent:#50c5a5}.devotional-reader-hero{height:min(620px,72vh);min-height:520px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:linear-gradient(135deg,#092f29,#146c58)}.devotional-reader-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reader-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,24,21,.22),rgba(4,24,21,.94)),radial-gradient(circle at 80% 15%,rgba(236,174,61,.35),transparent 32%)}.reader-hero-content{position:relative;z-index:2;color:#fff;width:min(1120px,calc(100% - 34px));margin:0 auto;padding:4rem 0}.reader-back{color:#fff;text-decoration:none;display:inline-flex;gap:.5rem;align-items:center;margin-bottom:1.5rem}.reader-date{display:flex;gap:.55rem;align-items:center;color:#f8d78c;text-transform:uppercase;font-size:.78rem;letter-spacing:.09em}.reader-date strong{color:#fff}.reader-theme{display:inline-block;margin-top:.8rem;padding:.4rem .7rem;border-radius:999px;background:rgba(255,255,255,.12);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.reader-hero-content h1{font-size:clamp(2.5rem,6vw,5.4rem);line-height:.98;font-weight:900;max-width:920px;margin:.8rem 0}.reader-hero-content>p{font-size:clamp(1rem,2vw,1.25rem);color:rgba(255,255,255,.78);max-width:780px}.reader-meta{display:flex;gap:1.2rem;flex-wrap:wrap;color:rgba(255,255,255,.8);font-size:.83rem}.reader-meta span{display:flex;gap:.4rem}.reader-stage-nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--r-card) 94%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--r-line)}.reader-stage-progress{height:4px;background:var(--r-line)}.reader-stage-progress i{display:block;height:100%;background:linear-gradient(90deg,#146c58,#e5a62c);transition:.25s}.reader-stage-scroll{width:min(1180px,100%);margin:auto;display:flex;overflow-x:auto;scrollbar-width:none}.reader-stage-scroll a{min-width:105px;padding:.8rem .55rem;text-decoration:none;color:var(--r-muted);display:grid;place-items:center;gap:.2rem;font-size:.68rem;text-align:center}.reader-stage-scroll a i{font-size:1.1rem}.reader-stage-scroll a.active{color:var(--r-accent);background:color-mix(in srgb,var(--r-accent) 8%,transparent)}.reader-tools{position:sticky;top:74px;z-index:80;margin:1rem auto;width:min(1120px,calc(100% - 30px));display:flex;justify-content:flex-end;gap:.4rem;pointer-events:none}.reader-tools button{pointer-events:auto;border:1px solid var(--r-line);background:var(--r-card);color:var(--r-text);height:42px;padding:0 .8rem;border-radius:13px;box-shadow:0 8px 25px rgba(0,0,0,.08)}.reader-tools button span{margin-left:.35rem}.reader-shell{width:min(1120px,calc(100% - 30px));margin:1rem auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.4rem;align-items:start}.reader-content{display:grid;gap:1.1rem}.reader-section,.reader-audio,.reader-closing,.reader-complete,.reader-response{background:var(--r-card);border:1px solid var(--r-line);border-radius:26px;padding:clamp(1.25rem,3vw,2.4rem);box-shadow:0 14px 45px rgba(12,60,50,.06)}.reader-section{display:grid;grid-template-columns:64px 1fr;gap:1.2rem}.reader-section-icon{width:58px;height:58px;border-radius:18px;background:color-mix(in srgb,var(--r-accent) 10%,var(--r-card));color:var(--r-accent);display:grid;place-items:center;font-size:1.5rem}.reader-kicker{display:block;color:var(--r-accent);font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;font-weight:900;margin-bottom:.45rem}.reader-section h2{font-size:clamp(1.45rem,3vw,2.25rem);font-weight:900}.reader-section p,.reader-prose{font-size:var(--reader-font);line-height:1.82;color:var(--r-text)}.reader-prose h2,.reader-prose h3{font-weight:900;margin-top:1.5em}.reader-prose img{max-width:100%;height:auto;border-radius:18px}.reader-prose blockquote{border-left:4px solid #e5a62c;padding:1rem 1.2rem;background:color-mix(in srgb,#e5a62c 8%,var(--r-card));border-radius:0 16px 16px 0}.reader-scripture{background:linear-gradient(135deg,color-mix(in srgb,var(--r-accent) 10%,var(--r-card)),var(--r-card))}.reader-scripture blockquote{font-family:Georgia,serif;font-size:clamp(1.25rem,2.4vw,1.8rem);line-height:1.65;margin:1rem 0}.reader-memory{border-top:1px solid var(--r-line);padding-top:1rem}.reader-memory strong,.reader-memory span{color:#aa7418}.reader-audio{position:sticky;top:132px;z-index:45;display:grid;grid-template-columns:1fr minmax(280px,1.5fr) auto auto;gap:.8rem;align-items:center}.reader-audio>div{display:flex;gap:.7rem;align-items:center}.reader-audio>div>i{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#fff0cf;color:#9d6812;font-size:1.3rem}.reader-audio span{display:flex;flex-direction:column}.reader-audio small{color:var(--r-muted)}.reader-audio audio{width:100%}.reader-audio select,.reader-audio>a{border:1px solid var(--r-line);background:var(--r-card);color:var(--r-text);border-radius:12px;padding:.55rem}.reader-opening{font-family:Georgia,serif;font-style:italic;font-size:calc(var(--reader-font) + 3px)!important}.reader-truth{background:linear-gradient(135deg,#0e594a,#123d35);color:#fff}.reader-truth h2{color:#fff}.reader-card-link{display:inline-flex;align-items:center;gap:.45rem;color:var(--r-accent);font-weight:800;text-decoration:none;margin-top:.7rem}.reader-truth .reader-card-link{color:#ffd27a}.reader-points{list-style:none;padding:0;display:grid;gap:.7rem}.reader-points li{display:flex;gap:.65rem;padding:.8rem 1rem;border-radius:15px;background:color-mix(in srgb,var(--r-accent) 7%,var(--r-card));font-size:var(--reader-font);line-height:1.55}.reader-points li i{color:var(--r-accent);margin-top:.2rem}.reader-reflect form{display:grid;gap:1rem}.reader-reflect label{display:grid;gap:.5rem}.reader-reflect label span{font-weight:800}.reader-reflect textarea,.reader-journal textarea{width:100%;border:1px solid var(--r-line);border-radius:15px;background:var(--r-bg);color:var(--r-text);padding:.9rem;resize:vertical}.reader-challenge{background:#fff5dc;color:#604814;padding:1.2rem;border-radius:18px;margin-top:1rem}.reader-pray{background:linear-gradient(145deg,color-mix(in srgb,#7559c8 12%,var(--r-card)),var(--r-card))}.prayer-points li i{color:#7559c8}.reader-confession{background:linear-gradient(135deg,#6e3a91,#2f1e55);color:#fff}.reader-confession h2{color:#fff;line-height:1.55}.reader-confession .btn{margin:.4rem .35rem .2rem 0}.reader-reading-list{display:flex;flex-wrap:wrap;gap:.55rem}.reader-reading-list span{padding:.6rem .8rem;border:1px solid var(--r-line);border-radius:999px}.reader-closing{text-align:center;font-family:Georgia,serif;font-size:calc(var(--reader-font) + 2px);background:var(--r-card)}.reader-closing i{font-size:2rem;color:#e5a62c}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.journal-grid label:last-child{grid-column:1/-1}.journal-grid label{display:grid;gap:.35rem}.journal-grid span{font-weight:800;font-size:.85rem}.journal-share{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:.5rem;margin:1rem 0;color:var(--r-muted)}.reader-login-card{text-align:center;padding:2rem;border:2px dashed var(--r-line);border-radius:20px}.reader-login-card i{font-size:2.5rem;color:#e5a62c}.reader-complete{text-align:center;background:linear-gradient(135deg,#146c58,#0a4339);color:#fff}.reader-complete>i{font-size:3.5rem;color:#ffd27a}.reader-complete h2{font-size:2.3rem;font-weight:900}.reader-complete p{color:rgba(255,255,255,.78)}.reader-complete button.is-complete{background:#d8f6e9;color:#075441}.reader-response{text-align:center}.reader-response h2{font-weight:900}.reader-response>div{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.reader-response button,.reader-response a{border:1px solid var(--r-line);border-radius:999px;padding:.65rem 1rem;background:var(--r-card);color:var(--r-text);text-decoration:none}.reader-response button.selected{background:var(--r-accent);color:#fff}.reader-response i{margin-right:.35rem}.reader-sidebar{display:grid;gap:1rem;position:sticky;top:140px}.reader-sidebar section{background:var(--r-card);border:1px solid var(--r-line);border-radius:22px;padding:1.2rem}.reader-sidebar section>span{font-size:.72rem;text-transform:uppercase;color:var(--r-muted)}.reader-sidebar section>strong{float:right}.sidebar-progress{height:8px;background:var(--r-line);border-radius:99px;clear:both;margin-top:.9rem;overflow:hidden}.sidebar-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--r-accent),#e5a62c)}.sidebar-streak{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.4rem;margin-top:1rem;padding:.8rem;background:color-mix(in srgb,#e5a62c 10%,var(--r-card));border-radius:15px}.sidebar-streak i{color:#e5a62c}.reader-sidebar h3{font-size:1rem;font-weight:900}.reader-sidebar section>a,.reader-sidebar section>button{display:flex;gap:.5rem;width:100%;padding:.55rem 0;color:var(--r-text);text-decoration:none;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--r-line)}.reader-sidebar section>a:last-child,.reader-sidebar section>button:last-child{border-bottom:0}.reader-author img{width:62px;height:62px;border-radius:18px;object-fit:cover}.reader-author p{font-size:.8rem;color:var(--r-muted)}.reader-adjacent{width:min(1120px,calc(100% - 30px));margin:1.5rem auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.reader-adjacent a{display:flex;align-items:center;gap:1rem;padding:1.2rem;border-radius:20px;background:var(--r-card);border:1px solid var(--r-line);color:var(--r-text);text-decoration:none}.reader-adjacent a:last-child{text-align:right;justify-content:flex-end}.reader-adjacent span{display:flex;flex-direction:column}.reader-adjacent small{color:var(--r-muted)}.reader-related{width:min(1120px,calc(100% - 30px));margin:3rem auto}.reader-related>span{color:var(--r-accent);text-transform:uppercase;font-size:.75rem;font-weight:900}.reader-related h2{font-size:2.3rem;font-weight:900}.reader-related>div{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.reader-related a{background:var(--r-card);border:1px solid var(--r-line);padding:1.1rem;border-radius:18px;text-decoration:none;color:var(--r-text);display:flex;flex-direction:column}.reader-related time,.reader-related a>span{font-size:.7rem;color:var(--r-muted)}.devotional-comments{width:min(1120px,calc(100% - 30px));margin:2rem auto}.reader-dark .btn-outline-light{color:#fff}.reader-dark input,.reader-dark textarea,.reader-dark select{color-scheme:dark}
@media(max-width:900px){.reader-shell{grid-template-columns:1fr}.reader-sidebar{position:static;grid-template-columns:1fr 1fr}.reader-related>div{grid-template-columns:repeat(2,1fr)}.reader-audio{grid-template-columns:1fr}.reader-tools{top:70px}.reader-tools button span{display:none}}
@media(max-width:650px){.devotional-reader-hero{min-height:560px}.reader-hero-content{padding:2.5rem 0}.reader-hero-content h1{font-size:2.7rem}.reader-meta{gap:.55rem}.reader-stage-scroll a{min-width:83px}.reader-stage-scroll a span{font-size:.6rem}.reader-tools{justify-content:center;top:68px}.reader-section{grid-template-columns:1fr;padding:1.15rem}.reader-section-icon{width:48px;height:48px}.reader-sidebar{grid-template-columns:1fr}.journal-grid{grid-template-columns:1fr}.journal-grid label:last-child{grid-column:auto}.reader-adjacent{grid-template-columns:1fr}.reader-related>div{grid-template-columns:1fr}.reader-audio{padding:1rem}.reader-response>div{display:grid}.reader-response button,.reader-response a{width:100%}}
@media(max-width:900px){.reader-audio{position:static}.reader-tools button span{display:none}}
.reader-response .devotional-bookmark.is-active{background:var(--r-accent);color:#fff;border-color:var(--r-accent)}
.reader-preview-banner{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:.8rem;padding:.8rem max(20px,5vw);background:#fff2c9;color:#5c4200;border-bottom:1px solid #e4c364;box-shadow:0 8px 25px rgba(73,52,0,.12)}.reader-preview-banner>i{font-size:1.3rem}.reader-preview-banner>div{display:flex;flex-direction:column;flex:1}.reader-preview-banner span{font-size:.78rem}.reader-preview-banner a{font-weight:800;color:inherit}@media(max-width:680px){.reader-preview-banner{align-items:flex-start;flex-wrap:wrap}.reader-preview-banner a{width:100%;padding-left:2.1rem}}.reader-devotional-artwork{width:min(1120px,calc(100% - 30px));margin:-54px auto 1.2rem;position:relative;z-index:5}.reader-devotional-artwork>div{position:relative;width:min(100%,760px);margin:auto;padding:12px;border-radius:28px;background:var(--r-card);border:1px solid var(--r-line);box-shadow:0 24px 65px rgba(8,46,37,.2)}.reader-devotional-artwork img{display:block;width:100%;max-height:920px;object-fit:contain;border-radius:20px;background:color-mix(in srgb,var(--r-accent) 5%,var(--r-card))}.reader-devotional-artwork span{position:absolute;left:25px;bottom:25px;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .75rem;border-radius:999px;background:rgba(5,34,29,.82);backdrop-filter:blur(10px);color:#fff;font-size:.72rem;font-weight:800}@media(max-width:650px){.reader-devotional-artwork{margin:-34px auto .9rem}.reader-devotional-artwork>div{padding:7px;border-radius:20px}.reader-devotional-artwork img{border-radius:15px}.reader-devotional-artwork span{left:15px;bottom:15px;font-size:.66rem}}
/* 2026-08-02 devotional journey + engagement layout hardening */
.reader-confession .reader-kicker{color:#ffe9a8!important;text-shadow:0 1px 0 rgba(0,0,0,.18)}
.reader-confession .reader-section-icon{background:rgba(255,255,255,.96);color:#176c58;box-shadow:0 10px 25px rgba(0,0,0,.15)}
.reader-inline-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.85rem}.reader-inline-actions button{display:inline-flex;align-items:center;gap:.42rem;border:1px solid var(--r-line);border-radius:999px;background:var(--r-card);color:var(--r-text);padding:.55rem .8rem;font-weight:750}.reader-inline-actions button:hover{border-color:color-mix(in srgb,var(--r-accent) 55%,var(--r-line));color:var(--r-accent)}
.reader-session-time,.reader-network-status{pointer-events:none;display:inline-flex;align-items:center;gap:.4rem;height:42px;padding:0 .72rem;border:1px solid var(--r-line);border-radius:13px;background:var(--r-card);color:var(--r-muted);box-shadow:0 8px 25px rgba(0,0,0,.06);font-size:.77rem}.reader-session-time b{color:var(--r-text);font-variant-numeric:tabular-nums}.reader-network-status i{color:#1a9b69}.reader-network-status.offline i{color:#c45f47}.reader-network-status.offline span{color:#9a4938}.reader-tools button.active{background:var(--r-accent);color:#fff;border-color:var(--r-accent)}
.reader-focus-mode .reader-shell{grid-template-columns:minmax(0,860px);justify-content:center}.reader-focus-mode .reader-sidebar{display:none}.reader-focus-mode .reader-content{width:100%}.reader-focus-mode .reader-section{box-shadow:0 16px 44px rgba(19,66,54,.08)}.reader-focus-mode .reader-stage-nav{opacity:.18;transition:.2s}.reader-focus-mode .reader-stage-nav:hover,.reader-focus-mode .reader-stage-nav:focus-within{opacity:1}
.reader-journey-map>div{display:grid;gap:.35rem}.reader-journey-map a{position:relative;display:grid!important;grid-template-columns:28px 1fr 25px;align-items:center!important;gap:.5rem!important;border:0!important;padding:.5rem!important;border-radius:12px!important}.reader-journey-map a>i{width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--r-accent) 8%,var(--r-card));color:var(--r-muted)}.reader-journey-map a>b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--r-line);color:transparent;font-size:.78rem}.reader-journey-map a.is-visited>i,.reader-journey-map a.is-active>i{background:var(--r-accent);color:#fff}.reader-journey-map a.is-visited>b{background:#dff4ea;color:#08754c}.reader-journey-map a.is-active{background:color-mix(in srgb,var(--r-accent) 7%,var(--r-card));font-weight:850}
.reader-side-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.reader-side-head h3{margin:0}.reader-side-head span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:999px;background:color-mix(in srgb,var(--r-accent) 10%,var(--r-card));color:var(--r-accent);font-size:.72rem;font-weight:900}.reader-highlight-save{margin:.75rem 0!important;border:1px dashed color-mix(in srgb,var(--r-accent) 55%,var(--r-line))!important;border-radius:13px!important;padding:.65rem!important;color:var(--r-accent)!important;font-weight:800!important}.reader-highlights [data-highlight-list]{display:grid;gap:.55rem}.reader-highlights article{position:relative;padding:.72rem .8rem .72rem .9rem;border-radius:14px;background:#fff8d9;border-left:4px solid #d8a524}.reader-highlights article.tone-green{background:#e7f8ef;border-left-color:#219b67}.reader-highlights article.tone-purple{background:#f1ebff;border-left-color:#7956c8}.reader-highlights article.tone-blue{background:#eaf4ff;border-left-color:#3b82c4}.reader-highlights article.tone-rose{background:#ffedf3;border-left-color:#d9507d}.reader-highlights article p{margin:0;padding-right:1.2rem;font-size:.76rem;line-height:1.45}.reader-highlights article small{display:block;margin-top:.35rem;color:#6d786f}.reader-highlights article button{position:absolute!important;right:.35rem;top:.25rem;width:auto!important;border:0!important;padding:.2rem!important;color:#765b20!important}.reader-dark .reader-highlights article{color:#20312c}
.reader-draft-status{display:block;margin-top:.65rem;min-height:1.1em;color:var(--r-accent);font-size:.72rem;font-weight:750}
.reader-celebration{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:1rem;background:rgba(4,24,20,.62);backdrop-filter:blur(8px);opacity:0;transition:.2s}.reader-celebration.show{opacity:1}.reader-celebration>div{width:min(480px,100%);padding:2rem;border-radius:28px;background:radial-gradient(circle at 80% 0,rgba(255,214,117,.32),transparent 35%),linear-gradient(135deg,#0c624d,#123c34);color:#fff;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.35);transform:translateY(16px) scale(.98);transition:.25s}.reader-celebration.show>div{transform:none}.reader-celebration>div>i{font-size:3rem;color:#ffd36f}.reader-celebration h2{font-weight:900;margin:.5rem 0}.reader-celebration p{color:rgba(255,255,255,.82)}
/* The full community engagement block belongs below the entire two-column reader, never inside the sidebar column. */
.devotional-community-engagement{display:block!important;width:min(1120px,calc(100% - 30px))!important;max-width:1120px!important;margin:2rem auto!important;clear:both}.devotional-community-engagement>.mlc-engagement{width:100%!important;max-width:none!important}.devotional-community-engagement .mlc-engagement-mainbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}.devotional-community-engagement .mlc-reaction-zone{min-width:0}.devotional-community-engagement .mlc-reaction-list{display:flex;flex-wrap:wrap;gap:.5rem}.devotional-community-engagement .mlc-engagement-actions{width:auto!important;min-width:max-content}.devotional-community-engagement .mlc-engagement-label{white-space:normal!important;line-height:1.3}.devotional-community-engagement .mlc-reaction-label{word-break:normal!important;writing-mode:horizontal-tb!important;white-space:normal!important}.devotional-community-engagement .mlc-reaction-btn{min-width:0!important;writing-mode:horizontal-tb!important}
@media(max-width:900px){.reader-network-status span{display:none}.devotional-community-engagement .mlc-engagement-mainbar{grid-template-columns:1fr}.devotional-community-engagement .mlc-engagement-actions{width:100%!important;min-width:0;justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:650px){.reader-tools{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.reader-tools::-webkit-scrollbar{display:none}.reader-session-time,.reader-network-status{flex:0 0 auto}.reader-inline-actions{display:grid;grid-template-columns:1fr}.reader-inline-actions button{justify-content:center}.devotional-community-engagement{width:calc(100% - 20px)!important}.devotional-community-engagement .mlc-reaction-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.devotional-community-engagement .mlc-reaction-btn{width:100%;justify-content:flex-start}.devotional-community-engagement .mlc-engagement-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.devotional-community-engagement .mlc-engagement-action{justify-content:flex-start;min-width:0}.reader-journey-map a{grid-template-columns:32px 1fr 25px}}
.reader-side-insights>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.reader-side-insights>div>span{display:grid;place-items:center;gap:.15rem;padding:.55rem .25rem;border-radius:12px;background:color-mix(in srgb,var(--r-accent) 6%,var(--r-card));text-align:center}.reader-side-insights>div i{color:var(--r-accent)}.reader-side-insights>div b{font-size:.82rem}.reader-side-insights>div small{font-size:.56rem;color:var(--r-muted);line-height:1.15}


/* 2026-08-03 advanced browser-native devotional speech player */
.devotional-speech-fab{position:fixed;left:1.15rem;bottom:1.15rem;z-index:1096;display:inline-flex;align-items:center;gap:.55rem;min-height:50px;padding:.68rem .92rem;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:linear-gradient(135deg,#6b2fa1,#2f1e55);color:#fff;box-shadow:0 16px 38px rgba(47,30,85,.34),inset 0 1px 0 rgba(255,255,255,.24);font-weight:900;letter-spacing:.01em;transition:transform .2s,box-shadow .2s,opacity .2s}.devotional-speech-fab:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(47,30,85,.42)}.devotional-speech-fab:focus-visible{outline:3px solid rgba(229,166,44,.55);outline-offset:3px}.devotional-speech-fab>i{font-size:1.12rem}.devotional-speech-fab>span{display:inline!important}.devotional-speech-fab-wave{display:none;align-items:flex-end;gap:2px;height:14px}.devotional-speech-fab-wave i{display:block;width:2px;border-radius:9px;background:#ffe3a2;animation:devotionalSpeechWave .8s ease-in-out infinite}.devotional-speech-fab-wave i:nth-child(1){height:6px}.devotional-speech-fab-wave i:nth-child(2){height:13px;animation-delay:.14s}.devotional-speech-fab-wave i:nth-child(3){height:8px;animation-delay:.28s}.devotional-speech-fab.is-speaking .devotional-speech-fab-wave{display:flex}.devotional-speech-fab.is-disabled{opacity:.55;cursor:not-allowed}@keyframes devotionalSpeechWave{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
.devotional-speech-player{position:fixed;left:1.15rem;bottom:5.35rem;z-index:1095;width:min(440px,calc(100vw - 2.3rem));max-height:min(690px,calc(100dvh - 7rem));overflow:auto;padding:1rem;border:1px solid rgba(255,255,255,.58);border-radius:25px;background:color-mix(in srgb,var(--r-card) 94%,transparent);color:var(--r-text);box-shadow:0 30px 90px rgba(14,32,28,.32);backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25);opacity:0;visibility:hidden;transform:translateY(14px) scale(.985);transform-origin:left bottom;transition:opacity .2s,visibility .2s,transform .2s}.devotional-speech-player.is-open{opacity:1;visibility:visible;transform:none}.devotional-speech-player-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:start}.devotional-speech-player-head>div>span{display:block;color:var(--r-accent);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.devotional-speech-player-head h2{margin:.15rem 0 .2rem;font-size:1.18rem;font-weight:950}.devotional-speech-player-head p{margin:0;color:var(--r-muted);font-size:.76rem;line-height:1.4}.devotional-speech-player-head>button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--r-line);border-radius:12px;background:var(--r-card);color:var(--r-text)}
.devotional-speech-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin:.85rem 0}.devotional-speech-sequence button{display:grid;justify-items:center;gap:.25rem;min-width:0;padding:.5rem .2rem;border:1px solid var(--r-line);border-radius:12px;background:var(--r-card);color:var(--r-muted);font-size:.61rem;font-weight:800}.devotional-speech-sequence button i{font-size:1rem}.devotional-speech-sequence button.is-active{border-color:var(--r-accent);background:color-mix(in srgb,var(--r-accent) 10%,var(--r-card));color:var(--r-accent)}.devotional-speech-sequence button.is-complete:not(.is-active){color:#16805d;background:#edf9f4;border-color:#bce8d7}.reader-dark .devotional-speech-sequence button.is-complete:not(.is-active){background:#16352d;border-color:#275948;color:#72d9b2}
.devotional-speech-now{display:grid;grid-template-columns:1fr auto;gap:.12rem .65rem;padding:.65rem .75rem;border-radius:14px;background:color-mix(in srgb,var(--r-accent) 7%,var(--r-card))}.devotional-speech-now>span{font-size:.63rem;color:var(--r-muted);text-transform:uppercase;font-weight:850}.devotional-speech-now>strong{font-size:.74rem;text-align:right}.devotional-speech-section-progress{grid-column:1/-1;height:5px;overflow:hidden;border-radius:99px;background:var(--r-line)}.devotional-speech-section-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--r-accent),#e5a62c);transition:width .15s linear}
.devotional-speech-transcript{min-height:92px;max-height:150px;overflow:auto;margin:.65rem 0;padding:.75rem;border:1px solid var(--r-line);border-radius:15px;background:var(--r-bg);font-family:Georgia,serif;font-size:.91rem;line-height:1.65;scroll-behavior:auto;overflow-anchor:none;overscroll-behavior:contain;scroll-padding-block:30% 42%}.devotional-speech-transcript p{margin:0;color:var(--r-muted);font-family:inherit}.devotional-speech-transcript [data-speech-start]{border-radius:5px;transition:background .08s,color .08s,box-shadow .08s;-webkit-box-decoration-break:clone;box-decoration-break:clone}.devotional-speech-transcript .is-speaking-word{background:#ffe28c;color:#392900;box-shadow:0 0 0 2px rgba(229,166,44,.22);font-weight:850}
.devotional-speech-settings{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:.45rem}.devotional-speech-settings label{display:grid;gap:.24rem;min-width:0}.devotional-speech-settings label>span{font-size:.62rem;font-weight:850;color:var(--r-muted)}.devotional-speech-settings select{width:100%;min-width:0;height:39px;padding:0 .55rem;border:1px solid var(--r-line);border-radius:11px;background:var(--r-card);color:var(--r-text);font-size:.72rem}
.devotional-speech-controls{display:grid;grid-template-columns:auto minmax(0,1.7fr) minmax(0,1fr) auto auto;gap:.35rem;margin-top:.7rem}.devotional-speech-controls button{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:42px;padding:.48rem .6rem;border:1px solid var(--r-line);border-radius:12px;background:var(--r-card);color:var(--r-text);font-size:.7rem;font-weight:850}.devotional-speech-controls button.is-primary{border-color:transparent;background:linear-gradient(135deg,#6b2fa1,#2f1e55);color:#fff}.devotional-speech-controls button:disabled{opacity:.45;cursor:not-allowed}.devotional-speech-note{display:flex;align-items:flex-start;gap:.4rem;margin-top:.65rem;color:var(--r-muted);font-size:.62rem;line-height:1.35}.devotional-speech-note i{margin-top:.08rem;color:var(--r-accent)}
.reader-section.is-speech-reading{outline:2px solid color-mix(in srgb,#e5a62c 72%,transparent);outline-offset:4px;box-shadow:0 18px 48px rgba(229,166,44,.12)}
body.mlc-has-mobile-footer-nav .devotional-speech-fab{bottom:calc(var(--mlc-mobile-footer-height,76px) + .9rem)}body.mlc-has-mobile-footer-nav .devotional-speech-player{bottom:calc(var(--mlc-mobile-footer-height,76px) + 4.8rem)}
@media(max-width:650px){.devotional-speech-fab{left:.7rem;bottom:.75rem;min-height:48px;padding:.62rem .84rem}.devotional-speech-player{left:.6rem;bottom:4.55rem;width:calc(100vw - 1.2rem);max-height:min(68dvh,610px);padding:.8rem;border-radius:21px}.devotional-speech-player-head h2{font-size:1.04rem}.devotional-speech-sequence{gap:.25rem}.devotional-speech-sequence button{padding:.45rem .1rem;font-size:.56rem}.devotional-speech-settings{grid-template-columns:1fr 1fr}.devotional-speech-settings label:first-child{grid-column:1/-1}.devotional-speech-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.devotional-speech-controls button{padding:.48rem .3rem}.devotional-speech-controls button span{display:none}.devotional-speech-controls button.is-primary{grid-column:1/-1;order:-1}.devotional-speech-controls button.is-primary span{display:inline}.devotional-speech-transcript{max-height:128px;font-size:.86rem}body.mlc-has-mobile-footer-nav .devotional-speech-player{bottom:calc(var(--mlc-mobile-footer-height,76px) + 4.55rem)}}
@media(max-width:360px){.devotional-speech-player{left:.4rem;width:calc(100vw - .8rem);padding:.7rem}.devotional-speech-sequence button span{font-size:.52rem}.devotional-speech-settings{grid-template-columns:1fr}.devotional-speech-settings label:first-child{grid-column:auto}}

@media(max-width:650px){
  .devotional-speech-transcript .is-speaking-word{background:#ffd968;color:#241900;box-shadow:0 0 0 3px rgba(229,166,44,.24);font-weight:900}
  .devotional-speech-transcript{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}
@media(prefers-reduced-motion:reduce){.devotional-speech-fab,.devotional-speech-player,.devotional-speech-transcript{transition:none!important;scroll-behavior:auto!important}.devotional-speech-fab-wave i{animation:none!important}}

.reader-confession-flyer{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,380px);gap:1.25rem;align-items:center;margin:1.25rem auto 2rem;padding:1.25rem;max-width:1180px;border-radius:30px;background:linear-gradient(135deg,#f7f3ff,#fff7f2);border:1px solid #e6dcf6;box-shadow:0 18px 50px rgba(50,25,90,.08)}.reader-confession-flyer-copy>span{display:inline-flex;align-items:center;gap:.45rem;color:#6f42c1;font-weight:900;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.reader-confession-flyer-copy h2{font-weight:900;margin:.55rem 0}.reader-confession-flyer-copy p{color:#626b78}.reader-confession-flyer-copy>div{display:flex;gap:.6rem;flex-wrap:wrap}.reader-confession-flyer-image{display:block;border-radius:22px;overflow:hidden;box-shadow:0 18px 45px rgba(32,20,50,.18)}.reader-confession-flyer-image img{display:block;width:100%;height:auto;object-fit:contain;background:#fff}@media(max-width:767px){.reader-confession-flyer{grid-template-columns:1fr;border-radius:22px;margin-left:.75rem;margin-right:.75rem}.reader-confession-flyer-image{order:-1;max-width:360px;margin:auto}.reader-confession-flyer-copy>div{display:grid;grid-template-columns:1fr 1fr}.reader-confession-flyer-copy .btn:last-child{grid-column:1/-1}}

/* v11: confession flyer is intentionally shown directly below the devotional hero/artwork and preserves each original template aspect ratio. */
.reader-confession-flyer{position:relative;z-index:2;margin-top:1rem}.reader-confession-flyer-image{background:#fff}.reader-confession-flyer-image img{max-height:72vh}
@media(max-width:767px){.reader-confession-flyer{margin-top:.75rem;margin-bottom:1rem}.reader-confession-flyer-image img{max-height:none}}

/* 2026-08-04 — premium confession-flyer viewer */
.reader-confession-flyer-image{position:relative;border:0;padding:0;cursor:zoom-in;text-align:left;color:inherit}
.reader-confession-flyer-image>span{position:absolute;right:.75rem;bottom:.75rem;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .7rem;border-radius:999px;background:rgba(17,24,39,.78);color:#fff;font-size:.72rem;font-weight:800;backdrop-filter:blur(8px);box-shadow:0 8px 22px rgba(0,0,0,.2)}
.confession-flyer-lightbox[hidden]{display:none!important}.confession-flyer-lightbox{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:clamp(.5rem,2vw,1.5rem)}.confession-flyer-lightbox-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(111,66,193,.24),transparent 30%),rgba(7,9,18,.88);backdrop-filter:blur(16px)}.confession-flyer-lightbox-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);width:min(1180px,100%);max-height:94vh;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:30px;background:linear-gradient(135deg,rgba(20,18,31,.98),rgba(48,30,68,.97));box-shadow:0 35px 120px rgba(0,0,0,.5)}.confession-flyer-lightbox-art{display:grid;place-items:center;min-height:0;padding:1rem;background:radial-gradient(circle at center,rgba(255,255,255,.1),transparent 64%)}.confession-flyer-lightbox-art img{display:block;max-width:100%;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.42);background:#fff}.confession-flyer-lightbox-copy{display:flex;flex-direction:column;justify-content:center;gap:.7rem;padding:clamp(1.3rem,3vw,2.3rem);color:#fff}.confession-flyer-lightbox-copy>span{display:inline-flex;align-items:center;gap:.45rem;color:#e7c8ff;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.confession-flyer-lightbox-copy h2{font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.08;margin:0}.confession-flyer-lightbox-copy p{margin:0;color:rgba(255,255,255,.72)}.confession-flyer-lightbox-copy>div{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:.45rem}.confession-flyer-lightbox-copy small{color:rgba(255,255,255,.6);line-height:1.5;margin-top:.25rem}.confession-flyer-lightbox-close{position:absolute;right:1rem;top:1rem;z-index:2147483002;width:42px;height:42px;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(0,0,0,.35);color:#fff;backdrop-filter:blur(8px)}.confession-flyer-lightbox-open{overflow:hidden}
@media(max-width:767.98px){.confession-flyer-lightbox{align-items:end;padding:.35rem}.confession-flyer-lightbox-card{grid-template-columns:1fr;width:100%;max-height:96vh;overflow:auto;border-radius:25px 25px 14px 14px}.confession-flyer-lightbox-art{padding:.65rem;min-height:48vh}.confession-flyer-lightbox-art img{max-height:62vh;border-radius:17px}.confession-flyer-lightbox-copy{padding:1rem 1rem 1.25rem}.confession-flyer-lightbox-copy>div{display:grid;grid-template-columns:1fr 1fr}.confession-flyer-lightbox-copy .btn{width:100%}.reader-confession-flyer-image>span{font-size:.65rem;padding:.42rem .58rem}}
.reader-confession-flyer-copy .btn,.confession-flyer-lightbox-copy .btn{display:inline-flex;align-items:center;justify-content:center;gap:.42rem}

@media(max-width:767.98px){.confession-flyer-lightbox{inset:0!important;z-index:2147483000!important}.confession-flyer-lightbox-card{z-index:2147483001!important}.confession-flyer-lightbox-close{position:fixed!important;top:max(.75rem,env(safe-area-inset-top))!important;right:max(.75rem,env(safe-area-inset-right))!important;z-index:2147483002!important;width:46px;height:46px;background:rgba(8,10,18,.92);box-shadow:0 10px 35px rgba(0,0,0,.45)}}

/* 2026-08-06 mobile devotional speech reliability */
.devotional-speech-fab,.devotional-speech-player button,.devotional-speech-player select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.devotional-speech-player{pointer-events:none}.devotional-speech-player.is-open{pointer-events:auto}.devotional-speech-now strong.is-starting::after{content:"";display:inline-block;width:.7em;height:.7em;margin-left:.4em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.08em;animation:devotionalSpeechStarting .7s linear infinite}@keyframes devotionalSpeechStarting{to{transform:rotate(360deg)}}
@media(max-width:650px){.devotional-speech-fab{z-index:1102}.devotional-speech-player{z-index:1101}}
@media(prefers-reduced-motion:reduce){.devotional-speech-now strong.is-starting::after{animation:none}}