.devotee-main:has(.rosary-module:not([hidden])){padding:0}
body.rosary-page-open .rosary-module{width:100%;max-width:none;margin:0}
.rosary-module .rosary-shell{position:relative;min-height:calc(100svh - 108px);border:0;border-radius:0;box-shadow:none;padding:34px max(24px,calc((100% - 1260px)/2)) 30px;background:linear-gradient(90deg,transparent 20%,#eaf2f4b3 50%,#f5ecdaee),url('../img/vela-virtual-fatima.png') left 30%/auto 100% no-repeat #e9eef0}
.rosary-workspace{position:relative;width:min(100%,660px);margin-left:auto}
.rosary-scene-quote{position:absolute;left:30px;top:45px;font:italic 21px/1.5 Georgia,serif;color:#173f59;max-width:165px;text-shadow:0 1px 7px white}
.rosary-module .rosary-topbar{display:flex;flex-direction:column;align-items:stretch;gap:14px;border:0;background:transparent;padding:0;text-align:center}
.rosary-module .rosary-topbar>div:first-of-type{grid-column:auto;grid-row:auto}
.rosary-module .rosary-topbar>button{display:block;align-self:flex-end;min-height:30px;padding:5px 10px;font-size:12px}
.rosary-module .rosary-topbar h2{font:700 38px/1.15 Georgia,serif;margin:5px 0;color:#123d5c}
.rosary-module .rosary-topbar>div>span{color:#a47321;font:10px Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}
.rosary-tagline{font:italic 15px Georgia,serif;color:#254d65;margin:8px 0 12px}
.rosary-module .rosary-tools{display:flex;justify-content:center;gap:10px;width:100%}
.rosary-module .rosary-tools select{flex:1;min-width:0;background:#fffaf4}
.rosary-module .rosary-tools button{white-space:nowrap;background:#fffaf4;color:#a06d1b}
.rosary-module .rosary-progress{margin:12px 0 0;padding:13px 16px;background:#fffcf6}
.rosary-module .rosary-progress p{display:flex;justify-content:space-between;gap:10px;margin:8px 0 0;font-size:11px}
.rosary-module .rosary-layout{display:grid;grid-template-columns:46% 54%;margin:12px 0 0;padding:0;background:#fffaf2;border-color:#e9ddc8}
.rosary-module .rosary-visual{min-height:290px;aspect-ratio:auto;align-self:center;height:300px;background:radial-gradient(#fffdf6,#f8f0e3);border:0}
.rosary-module .rosary-visual img{max-height:48%;max-width:38%;margin-top:-24px}
.rosary-module .rosary-bead{width:8px;height:8px}.rosary-module .rosary-bead.is-big{width:11px;height:11px}
.rosary-module .rosary-bead.is-current{background:#124b71;border-color:#123d5c;box-shadow:0 0 0 4px #14517c22;animation:none}
.rosary-module .rosary-bead.is-done{background:#2d5671;border-color:#193f59}
.rosary-module .rosary-prayer-card{padding:24px;background:#fffdf8;border-left:1px solid #ede3d4;min-width:0}
.rosary-module .rosary-prayer-card h3{font:700 27px/1.2 Georgia,serif;margin:10px 0 14px}
.rosary-module .rosary-prayer-card p{font:14px/1.65 Arial,sans-serif;margin:0;overflow-wrap:anywhere}
.rosary-module .rosary-prayer-card small:not(:empty){display:block;padding:12px;background:#faf2e2;border-radius:6px;font:12px/1.6 Arial,sans-serif;margin-top:18px}
.rosary-module .rosary-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;margin:0;background:#fffaf2;border:1px solid #e9ddc8;border-top:0;border-radius:0 0 10px 10px}
.rosary-module .rosary-actions button{min-width:0;min-height:44px;font-size:14px}.rosary-module .rosary-actions button:first-child{background:#fff7e8;color:#855a16}
.rosary-closing{text-align:center;font:italic 13px/1.6 Georgia,serif;color:#29495c;padding:14px;background:#fffbf2bb;border-radius:8px;margin:12px 0 0}.rosary-closing small{display:block;font:9px Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;margin-top:9px}
@media(max-width:820px){
 .rosary-module .rosary-shell{padding:0 14px 24px;background-size:auto 380px;background-position:left top;background-color:#f5ecdc;background-image:url('../img/vela-virtual-fatima.png')}
 .rosary-workspace{width:100%;margin:0;padding-top:200px}
 .rosary-scene-quote{display:none}
 .rosary-module .rosary-topbar{gap:10px}
 .rosary-module .rosary-topbar>div:first-of-type{position:absolute;right:0;top:45px;width:60%;text-shadow:0 1px 7px #fff}
 .rosary-module .rosary-topbar h2{font-size:26px}.rosary-tagline{font-size:13px;line-height:1.5}
 .rosary-module .rosary-topbar>button{background:#fffcf6e8}
 .rosary-module .rosary-tools select{font-size:12px;padding-left:9px}.rosary-module .rosary-tools button{font-size:12px;padding:9px}
 .rosary-module .rosary-layout{grid-template-columns:1fr}
 .rosary-module .rosary-visual{width:250px;max-width:100%;height:270px;min-height:270px;margin:auto}
 .rosary-module .rosary-prayer-card{border:0;padding:18px 22px;text-align:center}
 .rosary-module .rosary-prayer-card h3{font-size:25px}.rosary-module .rosary-prayer-card p{font-size:14px}
}

@media(min-width:821px){
 .rosary-module .rosary-shell{background-image:linear-gradient(90deg,transparent 20%,#eaf2f455 48%,#fff4e599),url('../img/vela-virtual-fatima.png'),url('../img/fatima-hero.png');background-size:cover,auto 100%,cover;background-position:center,left center,center;background-repeat:no-repeat}
}
@media(max-width:820px){.rosary-module .rosary-shell{background-repeat:no-repeat}}
/* Give the guided prayer a readable, generous desktop footprint. */
@media(min-width:821px){
 .rosary-module .rosary-shell{padding:30px max(28px,calc((100% - 1640px)/2)) 36px}
 .rosary-module .rosary-workspace{width:min(100%,960px)}
 .rosary-module .rosary-topbar h2{font-size:46px}
 .rosary-module .rosary-tagline{font-size:18px}
 .rosary-module .rosary-tools select,.rosary-module .rosary-tools button{font-size:16px;min-height:48px}
 .rosary-module .rosary-progress{padding:16px 20px}
 .rosary-module .rosary-progress p{font-size:14px}
 .rosary-module .rosary-layout{grid-template-columns:44% 56%}
 .rosary-module .rosary-visual{height:420px;min-height:420px}
 .rosary-module .rosary-bead{width:11px;height:11px}
 .rosary-module .rosary-bead.is-big{width:15px;height:15px}
 .rosary-module .rosary-prayer-card{padding:32px}
 .rosary-module .rosary-prayer-card>span{font-size:13px}
 .rosary-module .rosary-prayer-card h3{font-size:36px}
 .rosary-module .rosary-prayer-card p{font-size:18px;line-height:1.75}
 .rosary-module .rosary-prayer-card small:not(:empty){font-size:14px}
 .rosary-module .rosary-actions button{min-height:52px;font-size:17px}
 .rosary-module .rosary-closing{font-size:16px}
}
@media(min-width:821px) and (max-width:1200px){
 .rosary-module .rosary-workspace{width:76%}
 .rosary-module .rosary-visual{height:350px;min-height:350px}
 .rosary-module .rosary-prayer-card{padding:24px}
 .rosary-module .rosary-prayer-card h3{font-size:30px}
 .rosary-module .rosary-prayer-card p{font-size:16px}
}