/* ==========================================================================
   BIBLE STUDY CENTER — ported from the original build, re-skinned for the
   RISV2 dark marble + glass system. Every selector and the layout structure
   are unchanged so bible-studies.js keeps working; light paper surfaces
   became glass, dark-green-on-light text became gold-pale/light on dark.
   The reader's own light/sepia/dark themes are a user choice and keep their
   original literal values.
   ========================================================================== */
:root{--study-green:#123227;--study-deep:#0a0f0d;--study-gold:#c9a45c;--study-paper:#121b17;--study-cream:#0e1512;--study-ink:#eae6da;--study-muted:#97a69e}
.study-center-body{background:transparent}
.study-center{overflow:hidden}
.study-hero{min-height:620px;padding:clamp(58px,8vw,110px) clamp(22px,6vw,100px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.65fr);align-items:center;gap:clamp(35px,7vw,110px);background:radial-gradient(circle at 78% 24%,rgba(201,164,92,.14),transparent 30%);position:relative}
.study-hero:after{content:"";position:absolute;inset:18px;border:1px solid rgba(201,164,92,.2);border-radius:var(--radius);pointer-events:none}
.study-hero>div,.study-hero-card{position:relative;z-index:1}
.study-hero h1{font:400 clamp(3.8rem,6.8vw,7.7rem)/.87 var(--serif);letter-spacing:-.045em;margin:0;color:#f4efe2}
.study-hero h1 em{font-weight:400;color:var(--gold-pale)}
.study-hero>div>p:last-of-type{max-width:720px;font:1.13rem/1.72 var(--serif);color:var(--study-muted)}
.hero-reference{margin-top:30px;max-width:660px}.hero-reference label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900;margin-bottom:9px;color:var(--gold)}.hero-reference>div{display:grid;grid-template-columns:1fr auto;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 45px rgba(0,0,0,.3)}.hero-reference input{min-width:0;border:0;padding:17px 18px;font:1rem var(--serif);background:transparent;color:var(--study-ink)}.hero-reference button{border:0;background:linear-gradient(135deg,#d8b878,var(--gold) 55%,#a8843e);color:#141109;padding:0 25px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.study-hero-card{padding:clamp(34px,4vw,58px);background:linear-gradient(145deg,rgba(26,66,52,.7),rgba(10,20,16,.85));color:white;border-radius:var(--radius);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 28px 75px rgba(0,0,0,.45);border:1px solid rgba(201,164,92,.4)}
.open-bible-mark{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--study-gold);border-radius:50%;color:var(--gold-pale);font-size:1.6rem}.authority-label{margin:22px 0 10px;text-transform:uppercase;letter-spacing:.17em;font-size:.61rem;font-weight:950;color:var(--gold)}.study-hero-card .authority-label{color:var(--gold-pale)}.study-hero-card blockquote{margin:0;font:italic 1.75rem/1.45 var(--serif)}.study-hero-card cite{display:block;margin-top:14px;color:var(--gold-pale);font-style:normal;font-weight:850}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}.hero-stats span{font-size:.72rem;color:rgba(255,255,255,.64)}.hero-stats strong{display:block;font:400 2rem var(--serif);color:white}
.study-choices{padding:clamp(70px,8vw,120px) clamp(20px,5vw,80px);background:transparent}.study-choices>header{text-align:center;max-width:850px;margin:0 auto 42px}.study-choices h2,.whole-picture h2,.life-search h2,.source-principles h2{font:400 clamp(3rem,5vw,5.2rem)/.95 var(--serif);margin:0;color:#f4efe2}.study-choice-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.study-choice{min-height:220px;padding:28px;text-align:left;border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--study-ink);display:flex;flex-direction:column;align-items:flex-start;transition:.2s;cursor:pointer}.study-choice:hover,.study-choice.active{transform:translateY(-5px);background:var(--emerald-soft);border-color:rgba(47,143,107,.4);color:#fff;box-shadow:0 20px 45px rgba(0,0,0,.4)}.study-choice span{color:var(--gold);font-weight:950;font-size:.68rem;letter-spacing:.15em}.study-choice b{margin:28px 0 10px;font:400 1.72rem var(--serif)}.study-choice small{font-size:.84rem;line-height:1.55;color:inherit;opacity:.7}
.bible-workspace{margin:0;background:rgba(10,15,13,.4);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.workspace-topbar{min-height:78px;padding:13px clamp(18px,4vw,56px);background:rgba(8,12,10,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:white;display:flex;align-items:center;justify-content:space-between;gap:20px}.workspace-kicker{display:block;text-transform:uppercase;letter-spacing:.17em;font-size:.58rem;color:var(--gold)}.workspace-topbar strong{font:400 1.55rem var(--serif);color:#f4efe2}.workspace-modes{display:flex;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:4px}.workspace-modes button{border:0;border-radius:999px;padding:8px 13px;background:transparent;color:rgba(255,255,255,.65);font-weight:800;font-size:.7rem;cursor:pointer}.workspace-modes button.active{background:linear-gradient(135deg,#d8b878,var(--gold) 55%,#a8843e);color:#141109}
/* 100vh includes the mobile/tablet URL bar, so the shell was taller than the
   visible screen and the layout resized every time that bar hid or reappeared
   while scrolling - the page jumped around mid-scroll. dvh tracks the real
   visible height; the vh line stays first as a fallback for older browsers. */
.workspace-shell{display:grid;grid-template-columns:250px minmax(410px,1fr) minmax(310px,390px);min-height:720px;max-height:calc(100vh - 35px);max-height:calc(100dvh - 35px)}
/* These three panes scroll inside a page that also scrolls. Without this the
   wheel hands off from pane to page mid-gesture, which reads as the page
   sticking and then lurching. `contain` keeps a gesture in whatever it started on. */
.reader-navigation,.study-drawer,.scripture-reader,.offline-chapter-list{overscroll-behavior:contain}
.reader-navigation,.study-drawer{overflow:auto}.reader-navigation{padding:25px 20px;background:rgba(14,21,18,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--glass-border)}.reader-navigation label,.drawer-panel>label{display:block;margin:0 0 7px;text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;font-weight:950;color:var(--gold-pale)}.reference-row{display:grid;grid-template-columns:1fr auto;margin-bottom:20px}.reference-row input,.reader-navigation select,.drawer-panel input,.drawer-panel textarea{width:100%;border:1px solid var(--glass-border);background:rgba(255,255,255,.05);color:var(--study-ink);padding:11px;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.reader-navigation select,.drawer-panel input,.drawer-panel textarea{border-radius:var(--radius-sm)}.reference-row button{border:0;background:linear-gradient(135deg,#d8b878,var(--gold) 55%,#a8843e);color:#141109;padding:0 13px;font-weight:900;border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer}.reader-navigation select{margin-bottom:17px}.reader-navigation select option{background:var(--study-paper);color:var(--study-ink)}.chapter-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}.chapter-controls button,.quick-passages button,.reader-settings button{border:1px solid var(--glass-border);background:var(--glass);color:var(--gold-pale);padding:9px;font-weight:750;border-radius:var(--radius-sm);cursor:pointer}.chapter-controls button:hover,.quick-passages button:hover,.reader-settings button:hover{border-color:var(--gold);color:#fff}.quick-passages{display:grid;gap:6px;margin:25px 0}.quick-passages>span{text-transform:uppercase;letter-spacing:.1em;font-weight:950;font-size:.63rem;color:var(--gold)}.quick-passages button{text-align:left}.reader-settings{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);padding:16px 0}.reader-settings summary{font-weight:900;cursor:pointer;color:var(--gold-pale)}.reader-settings label{margin-top:15px}.reader-settings input{width:100%;accent-color:var(--gold)}.theme-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.external-resource{display:block;margin-top:22px;padding:14px;border-left:3px solid var(--study-gold);background:var(--glass);border-radius:0 var(--radius-sm) var(--radius-sm) 0;text-decoration:none}.external-resource small,.external-resource strong{display:block}.external-resource small{text-transform:uppercase;letter-spacing:.09em;font-size:.55rem;color:var(--gold)}.external-resource strong{margin-top:5px;font:400 .95rem var(--serif);color:var(--study-ink)}
.scripture-reader{overflow:auto;padding:clamp(30px,4vw,62px);background:var(--study-paper);transition:.2s}.scripture-reader[data-theme="light"]{background:#fff;color:#1c2d27}.scripture-reader[data-theme="sepia"]{background:#fbf3df;color:#25382f}.scripture-reader[data-theme="dark"]{background:#101915;color:#f3ead4}.reader-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;padding-bottom:23px;border-bottom:1px solid currentColor}.reader-heading .authority-label{margin:0 0 8px}.reader-heading h2{font:400 clamp(2.6rem,4vw,4.6rem)/.9 var(--serif);margin:0;color:inherit}.reader-heading p:last-child{margin:12px 0 0;font-size:.75rem;opacity:.68}.reader-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.reader-actions button{border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;padding:8px 11px;font-weight:850;font-size:.67rem;cursor:pointer}.reader-status{font-style:italic;opacity:.7}.scripture-text{font:var(--reader-font,21px)/var(--reader-line,1.8) var(--serif);max-width:850px;margin:auto;padding:28px 0}.scripture-text p{margin:0 0 1.1em}.scripture-text .verse{border-radius:5px;cursor:pointer;transition:.16s background}.scripture-text .verse:hover,.scripture-text .verse:focus{background:rgba(201,164,92,.22);outline:2px solid rgba(201,164,92,.38)}.scripture-text sup{font:800 .58em/1 system-ui;color:var(--gold);margin-right:.28em}.reader-source{font-size:.67rem;line-height:1.5;opacity:.65;border-top:1px solid currentColor;padding-top:18px}.focus-mode .reader-navigation,.focus-mode .study-drawer{display:none}.focus-mode .workspace-shell{grid-template-columns:1fr}.focus-mode .scripture-text{max-width:760px}
.study-drawer{background:rgba(14,21,18,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-left:1px solid var(--glass-border)}.drawer-tabs{display:grid;grid-template-columns:repeat(4,1fr);position:sticky;top:0;background:rgba(10,15,13,.92);z-index:2}.drawer-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:14px 5px;font-weight:900;font-size:.68rem;color:var(--study-muted);cursor:pointer}.drawer-tabs button.active{border-color:var(--study-gold);background:transparent;color:var(--gold-pale)}.drawer-panel{display:none;padding:26px}.drawer-panel.active{display:block}.drawer-panel .authority-label{margin-top:0}.drawer-panel h3{font:400 2.1rem var(--serif);margin:0 0 18px;color:#f4efe2}.guide-depth{display:flex;gap:5px;margin-bottom:18px}.guide-depth button{border:1px solid var(--glass-border);background:var(--glass);color:var(--gold-pale);padding:7px 9px;font-weight:800;font-size:.67rem;border-radius:999px;cursor:pointer}.guide-depth button.active{background:linear-gradient(135deg,#d8b878,var(--gold) 55%,#a8843e);color:#141109;border-color:transparent}.study-block{padding:15px 0;border-top:1px solid var(--glass-border)}.study-block:first-child{border-top:0}.study-block b{display:block;font:400 1.05rem var(--serif);margin-bottom:5px;color:#f4efe2}.study-block p,.study-block li{font-size:.83rem;line-height:1.58;color:var(--study-muted)}.study-block ul{padding-left:18px}.drawer-panel textarea{resize:vertical;font:1rem/1.55 var(--serif)}.note-actions{display:flex;gap:7px;margin-top:10px}.note-actions button{border:0;background:linear-gradient(135deg,#d8b878,var(--gold) 55%,#a8843e);color:#141109;padding:10px 14px;font-weight:850;border-radius:var(--radius-sm);cursor:pointer}.note-actions button:last-child{background:var(--glass);border:1px solid var(--glass-border);color:var(--gold-pale)}#note-status{font-size:.72rem;color:var(--study-muted)}
.whole-picture{padding:clamp(75px,9vw,130px) clamp(20px,6vw,90px);background:radial-gradient(circle at 50% 0%,rgba(47,143,107,.1),transparent 55%);color:white}.whole-picture>header{text-align:center;max-width:820px;margin:auto}.whole-picture h2{color:#f4efe2}.whole-picture>header>p:last-child{font:1.05rem/1.7 var(--serif);color:var(--study-muted)}.connection-map{max-width:1040px;margin:55px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:stretch}.connection-map button,.connection-center,.connection-map .connection-link{min-height:140px;border:1px solid rgba(201,164,92,.3);border-radius:var(--radius);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:white;padding:22px;text-align:left;text-decoration:none;display:block}.connection-map button{cursor:pointer}.connection-map button:hover,.connection-map .connection-link:hover{background:rgba(201,164,92,.14);color:white}.connection-map span,.connection-center b{display:block;font:400 1.3rem var(--serif)}.connection-map small,.connection-center small{display:block;margin-top:8px;color:rgba(255,255,255,.55)}.connection-center{display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#d8b878,var(--gold) 55%,#a8843e);color:#141109;border-color:transparent}.connection-center small{color:#4a3d1d}.feature-message{text-align:center;color:var(--gold-pale);min-height:1.4em}
.life-search{padding:clamp(70px,8vw,115px) clamp(20px,6vw,90px);display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;background:transparent}.life-search>div:first-child>p:last-child{font:1.05rem/1.68 var(--serif);color:var(--study-muted)}.life-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:center}.life-topics button{min-height:100px;border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--gold-pale);font:400 1.15rem var(--serif);cursor:pointer;transition:background var(--speed),color var(--speed),border-color var(--speed)}.life-topics button:hover{background:var(--emerald-soft);border-color:rgba(47,143,107,.4);color:#fff}.source-principles{padding:65px clamp(20px,6vw,90px);display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:rgba(255,255,255,.02)}.source-principles h2{font-size:clamp(2.8rem,4vw,4.5rem)}.source-principles>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:14px}.source-principles>div:last-child p{margin:0;padding:20px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);line-height:1.55;color:var(--study-muted)}.source-principles b{display:block;margin-bottom:7px;color:var(--gold);font-size:.68rem;letter-spacing:.09em}
/* --- Choice 04: Explore Bible Knowledge --- */
.knowledge-explorer{padding:clamp(70px,8vw,120px) clamp(20px,6vw,90px);background:transparent}
.knowledge-explorer>header{max-width:880px;margin:0 auto 34px;text-align:center}
.knowledge-explorer h2{font:400 clamp(2.8rem,5vw,5rem)/.95 var(--serif);margin:0;color:#f4efe2}
.knowledge-explorer>header>p:last-child{font:1.02rem/1.68 var(--serif);color:var(--study-muted)}
.knowledge-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:900px;margin:0 auto}
.knowledge-tabs button{border:1px solid var(--glass-border);border-radius:999px;background:var(--glass);color:var(--gold-pale);padding:10px 16px;font-weight:850;font-size:.74rem;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.knowledge-tabs button.active,.knowledge-tabs button:hover{background:linear-gradient(135deg,#d8b878,var(--gold) 55%,#a8843e);color:#141109;border-color:transparent}
.knowledge-explorer>.authority-label{text-align:center;margin:26px 0 14px}
.knowledge-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:13px}
.knowledge-card{position:relative;padding:22px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.knowledge-card b{display:block;font:400 1.42rem var(--serif);color:#f4efe2}
.knowledge-card p{margin:8px 0 14px;font-size:.85rem;line-height:1.6;color:var(--study-muted)}
.knowledge-step{position:absolute;right:16px;top:14px;font:400 1.6rem var(--serif);color:rgba(201,164,92,.5)}
.knowledge-refs{display:flex;flex-wrap:wrap;gap:5px}
.knowledge-refs button{border:1px solid rgba(201,164,92,.4);border-radius:999px;background:transparent;color:var(--gold);padding:6px 10px;font-weight:800;font-size:.7rem;cursor:pointer}
.knowledge-refs button:hover{background:var(--study-gold);color:#141109}
.knowledge-empty{grid-column:1/-1;max-width:760px;margin:0 auto;padding:26px;background:var(--glass);border:1px solid var(--glass-border);border-left:3px solid var(--study-gold);border-radius:var(--radius-sm);font-size:.9rem;line-height:1.65;color:var(--study-muted)}

/* --- Choice 05: Write and Prepare --- */
.study-writing{padding:clamp(70px,8vw,120px) clamp(20px,6vw,90px);background:radial-gradient(circle at 20% 0%,rgba(47,143,107,.1),transparent 50%);color:white}
.study-writing>header{max-width:880px;margin:0 auto 38px;text-align:center}
.study-writing h2{font:400 clamp(2.8rem,5vw,5rem)/.95 var(--serif);margin:0;color:#f4efe2}
.study-writing>header>p:last-child{font:1.02rem/1.68 var(--serif);color:var(--study-muted)}
.study-writing>header b{color:var(--gold-pale)}
.roots-worksheet{max-width:1100px;margin:auto;display:grid;gap:12px}
.roots-step{display:block;padding:20px;background:var(--glass);border:1px solid rgba(201,164,92,.3);border-radius:var(--radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.roots-step>span{display:flex;align-items:baseline;gap:12px;font:400 1.3rem var(--serif);color:#f4efe2}
.roots-step>span b{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid var(--study-gold);border-radius:50%;font-size:.95rem;color:var(--gold-pale)}
.roots-step>small{display:block;margin:8px 0 12px;font-size:.82rem;line-height:1.55;color:var(--study-muted)}
.roots-step textarea{width:100%;resize:vertical;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:rgba(10,15,13,.55);color:#f6efdc;padding:12px;font:1rem/1.6 var(--serif)}
.writing-actions{max-width:1100px;margin:18px auto 0;display:flex;flex-wrap:wrap;gap:8px}
.writing-actions button{border:0;border-radius:999px;background:linear-gradient(135deg,#d8b878,var(--gold) 55%,#a8843e);color:#141109;padding:12px 18px;font-weight:900;font-size:.76rem;cursor:pointer}
.writing-actions button:nth-child(n+2){background:var(--glass);color:var(--gold-pale);border:1px solid rgba(201,164,92,.4)}
#writing-status{max-width:1100px;margin:12px auto 0;font-size:.78rem;color:var(--gold-pale);min-height:1.3em}
.saved-studies{max-width:1100px;margin:44px auto 0;padding-top:30px;border-top:1px solid rgba(255,255,255,.16)}
.saved-studies h3{font:400 1.9rem var(--serif);margin:0 0 16px;color:#f4efe2}
.saved-studies .authority-label{color:var(--gold);margin-top:0}
.study-writing .knowledge-empty{background:var(--glass);color:var(--study-muted)}

/* --- Choice 06: Open the Study Library --- */
.study-library{padding:clamp(70px,8vw,120px) clamp(20px,6vw,90px);background:transparent}
.study-library>header{max-width:880px;margin:0 auto 38px;text-align:center}
.study-library h2{font:400 clamp(2.7rem,4.6vw,4.8rem)/.95 var(--serif);margin:0;color:#f4efe2}
.library-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:15px;align-items:start}
.library-grid article{padding:26px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.library-grid h3{font:400 1.75rem var(--serif);margin:0 0 12px;color:#f4efe2}
.library-grid h3+h3,.library-grid div+h3{margin-top:26px}
.library-grid .authority-label{margin-top:0}
.library-note{font-size:.83rem;line-height:1.6;color:var(--study-muted)}
.offline-chapter-list{display:flex;flex-wrap:wrap;gap:5px;max-height:290px;overflow:auto}
.offline-chapter-list button{border:1px solid rgba(201,164,92,.35);border-radius:999px;background:transparent;color:var(--gold);padding:6px 9px;font-weight:800;font-size:.68rem;cursor:pointer}
.offline-chapter-list button:hover{background:var(--study-gold);color:#141109}
.library-links{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.library-links a{display:block;padding:13px;background:var(--glass-soft);border:1px solid var(--glass-border);border-left:3px solid var(--study-gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--gold-pale);text-decoration:none;font-weight:850;font-size:.88rem}
.library-links a:hover{background:var(--glass);color:#fff}
.library-links small{display:block;margin-top:4px;font-weight:500;color:var(--study-muted)}
.library-licensing{max-width:1450px;margin:26px auto 0;font-size:.74rem;line-height:1.65;color:var(--study-muted)}
.saved-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--glass-border)}
.saved-row:first-child{border-top:0}
.saved-row>button:first-child{border:0;background:transparent;color:var(--gold);font-weight:900;font-size:.82rem;text-align:left;cursor:pointer;text-decoration:underline}
.saved-row small{font-size:.75rem;color:var(--study-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saved-remove{border:1px solid var(--glass-border);border-radius:999px;background:transparent;color:#d99a86;padding:5px 9px;font-size:.66rem;font-weight:800;cursor:pointer}
.study-writing .saved-row{border-color:rgba(255,255,255,.14)}
.study-writing .saved-row>button:first-child{color:var(--gold-pale)}
.study-writing .saved-row small{color:rgba(255,255,255,.55)}
.study-writing .saved-remove{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.7)}

.verse-menu{width:min(620px,92vw);border:1px solid rgba(201,164,92,.5);border-radius:var(--radius);background:var(--glass-strong);color:var(--study-ink);padding:32px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 35px 90px rgba(0,0,0,.55)}.verse-menu::backdrop{background:rgba(4,7,6,.7);backdrop-filter:blur(7px)}.verse-menu-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:1.8rem;color:var(--muted);cursor:pointer}.verse-menu-close:hover{color:#fff}.verse-menu .authority-label{margin-top:0}.verse-menu h2{font:400 2.3rem var(--serif);margin:0;color:#f4efe2}.verse-menu blockquote{font:italic 1.1rem/1.6 var(--serif);padding:14px 0;margin:12px 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.verse-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.verse-action-grid button{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass);color:var(--gold-pale);padding:11px;text-align:left;font-weight:800;cursor:pointer}.verse-action-grid button:hover{border-color:var(--gold);color:#fff}
@media(max-width:1120px){.workspace-shell{grid-template-columns:220px minmax(390px,1fr)}.study-drawer{grid-column:1/-1;border-left:0;border-top:1px solid var(--glass-border);max-height:520px}.drawer-tabs{grid-template-columns:repeat(4,1fr)}.study-choice-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.study-hero{grid-template-columns:1fr;min-height:0}.study-hero-card{max-width:620px}.workspace-topbar{align-items:flex-start;flex-direction:column}.workspace-modes{width:100%}.workspace-modes button{flex:1}.workspace-shell{display:block;max-height:none}.reader-navigation,.scripture-reader,.study-drawer{overflow:visible}.reader-navigation{border-right:0}.scripture-reader{min-height:650px}.study-choice-grid{grid-template-columns:1fr 1fr}.connection-map{grid-template-columns:1fr 1fr}.connection-center{grid-column:1/-1;grid-row:1}.life-search,.source-principles{grid-template-columns:1fr;gap:30px}}
@media(max-width:560px){.study-hero{padding:55px 18px}.study-hero:after{inset:7px}.study-hero h1{font-size:3.55rem}.hero-reference>div{grid-template-columns:1fr}.hero-reference button{padding:14px}.study-choices{padding-left:14px;padding-right:14px}.study-choice-grid{grid-template-columns:1fr}.study-choice{min-height:180px}.reader-actions{justify-content:flex-start}.reader-heading{display:block}.reader-actions{margin-top:18px}.scripture-reader{padding:28px 18px}.drawer-tabs{grid-template-columns:1fr 1fr}.connection-map,.life-topics,.source-principles>div:last-child{grid-template-columns:1fr}.connection-center{grid-column:auto}.verse-action-grid{grid-template-columns:1fr}}
/* The site sets scroll-behavior:smooth on <html>. Honour a reader who has asked
   for reduced motion - animated scrolling is exactly what that setting is for. */
@media(prefers-reduced-motion:reduce){html,.study-center *{scroll-behavior:auto!important}}
@media(max-width:560px){.knowledge-grid,.library-grid{grid-template-columns:1fr}.writing-actions button{flex:1}.saved-row{grid-template-columns:1fr auto}.saved-row small{grid-column:1/-1;white-space:normal}}
@media print{.site-header,.site-footer,.study-page-bar,.study-hero,.study-choices,.workspace-topbar,.reader-navigation,.study-drawer,.whole-picture,.life-search,.source-principles,.knowledge-explorer,.study-writing,.study-library,.reader-actions{display:none!important}.workspace-shell{display:block}.scripture-reader{overflow:visible;padding:0;background:white!important;color:black!important}.scripture-text{max-width:none}}