:root{--blood:#92231e;--ink:#12110f;--paper:#d8d1c3;--type:"Special Elite",monospace;--display:"Barlow Condensed",Impact,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050505}body{display:flex;min-height:100vh;overflow:auto;flex-direction:column;align-items:center;color:var(--ink)}button,a{font:inherit}.site-header,.site-footer{width:100%;flex:0 0 auto;background:#080808;color:#ded7ca;font-family:var(--type);text-transform:uppercase;letter-spacing:.1em}.site-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid #302925}.site-mark{color:#eee7db;text-decoration:none;font:800 22px var(--display);letter-spacing:.04em}.site-mark:first-letter{color:#9b2a24}.site-header nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,34px)}.site-header nav a,.site-header nav button{border:0;background:transparent;color:#c8c0b4;text-decoration:none;font:12px var(--type);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.site-header nav button{padding:9px 14px;border:1px solid #6f201c;color:#e7dfd2}.reader-canvas{container-type:inline-size;position:relative;width:100%;aspect-ratio:3/2;background:#080808 url("blueprint-study-orthodox.png") center/100% 100% no-repeat;overflow:hidden;box-shadow:0 0 80px #000}.chapter-strip{position:absolute;z-index:5;left:2.05%;top:19%;width:8.2%;height:69%;padding:1.4% 1.1%;background:rgba(222,216,204,.95);clip-path:polygon(1% 0,96% 1%,100% 12%,97% 32%,100% 55%,97% 78%,100% 100%,0 99%);font-family:var(--type);text-transform:uppercase}.chapter-strip strong{display:block;margin-bottom:8%;font-size:1.15cqw}.chapter-strip div{display:grid;max-height:92%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--blood) transparent}.chapter-strip button{height:2.35cqw;border:0;background:transparent;color:#171411;text-align:left;padding-left:.8cqw;font:1.02cqw/1 var(--type);cursor:pointer}.chapter-strip button.active{background:var(--blood);color:#eee7db;transform:rotate(-1deg)}.scripture-sheet{position:absolute;z-index:5;left:11.55%;top:19%;width:31.7%;height:61.5%;padding:2.2% 2.35% 2.4%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--blood) transparent;outline:none;background:rgba(224,218,206,.965);clip-path:polygon(1% 0,99% 1%,98% 18%,100% 37%,98% 57%,100% 77%,98% 100%,82% 98.5%,64% 100%,45% 98.5%,25% 100%,1% 98%);box-shadow:0 0 20px rgba(0,0,0,.35)}.scripture-sheet header h1{margin:0;color:#111;font:800 5.7cqw/.82 var(--display);letter-spacing:-.04em;text-transform:uppercase;border-bottom:.28cqw solid #171411;padding-bottom:.7cqw}.scripture-sheet header p{margin:1.2cqw 0 1.7cqw;font:1.8cqw var(--type);letter-spacing:.13em;text-transform:uppercase}.verses p{margin:0 0 1.15cqw;font:1.38cqw/1.38 Georgia,serif}.verses sup{font:.72cqw var(--type);margin-right:.75cqw}.verses h2{margin:3.2cqw 0 1.4cqw;padding-top:1.1cqw;border-top:.18cqw solid #1d1a16;font:1.65cqw/1.12 var(--type);letter-spacing:.12em;text-transform:uppercase}.chapter-end{margin-top:4cqw;padding:1.7cqw 0 1cqw;border-top:.22cqw solid #1a1713;display:grid;gap:1.1cqw}.chapter-end>span{font:.72cqw var(--type);letter-spacing:.12em;text-transform:uppercase}.chapter-read{width:14cqw;min-height:3.7cqw;border:0;background:var(--blood);color:#eee6d8;font:1.05cqw var(--type);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.father-sheet{position:absolute;z-index:6;left:78.05%;top:20.6%;width:19.15%;height:67.7%;padding:0;background:transparent;clip-path:polygon(1% 0,99% 1%,98% 16%,100% 37%,98% 60%,100% 80%,98% 100%,1% 98%);font-family:var(--type);overflow:hidden}.father-copy{height:72%;padding:2.1cqw 1.7cqw 1.2cqw;background:rgba(224,218,206,.975)}.father-sheet h2{margin:0 0 1.3cqw;padding-bottom:1.1cqw;border-bottom:.24cqw solid #191714;font:800 2.25cqw/.9 var(--display);text-transform:uppercase}.father-id{margin-bottom:1.1cqw;padding-bottom:1cqw;border-bottom:.1cqw solid #5f594f}.father-id strong{display:block;font:800 1.55cqw/.9 var(--display);text-transform:uppercase}.father-id span{display:block;margin-top:.48cqw;color:#79201b;font:.62cqw var(--type);text-transform:uppercase}.father-copy>p{margin:0;font:1.02cqw/1.48 var(--type)}.father-copy>small{display:block;margin-top:1.2cqw;color:#5b554c;font:.56cqw/1.35 var(--type);text-transform:uppercase}.father-portrait{position:relative;height:28%;margin:0;background:#090909;border-top:.35cqw solid #171411;overflow:hidden}.father-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:grayscale(1) contrast(1.45) brightness(.72)}.father-portrait figcaption{position:absolute;left:.8cqw;bottom:.7cqw;padding:.28cqw .45cqw;background:rgba(9,9,9,.78);color:#e7dfd2;font:.52cqw var(--type);text-transform:uppercase}.visual-hotspot{position:absolute;left:43.6%;top:17.7%;width:34%;height:70%;z-index:2}.creation-strip{position:absolute;z-index:8;left:27.35%;top:88.5%;width:57.2%;height:9%;display:grid;grid-template-columns:repeat(5,1fr);gap:1.1%}.creation-strip button{border:0;background:transparent;cursor:pointer}.reader-hint{position:absolute;z-index:8;left:27.6%;top:86.2%;color:#e2dbcf;font:.62cqw var(--type);text-transform:uppercase}.site-footer{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);border-top:1px solid #302925;color:#77716a;font-size:9px}.toast{position:fixed;z-index:20;left:50%;bottom:3%;transform:translate(-50%,2cqw);opacity:0;background:#dcd4c5;color:#181512;padding:.8cqw 1.2cqw;font:.8cqw var(--type);transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}.login-dialog,.chapter-dialog{width:min(520px,calc(100% - 28px));padding:0;border:0;background:#d9d2c4;color:#171411;box-shadow:0 30px 120px #000;font-family:var(--type)}.login-dialog::backdrop,.chapter-dialog::backdrop{background:rgba(0,0,0,.86)}.login-dialog form,.chapter-dialog form{position:relative;padding:38px}.dialog-close{position:absolute;right:15px;top:13px;border:0;background:transparent;font-size:30px}.login-dialog h2,.chapter-dialog h2{margin:0 0 12px;font:800 48px/.95 var(--display);text-transform:uppercase}.login-dialog form>span,.chapter-dialog form>span{display:block;font-size:15px;line-height:1.55;margin-bottom:24px}.login-dialog label{display:grid;gap:7px;margin:14px 0;font-size:11px}.login-dialog input{width:100%;padding:13px 12px}.login-submit,.chapter-dialog form>button:last-child{width:100%;border:0;background:var(--blood);color:#eee6d8;padding:14px;text-transform:uppercase}
@media(max-width:800px){.site-header{position:sticky;top:0;z-index:30;height:60px;padding:0 14px}.site-mark span,.site-header nav a{display:none}.reader-canvas{width:100%;min-height:100vh;aspect-ratio:auto;background-size:auto 100vh;padding:72px 14px 36px;overflow:visible}.visual-hotspot,.creation-strip,.reader-hint{display:none}.chapter-strip{position:sticky;top:60px;left:auto;width:100%;height:auto;display:flex;gap:12px;padding:12px 14px;clip-path:none;overflow-x:auto}.chapter-strip div{display:flex;max-height:none}.chapter-strip button{width:42px;height:38px;flex:0 0 42px;font-size:14px}.scripture-sheet{position:relative;left:auto;top:auto;width:100%;height:66vh;margin:14px 0;padding:26px 22px;clip-path:none}.scripture-sheet header h1{font-size:64px}.scripture-sheet header p{font-size:20px}.verses p{font-size:20px}.verses h2{font-size:21px}.father-sheet{position:relative;left:auto;top:auto;width:100%;height:auto;clip-path:none}.father-copy{height:auto;padding:28px 24px}.father-sheet h2{font-size:38px}.father-id strong{font-size:23px}.father-copy>p{font-size:17px}.father-portrait{height:340px}.site-footer{min-height:90px;gap:10px;flex-direction:column;justify-content:center;text-align:center}}
.chapter-strip button{height:auto;min-height:3.05cqw;padding:.35cqw .45cqw}.chapter-strip button b{display:block;font-weight:400}.chapter-strip button small{display:block;margin-top:.28cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:.48cqw/1.1 var(--type);opacity:.72}@media(max-width:800px){.chapter-strip button{width:94px;min-height:48px;flex-basis:94px}.chapter-strip button small{font-size:8px}}

/* Lift the live reading paper from the printed collage without making it feel digital. */
.scripture-sheet{background-color:rgba(232,226,214,.985);background-image:radial-gradient(circle at 18% 22%,rgba(68,55,42,.055) 0 .07cqw,transparent .1cqw),radial-gradient(circle at 74% 68%,rgba(255,255,255,.18) 0 .08cqw,transparent .12cqw),linear-gradient(96deg,rgba(255,255,255,.12),transparent 28%,rgba(80,61,43,.035) 76%,transparent);background-size:1.15cqw 1.3cqw,1.7cqw 1.55cqw,100% 100%;filter:drop-shadow(.7cqw 1.05cqw 1.25cqw rgba(0,0,0,.72)) drop-shadow(-.12cqw .08cqw .08cqw rgba(242,235,222,.5));transform:rotate(-.12deg);transform-origin:50% 8%}
.scripture-sheet::after{content:"";position:absolute;inset:.35cqw;pointer-events:none;border:.08cqw solid rgba(57,45,34,.12);clip-path:polygon(0 1%,99% 0,100% 24%,99% 51%,100% 77%,98% 100%,74% 99%,48% 100%,23% 99%,0 100%,1% 72%,0 41%)}
@media(max-width:800px){.scripture-sheet{filter:drop-shadow(0 12px 18px rgba(0,0,0,.7));transform:none;background-size:16px 18px,22px 20px,100% 100%}.scripture-sheet::after{inset:5px;border-width:1px}}

/* The poster is now four exact foreground slices surrounding a replaceable art window. */
.reader-canvas{background:#050505}.poster-frame{position:absolute;z-index:2;inset:0;pointer-events:none}.poster-frame i{position:absolute;inset:0;background:url("blueprint-study-orthodox.png") center/100% 100% no-repeat}.poster-frame .frame-top{clip-path:inset(0 0 82.3% 0)}.poster-frame .frame-left{clip-path:inset(17.7% 56.4% 12.3% 0)}.poster-frame .frame-right{clip-path:inset(17.7% 0 12.3% 77.6%)}.poster-frame .frame-bottom{clip-path:inset(87.7% 0 0 0)}.poster-frame .edge-top{clip-path:inset(14.8% 20% 78.6% 40%)}.poster-frame .edge-left{clip-path:inset(15% 54% 9% 40.5%)}.poster-frame .edge-right{clip-path:inset(15% 19.5% 9% 75%)}.poster-frame .edge-bottom{clip-path:inset(83.5% 20% 8% 40%)}.poster-frame .frame-note{clip-path:polygon(68% 73%,78.5% 73%,78.5% 88.5%,68% 88.5%)}.visual-hotspot{z-index:1;margin:0;overflow:hidden;background:#070707}.visual-hotspot .sun-engraving{position:absolute;width:294.118%;height:142.857%;max-width:none;left:-128.235%;top:-25.286%;object-fit:fill;filter:grayscale(1) contrast(1.08)}
.poster-frame svg{display:block;width:100%;height:100%}
@media(max-width:800px){.poster-frame{display:none}.reader-canvas{background:#090909 url("blueprint-study-orthodox.png") top center/auto 100vh no-repeat}.visual-hotspot{display:none}}

/* Passage art changes beneath the locked tape-and-paper collage frame. */
.visual-hotspot img{transition:opacity .18s ease}
.visual-hotspot{clip-path:none;left:41.6%;top:15.7%;width:38%;height:74%;background:transparent}
.visual-hotspot .passage-engraving{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) contrast(1.12) brightness(.82)}
.creation-strip{grid-template-columns:repeat(6,1fr)}
.creation-strip button{position:relative}
.creation-strip button::after{content:"";position:absolute;left:12%;right:12%;bottom:3%;height:.16cqw;background:transparent;transform:rotate(-1deg)}
.creation-strip button.active::after{background:var(--blood)}
.father-source{display:inline-block;margin-top:.8cqw;padding-bottom:.16cqw;border-bottom:.1cqw solid var(--blood);color:#6f1d19;font:.66cqw var(--type);letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.father-source:hover,.father-source:focus-visible{color:#111;border-color:#111}.father-source+small{margin-top:.65cqw}
.father-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:-.35cqw 0 .75cqw;border-bottom:.1cqw solid #5f594f}.father-nav button{border:0;background:transparent;color:#171411;padding:.38cqw .2cqw;font:1.05cqw var(--type);cursor:pointer}.father-nav button:first-child{text-align:left}.father-nav button:last-child{text-align:right}.father-nav button:hover,.father-nav button:focus-visible{color:var(--blood)}.father-nav span{font:.55cqw var(--type);letter-spacing:.1em;text-transform:uppercase}.father-portrait img{transition:opacity .16s ease}
@media(max-width:800px){.father-source{margin-top:14px;font-size:12px}}

/* Keep the collage's hierarchy, but make every useful label readable. */
.chapter-strip button small{font-size:clamp(9px,.64cqw,12px);line-height:1.2;opacity:.82}
.chapter-end>span{font-size:clamp(11px,.78cqw,13px);line-height:1.35}
.father-copy{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--blood) transparent}
.father-copy{height:76%}
.father-portrait{height:24%}
.father-id span{font-size:clamp(11px,.78cqw,13px);line-height:1.3}
.father-copy>p{font-size:clamp(14px,1.03cqw,17px);line-height:1.48}
.father-copy>small{font-size:clamp(10px,.68cqw,12px);line-height:1.45}
.father-source{font-size:clamp(11px,.78cqw,13px);line-height:1.25;padding:.22cqw 0}
.father-nav span{font-size:clamp(10px,.7cqw,12px);line-height:1.2}
.father-nav button{min-width:2.3cqw;min-height:2.1cqw;font-size:clamp(17px,1.2cqw,21px)}
.father-portrait figcaption{font-size:clamp(9px,.62cqw,11px);line-height:1.2}
.father-passage{display:block;margin:.1cqw 0 .62cqw;color:#78231d;font:clamp(10px,.72cqw,12px)/1.25 var(--type);letter-spacing:.08em;text-transform:uppercase}
.father-source{border:0;border-bottom:1px solid var(--blood);background:transparent;cursor:pointer;text-align:left}
.study-dialog{width:min(680px,calc(100vw - 28px));max-height:min(780px,calc(100vh - 28px));padding:0;border:0;background:transparent;box-shadow:0 24px 90px #000;overflow:auto}
.study-dialog::backdrop{background:rgba(0,0,0,.82)}
.study-paper{position:relative;padding:clamp(28px,5vw,58px);background:#e3dbcd;color:#181512;font-family:var(--type);box-shadow:inset 0 0 0 9px rgba(61,48,34,.045);background-image:radial-gradient(rgba(76,58,42,.065) .7px,transparent .7px);background-size:13px 13px}
.study-close{position:absolute;right:18px;top:12px;border:0;background:transparent;color:#181512;font:36px var(--display);cursor:pointer;min-width:44px;min-height:44px}
.study-eyebrow,.study-attribution{display:block;color:#75211c;font:clamp(12px,1.1vw,15px)/1.4 var(--type);letter-spacing:.08em;text-transform:uppercase}
.study-paper h2{margin:11px 0 8px;padding-bottom:12px;border-bottom:3px solid #171411;font:800 clamp(48px,7vw,78px)/.9 var(--display);text-transform:uppercase}
.study-attribution{margin:0 0 28px;color:#3c332b}
.study-paper h3{margin:28px 0 9px;font:800 clamp(22px,3vw,28px)/1 var(--display);text-transform:uppercase}
.study-paper h3+ p{margin:0;font:clamp(16px,1.5vw,19px)/1.55 Georgia,serif}
.study-disclaimer{margin:32px 0 16px;padding-top:18px;border-top:1px solid #8d8173;color:#594f45;font:clamp(12px,1vw,14px)/1.5 var(--type)}
.study-paper>a{display:inline-block;color:#78231d;font:clamp(13px,1.1vw,15px)/1.4 var(--type);text-transform:uppercase;text-decoration-thickness:1px;text-underline-offset:5px}
.study-paper>a:focus-visible,.study-close:focus-visible,.father-source:focus-visible{outline:3px solid var(--blood);outline-offset:3px}
.father-quotation{margin:22px 0 30px;padding:17px 0 15px 20px;border-left:4px solid var(--blood)}
.father-quotation blockquote{margin:0;font:italic clamp(18px,1.7vw,22px)/1.4 Georgia,serif}
.father-quotation figcaption{margin-top:10px;color:#54483e;font:clamp(11px,1vw,13px)/1.5 var(--type);text-transform:uppercase}
.father-quotation a,.study-deeper a{color:#78231d;text-underline-offset:3px}
.study-deeper{margin-top:24px;border-top:1px solid #8d8173}
.study-deeper summary{padding:18px 0 4px;cursor:pointer;font:800 clamp(21px,2.8vw,27px)/1 var(--display);text-transform:uppercase;list-style-position:outside}
.study-deeper summary::marker{color:var(--blood);font-size:16px}
.study-deeper p{margin:12px 0;font:clamp(16px,1.5vw,19px)/1.55 Georgia,serif}
.study-deeper a{display:inline-block;margin:2px 0 9px;font:clamp(12px,1vw,14px)/1.4 var(--type);text-transform:uppercase}
.study-deeper summary:focus-visible,.father-quotation a:focus-visible,.study-deeper a:focus-visible{outline:3px solid var(--blood);outline-offset:3px}

@media(max-width:800px){
  .chapter-strip button small{font-size:10px}
  .chapter-end>span{font-size:12px}
  .father-id span{font-size:12px}
  .father-copy>small{font-size:11px}
  .father-source{font-size:13px}
  .father-nav span{font-size:12px}
  .father-nav button{min-width:44px;min-height:44px;font-size:20px}
  .father-portrait figcaption{font-size:11px}
  .father-passage{font-size:12px;margin:12px 0}
  .father-copy{height:auto}
  .father-portrait{height:340px}
}

.reader-canvas{background:#050505}
.collage-header{position:absolute;z-index:9;left:0;top:0;width:100%;height:17.4%;display:flex;align-items:center;justify-content:space-between;padding:0 2.6% 0 7.7%;color:#eee8de;text-transform:uppercase}
.collage-brand{display:flex;flex-direction:column;align-items:flex-start;width:max-content;max-width:35%;color:inherit;text-decoration:none}
.collage-brand span{font:800 clamp(30px,4.75cqw,78px)/.86 var(--display);letter-spacing:-.02em;text-shadow:2px 2px 0 rgba(0,0,0,.55);white-space:nowrap}
.collage-brand small{margin-top:.65cqw;padding:.27cqw .45cqw;background:rgba(220,212,198,.93);color:#1a1714;font:clamp(9px,.85cqw,14px)/1.2 var(--type);letter-spacing:.15em}
.collage-header nav{position:absolute;left:44%;right:22.5%;top:49%;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.9cqw;font:clamp(12px,.96cqw,16px) var(--type);letter-spacing:.08em}
.collage-header nav a,.collage-header nav button{position:relative;padding:.65cqw .25cqw;border:0;background:none;color:#eee8de;text-decoration:none;text-transform:uppercase;cursor:pointer;font:inherit;letter-spacing:inherit;white-space:nowrap}
.collage-header nav a:hover,.collage-header nav button:hover{color:#edaaa1}
.collage-header nav a[aria-current=page],.collage-header nav button[aria-pressed=true]{color:#fff4e9}
.collage-header nav a[aria-current=page]::after,.collage-header nav button[aria-pressed=true]::after{content:"";position:absolute;left:.15cqw;right:.15cqw;bottom:.08cqw;height:2px;background:#9f3028;transform:rotate(-1.5deg);box-shadow:.18cqw 0 0 rgba(159,48,40,.45)}
.collage-header a:focus-visible,.collage-header button:focus-visible{outline:2px solid #e0d6c6;outline-offset:4px}
.collage-cross{position:absolute;left:3.1%;top:22%;width:3.65%;height:56%;object-fit:contain;filter:drop-shadow(1px 1px 0 #080807)}
@media(max-width:800px){
 .reader-canvas{padding:0 14px 36px;background:#090909}
 .collage-header{position:relative;height:auto;min-height:126px;padding:18px 4px 14px;gap:10px;align-items:flex-start;flex-wrap:wrap}
 .collage-cross{position:relative;left:auto;top:auto;width:36px;height:64px;flex:0 0 36px}
 .collage-brand{max-width:calc(100% - 50px)}
 .collage-brand span{font-size:clamp(25px,7vw,46px)}
 .collage-brand small{margin-top:8px;padding:4px 5px;font-size:9px;letter-spacing:.08em}
 .collage-header nav{position:relative;left:auto;right:auto;top:auto;transform:none;width:100%;justify-content:flex-start;gap:4px 14px;margin:0;padding:2px 0 0 2px;border-top:1px solid #554943;font-size:13px;letter-spacing:.04em}
 .collage-header nav a,.collage-header nav button{padding:8px 2px}
 .chapter-strip{top:0}
}

/* Reading additions sit inside the existing paper rather than changing the collage. */
.reader-tools{display:flex;flex-wrap:wrap;gap:.35cqw;margin:0 0 1cqw;padding-bottom:.8cqw;border-bottom:1px solid rgba(28,24,19,.35)}
.reader-tools button{min-width:2.4cqw;min-height:2.1cqw;padding:.25cqw .45cqw;border:1px solid #696055;background:transparent;color:#1b1713;font:clamp(10px,.72cqw,15px) var(--type);cursor:pointer}
.reader-tools button[aria-pressed=true]{background:var(--blood);border-color:var(--blood);color:#f1e9dc}
.reader-tools button:focus-visible,.verses p:focus-visible,.verse-save button:focus-visible{outline:2px solid var(--blood);outline-offset:2px}
.text-source{margin:0 0 1.4cqw;font:clamp(10px,.7cqw,14px)/1.45 var(--type)}
.text-source summary{cursor:pointer;color:#66221d;text-transform:uppercase;letter-spacing:.06em}
.text-source p{margin:.6em 0;font:inherit}
.text-source a{color:#66221d}
.verses p{font-size:calc(1.38cqw * var(--reader-scale, 1));cursor:pointer;padding:.15cqw .25cqw;margin-left:-.25cqw;border-left:3px solid transparent}
.verses p.verse-selected{background:rgba(146,35,30,.11);border-left-color:var(--blood)}
.greek-verse{display:block;margin:.55em 0 .15em 1.2em;padding-left:.7em;border-left:1px solid #8b7a69;color:#514336;font:normal .9em/1.48 Georgia,serif}
.greek-verse[hidden]{display:none}
.roomy-reading .verses p{line-height:1.8;margin-bottom:1.5em}
.study-selected-verse{margin:18px 0;padding:15px 18px;border-left:4px solid var(--blood);background:rgba(146,35,30,.09);font:19px/1.45 Georgia,serif}
.verse-save{display:grid;gap:10px;margin:0 0 22px;padding:16px;background:rgba(31,25,19,.08);font:14px/1.5 var(--type)}
.verse-save[hidden],.study-selected-verse[hidden]{display:none}
.verse-save label{display:grid;gap:7px}
.verse-save textarea{width:100%;padding:10px;border:1px solid #8e8173;background:#eee8dc;color:#171411;font:16px/1.4 Georgia,serif;resize:vertical}
.verse-save button{justify-self:start;padding:9px 12px;border:1px solid #5b2420;background:transparent;color:#5b2420;cursor:pointer}
.verse-save small{color:#50483e}
body.reading-focus{overflow:hidden}
body.reading-focus .scripture-sheet{position:fixed;z-index:40;inset:0;width:min(800px,100%);height:100dvh;margin:auto;padding:clamp(22px,5vw,56px);clip-path:none;transform:none;filter:none;box-shadow:0 0 0 100vw rgba(0,0,0,.96);background-color:#e8e1d3}
body.reading-focus .scripture-sheet header h1{font-size:clamp(58px,10vw,110px);border-bottom-width:3px}
body.reading-focus .scripture-sheet header p{font-size:clamp(19px,3vw,27px)}
body.reading-focus .verses p{font-size:calc(22px * var(--reader-scale, 1));line-height:1.55;margin-bottom:1em}
body.reading-focus .verses h2{font-size:26px;border-top-width:2px;margin-top:2em}
body.reading-focus .verses sup{font-size:12px;margin-right:10px}
body.reading-focus .reader-tools button{min-height:40px;padding:6px 10px;font-size:13px}
body.reading-focus .text-source{font-size:13px}
@media(max-width:800px){
 .reader-tools{gap:7px;margin-bottom:12px;padding-bottom:10px}
 .reader-tools button{min-width:43px;min-height:42px;padding:7px;font-size:12px}
 .text-source{font-size:12px;margin-bottom:16px}
 .verses p{font-size:calc(20px * var(--reader-scale, 1));padding:3px 5px;margin-left:-5px}
 .greek-verse{font-size:.9em}
 body.reading-focus .scripture-sheet{margin:0;padding:24px 20px}
}