@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap";body{margin:0;padding:0;background-color:#f4f1ea;background-image:url(/images/parchment-bg.svg);background-repeat:repeat;color:#333;font-weight:400;opacity:0;animation:fadeInPage .8s ease forwards}@keyframes fadeInPage{0%{opacity:0}to{opacity:1}}.holy-scripture-layout{display:flex;height:100vh}.verse-navigation{flex:0 0 280px;border-right:1px solid #a89b8c;padding:2rem;overflow-y:auto}.verse-navigation h2{font-weight:700;margin-top:0;padding-bottom:1rem;border-bottom:1px solid #a89b8c}.verse-navigation ul{list-style:none;padding:0;margin:0}.verse-navigation li a{display:block;padding:.7rem 0;text-decoration:none;color:#5c5248;transition:all .2s ease;cursor:pointer}.verse-navigation li a:hover{color:#333;background-color:#00000008;transform:translate(6px)}.verse-content{flex:1 1 auto;padding:4rem;overflow-y:auto}.verse-content h1{font-size:2.5rem;font-weight:700;margin-top:0;padding-bottom:1rem;margin-bottom:2rem}.verse-content p{font-size:1.1rem;line-height:2.2}.verse-content h2{font-size:1.8rem;font-weight:700;margin-top:2.5rem;border-bottom:1px solid #a89b8c;padding-bottom:1rem}.side-panel{flex:0 0 280px;border-left:1px solid #a89b8c;background-color:#00000003;padding:2rem;box-sizing:border-box}.side-panel-content .side-link{display:block;text-decoration:none;color:#5c5248;padding:.8rem 1rem;margin-bottom:1rem;border:1px solid #a89b8c;border-radius:5px;text-align:center;transition:all .2s ease}.side-panel-content .side-link:hover{background-color:#0000000d;color:#333;border-color:#c4bcae}.mobile-fab,.mobile-overlay,.mobile-verse-nav{display:none}@media (max-width: 768px){.holy-scripture-layout{flex-direction:column;height:auto}.verse-navigation,.side-panel{display:none}.verse-content{padding:2rem 1.5rem;overflow-y:visible}.verse-content h1{font-size:2rem}.verse-content p{font-size:1rem;line-height:1.9}.verse-content h2{font-size:1.5rem;border-bottom:1px solid #a89b8c;padding-bottom:.8rem}.mobile-fab{display:flex;align-items:center;justify-content:center;position:fixed;top:1rem;right:1rem;width:56px;height:56px;border-radius:50%;border:1px solid #a89b8c;background-color:#f4f1eaf2;color:#5c5248;box-shadow:0 4px 12px #00000026;cursor:pointer;z-index:100;transition:all .3s ease}.mobile-fab:active{transform:scale(.92)}.mobile-overlay{display:block;position:fixed;inset:0;z-index:200;pointer-events:none;visibility:hidden}.mobile-overlay.active{pointer-events:auto;visibility:visible}.mobile-overlay-backdrop{position:absolute;inset:0;background-color:#0000;transition:background-color .3s ease}.mobile-overlay.active .mobile-overlay-backdrop{background-color:#0006}.mobile-overlay-panel{position:absolute;bottom:0;left:0;right:0;max-height:70vh;background-color:#f4f1ea;border-top:2px solid #a89b8c;border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow:hidden}.mobile-overlay.active .mobile-overlay-panel{transform:translateY(0)}.mobile-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #a89b8c;flex-shrink:0}.mobile-overlay-header h3{margin:0;font-weight:700;font-size:1.1rem;color:#333}.mobile-overlay-close{background:none;border:none;font-size:1.2rem;color:#5c5248;cursor:pointer;padding:.3rem .5rem}.mobile-overlay-links{padding:.8rem 1.5rem;border-bottom:1px solid #a89b8c;flex-shrink:0}.mobile-back-link{display:block;text-decoration:none;color:#5c5248;padding:.5rem 0;font-size:.95rem}.mobile-overlay-list{list-style:none;padding:.5rem 1.5rem;margin:0;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.mobile-overlay-list li a{display:block;padding:.8rem 0;text-decoration:none;color:#5c5248;border-bottom:1px solid rgba(168,155,140,.3);transition:color .2s ease}.mobile-overlay-list li:last-child a{border-bottom:none}.mobile-overlay-list li a:active{color:#333;background-color:#00000008}.mobile-verse-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1.5rem 0;margin-top:2rem;border-top:1px solid #a89b8c}.mobile-nav-btn{padding:.8rem 1.2rem;border:1px solid #a89b8c;border-radius:5px;background-color:transparent;color:#5c5248;font-size:.95rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mobile-nav-btn:disabled{opacity:.35;cursor:default}.mobile-nav-btn:not(:disabled):active{background-color:#0000000d}.mobile-nav-indicator{font-size:.9rem;color:#8c7d6e;white-space:nowrap}}