*,*:before,*:after{box-sizing:border-box}:root{--bg: #f5f1e8;--surface: #fffdf8;--surface-2: #efe8d8;--ink: #2a2521;--ink-soft: #6b6155;--gold: #9a7d2e;--gold-bright: #b8963a;--hairline: rgba(42, 37, 33, .14);--shadow: 0 12px 40px -12px rgba(42, 37, 33, .22);--img-frame: rgba(42, 37, 33, .1);--step--1: .86rem;--step-0: 1.06rem;--step-1: 1.28rem;--step-2: 1.62rem;--step-3: 2rem;--measure: 62ch;--vignette-max: 760px;--space: clamp(1rem, 4vw, 2rem);--radius: 16px;font-family:EB Garamond,Iowan Old Style,Palatino,Georgia,serif;line-height:1.65;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent-gold: var(--gold);--text-primary: var(--ink);--text-secondary: var(--ink-soft)}@media(prefers-color-scheme:dark){:root{--bg: #141210;--surface: #1c1916;--surface-2: #23201b;--ink: #e8e3d8;--ink-soft: #a89f8f;--gold: #d4af37;--gold-bright: #e6c866;--hairline: rgba(232, 227, 216, .12);--shadow: 0 16px 50px -16px rgba(0, 0, 0, .6);--img-frame: rgba(232, 227, 216, .1)}}:root[data-theme=light]{--bg: #f5f1e8;--surface: #fffdf8;--surface-2: #efe8d8;--ink: #2a2521;--ink-soft: #6b6155;--gold: #9a7d2e;--gold-bright: #b8963a;--hairline: rgba(42, 37, 33, .14);--shadow: 0 12px 40px -12px rgba(42, 37, 33, .22);--img-frame: rgba(42, 37, 33, .1)}:root[data-theme=dark]{--bg: #141210;--surface: #1c1916;--surface-2: #23201b;--ink: #e8e3d8;--ink-soft: #a89f8f;--gold: #d4af37;--gold-bright: #e6c866;--hairline: rgba(232, 227, 216, .12);--shadow: 0 16px 50px -16px rgba(0, 0, 0, .6);--img-frame: rgba(232, 227, 216, .1)}html{-webkit-text-size-adjust:100%}body{margin:0;padding:0;background:var(--bg);color:var(--ink);min-height:100vh;font-size:var(--step-0);transition:background .4s ease,color .4s ease}#root{width:100%;min-height:100vh}a{color:var(--gold)}.wrap{width:100%;max-width:calc(var(--measure) + 2 * var(--space));margin:0 auto;padding:0 var(--space)}.brand{display:flex;flex-direction:column;align-items:center;gap:.5rem}.brand img{height:54px;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.kicker{font-family:system-ui,-apple-system,sans-serif;text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;font-weight:600;color:var(--gold);margin:0;padding-left:.28em}.hero{padding-top:clamp(1.5rem,6vw,3rem)}.hero .brand{margin-bottom:clamp(1.2rem,4vw,1.8rem)}.hero figure{margin:0}.hero .frame{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--img-frame);background:var(--surface-2);aspect-ratio:var(--hero-ratio, 11 / 6)}.hero .frame.is-loaded{aspect-ratio:auto}.hero .frame img{width:100%;height:auto;display:block}.hero figcaption{text-align:center;font-style:italic;color:var(--ink-soft);font-size:var(--step--1);margin-top:.7rem;padding:0 1rem;min-height:1.4em}.hero--noimage{text-align:center;padding-bottom:.5rem}.reading{padding:clamp(1.6rem,6vw,2.6rem) 0 1rem;min-height:60vh}.datebar{display:inline-flex;align-items:center;gap:.5rem;font-family:system-ui,-apple-system,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:600;color:var(--ink-soft);background:none;border:1px solid var(--hairline);padding:.4rem .8rem;border-radius:999px;cursor:pointer;transition:border-color .2s,color .2s}.datebar:hover{border-color:var(--gold);color:var(--gold)}.datebar .dot{width:5px;height:5px;border-radius:50%;background:var(--gold)}.title{font-size:var(--step-3);font-weight:400;line-height:1.2;text-wrap:balance;letter-spacing:.3px;margin:1.1rem 0 .4rem;color:var(--ink)}.ref{font-family:system-ui,-apple-system,sans-serif;letter-spacing:.1em;text-transform:uppercase;font-size:var(--step--1);font-weight:600;color:var(--gold);margin:0 0 1.4rem}.intro{font-style:italic;color:var(--ink-soft);font-size:var(--step-1);margin:0 0 1.6rem;text-wrap:pretty}.rule{border:none;height:1px;width:64px;background:var(--gold);opacity:.5;margin:0 0 1.6rem}.gospel{font-size:var(--step-1);line-height:1.9}.gospel p{margin:0 0 1.35rem}.verse{font-family:system-ui,-apple-system,sans-serif;font-size:.62em;font-weight:700;color:var(--gold);vertical-align:super;margin-right:.35em;font-variant-numeric:tabular-nums}.study{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--hairline)}.study a{display:inline-flex;align-items:center;gap:.5rem;font-family:system-ui,-apple-system,sans-serif;font-size:var(--step--1);font-weight:600;letter-spacing:.04em;color:var(--gold);text-decoration:none;padding:.55rem .9rem;border:1px solid var(--hairline);border-radius:999px;transition:border-color .2s,background .2s}.study a:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent)}.study a .arrow{transition:transform .2s}.study a:hover .arrow{transform:translate(3px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--ink-soft);font-style:italic}.spin{color:var(--gold);animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-card{text-align:center;padding:2rem;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius)}.error-card button{margin-top:1rem;font-family:inherit;font-size:var(--step-0);background:var(--gold);color:var(--bg);border:none;padding:.55rem 1.1rem;border-radius:999px;cursor:pointer}.install-prompt{position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:1000;max-width:var(--vignette-max);margin:0 auto;background:var(--surface);border:1px solid var(--gold);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem 1rem}.install-prompt__row{display:flex;align-items:center;gap:.75rem}.install-prompt__icon{color:var(--gold);flex-shrink:0}.install-prompt__text{margin:0;flex:1;font-size:var(--step--1);color:var(--ink)}.install-prompt__actions{display:flex;align-items:center;gap:.75rem}.install-prompt__cta{font-family:system-ui,-apple-system,sans-serif;font-weight:600;font-size:.82rem;background:var(--gold);color:var(--bg);border:none;padding:.4rem .85rem;border-radius:999px;cursor:pointer}.install-prompt__close{background:none;border:none;color:var(--ink-soft);cursor:pointer;font-size:1.1rem;line-height:1}.footer{text-align:center;padding:2.4rem 0 3rem;color:var(--ink-soft);font-size:var(--step--1);border-top:1px solid var(--hairline);margin-top:1.5rem}.footer p{margin:.3rem 0}.footer a{color:var(--gold);text-decoration:none}.footer a:hover{text-decoration:underline}:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;border-radius:4px}@media(min-width:640px){:root{--step-0: 1.12rem;--step-3: 2.4rem}.hero .frame,.hero .frame.is-loaded{aspect-ratio:16 / 9}.hero .frame img{height:100%;object-fit:cover}}@media(min-width:1024px){:root{--step-3: 2.7rem;--step-1: 1.36rem;--measure: 78ch}.hero .wrap{max-width:var(--vignette-max)}.gospel{line-height:1.95}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.anim-fade{animation:fade-in 1.2s ease both}.anim-fade-up{animation:fade-in-up .5s ease both}@keyframes slide-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}.anim-slide-up{animation:slide-up .4s ease both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
