@font-face{font-family:KGPerfectPenmanship;src:url('/assets/penmanship.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.prayer-section{padding:64px 16px;background:linear-gradient(#fbfaf9,#e7f4fe)}
.prayer-inner{max-width:768px}
.prayer-section h2{font-size:36px;line-height:40px;font-weight:700;letter-spacing:normal;margin:0 0 32px;overflow-wrap:break-word;color:#344256}
.prayer-section h2 .name{color:inherit}
.prayer-copy{font-size:18px;line-height:28px;color:rgba(52,66,86,.9)}
.prayer-copy> *{margin:24px 0 0}
.prayer-copy> :first-child{margin-top:0}
.prayer-copy p{margin:0}
.prayer-copy>p{margin:24px 0 0}
.prayer-copy>p:first-child{margin-top:0}
.prayer-copy strong{font-weight:600}
.prayer-discovery{background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 12px rgba(52,66,86,.08);text-align:center}
.prayer-discovery p:first-child{font-size:20px;line-height:28px;font-weight:600;color:#5ab2f2;margin-bottom:16px}
.prayer-discovery p:last-child{color:#6c7c93}
.prayer-reading{padding:24px;background:rgba(242,166,140,.3);border-radius:12px}
.prayer-reading p:first-child{font-style:italic}
.prayer-reading p+p{margin-top:16px;font-weight:600;color:#344256}
@media(max-width:767px){.prayer-section{padding-top:48px;padding-bottom:48px}.prayer-section h2{font-size:30px;line-height:36px}}
@media(max-width:639px){.prayer-section h2{font-size:24px;line-height:32px}.prayer-copy{font-size:16px;line-height:26px}}
h1 .name,h2 .name{color:rgb(90,178,242)}
.cta .name{color:inherit;text-transform:uppercase}
.book-carousel{position:relative;max-width:768px;margin:48px auto;container-type:inline-size}
.pages{gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth}
.page{flex:0 0 100%;aspect-ratio:210/297;border-radius:0;position:relative;display:block;overflow:hidden;background-size:cover;background-position:center;scroll-snap-stop:always}
.page p{font-family:KGPerfectPenmanship,cursive;color:#000;background:none;padding:0;margin:0;line-height:1.3;font-weight:400;text-align:center}
.page:first-child{display:flex;align-items:center;justify-content:center}
.page:first-child p{width:80%;font-size:clamp(16px,3vw,32px)}
.page:not(:first-child) p{position:absolute;left:50%;transform:translateX(-50%);top:8%;width:70%;font-size:min(3.4cqw,27px)}
.page .name{color:inherit;font-weight:bold}
.arrows{margin:0;display:contents}
.arrows button{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:32px;height:32px;min-height:0;font-size:16px;padding:0;box-shadow:none}
#prev{left:-48px}#next{right:-48px}
@media(min-width:768px){.book-carousel{width:calc(100% - 96px)}}
@media(max-width:767px){.page{flex-basis:85%;margin-right:16px}.arrows button{display:none}.book-carousel{margin-bottom:48px}.page:first-child p{font-size:clamp(16px,3vw,32px)}}
