.wln-pg{--ink:#17231e;--muted:#637068;--green:#1f6049;--green2:#2f7a5e;--cream:#f7f4ec;--line:#dce3dd;max-width:1140px;margin:0 auto;color:var(--ink);font-family:Mulish,system-ui,sans-serif}.wln-pg *{box-sizing:border-box}.wln-pg__app{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 14px 45px rgba(20,45,34,.09)}.wln-pg__hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px 34px;background:linear-gradient(135deg,#f8f5ed,#edf5ef)}.wln-pg h2,.wln-pg h3{font-family:Merriweather,serif;margin:.15em 0}.wln-pg__hero h2{font-size:clamp(25px,4vw,39px)}.wln-pg__eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:12px;color:var(--green);margin:0}.wln-pg__date,.wln-pg__guide-head p{margin:.3em 0;color:var(--muted)}.wln-pg__qibla{display:flex;align-items:center;gap:13px;min-width:175px}.wln-pg__qibla span:last-child{display:grid}.wln-pg__qibla small,.wln-pg__qibla em{color:var(--muted);font-size:11px;font-style:normal}.wln-pg__qibla strong{font-size:20px}.wln-pg__compass{display:grid;place-items:center;width:55px;height:55px;border:1px solid #b8c9be;border-radius:50%;font-size:27px;color:var(--green);background:#fff;transform-origin:center}.wln-pg__next{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;padding:22px 34px;background:var(--green);color:#fff}.wln-pg__next div{display:grid;align-content:center}.wln-pg__next div>span:first-child{font-size:12px;text-transform:uppercase;letter-spacing:.12em;opacity:.8}.wln-pg__next strong{font-family:Merriweather,serif;font-size:25px}.wln-pg__next [data-next-time]{font-weight:800}.wln-pg__next small{opacity:.82;margin-top:3px}.wln-pg__next small b{color:inherit}.wln-pg button{border:1px solid #cbd5ce;border-radius:999px;padding:11px 18px;font:inherit;font-weight:800;background:#fff;color:var(--ink);cursor:pointer}.wln-pg button:focus-visible{outline:3px solid #e9b949;outline-offset:3px}.wln-pg__primary{background:#f2c14e!important;border-color:#f2c14e!important;color:#17231e!important}.wln-pg__times{display:grid;grid-template-columns:repeat(6,1fr);padding:23px 24px 15px;gap:8px}.wln-pg__time{padding:14px 8px;text-align:center;border-radius:13px;border:1px solid transparent}.wln-pg__time.is-current{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 5px 14px rgba(31,96,73,.2)}.wln-pg__time.is-current span{color:#fff;opacity:.82}.wln-pg__time.is-next{background:#edf5ef;border-color:#bdd6c7}.wln-pg__time span{display:block;color:var(--muted);font-size:13px}.wln-pg__time strong{display:block;font-size:18px;margin-top:4px}.wln-pg__sunrise-note{font-size:12px;color:var(--muted);text-align:center;margin:0 20px 25px}.wln-pg__learn{display:grid;grid-template-columns:minmax(260px,1fr) 1.5fr;gap:28px;padding:30px 34px;border-top:1px solid var(--line);background:var(--cream)}.wln-pg__learn p{color:var(--muted)}.wln-pg__chooser{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-content:center}.wln-pg__chooser button{border-radius:12px;padding:13px 6px}.wln-pg__chooser button span{display:block;font-family:serif;font-size:18px}.wln-pg__footer{padding:13px 25px;text-align:center;color:var(--muted);font-size:11px}.wln-pg__footer p{margin:0}.wln-pg__dialog{width:min(760px,calc(100% - 20px));max-height:94vh;border:0;border-radius:20px;padding:0;box-shadow:0 25px 90px rgba(0,0,0,.25)}.wln-pg__dialog::backdrop{background:rgba(12,24,18,.72)}.wln-pg__dialog-inner{position:relative;padding:30px}.wln-pg__close{position:absolute;right:18px;top:15px;width:42px;height:42px;padding:0;font-size:27px;z-index:2}.wln-pg__guide-head{padding-right:50px;border-bottom:1px solid var(--line);padding-bottom:15px}.wln-pg__before{padding-top:15px}.wln-pg__before li{margin:7px 0}.wln-pg__cycle{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:13px;background:#edf5ef;border-radius:12px}.wln-pg__cycle span{font-weight:800}.wln-pg__cycle b{color:var(--green2)}.wln-pg__variation{font-size:13px;color:var(--muted)}.wln-pg__step{text-align:center;padding-top:16px}.wln-pg__progress{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-weight:800}.wln-pg__progressbar{height:5px;background:#e7ece8;border-radius:9px;margin:8px 0 22px}.wln-pg__progressbar span{display:block;height:100%;width:0;background:var(--green2);border-radius:9px}.wln-pg__movement{font-size:38px;min-height:45px}.wln-pg__term-ar{font-size:26px;color:var(--green);margin:7px 0 0}.wln-pg__step h3{font-size:27px}.wln-pg__instruction{max-width:590px;margin:8px auto 18px;color:var(--muted)}.wln-pg__recitation{padding:20px;background:var(--cream);border-radius:15px}.wln-pg__arabic{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:clamp(25px,5vw,36px);line-height:1.8;margin:0}.wln-pg__translit{font-family:Georgia,"Times New Roman",serif;font-style:normal;font-weight:600;font-size:16px;letter-spacing:.01em;line-height:1.5}.wln-pg__meaning{color:var(--muted);margin-bottom:0}.wln-pg__more{text-align:left;margin:16px 0;color:var(--muted)}.wln-pg__more summary{font-weight:800;color:var(--green);cursor:pointer}.wln-pg__controls{display:flex;justify-content:space-between;margin-top:20px}.wln-pg__fallback{padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff}.wln-pg__error{color:#7d2c2c;background:#fff4f2}
@media(max-width:760px){.wln-pg__hero{align-items:flex-start;padding:23px 19px}.wln-pg__qibla{min-width:130px}.wln-pg__compass{width:45px;height:45px}.wln-pg__next{grid-template-columns:1fr 1fr;padding:18px 19px}.wln-pg__next button{grid-column:1/-1}.wln-pg__times{grid-template-columns:repeat(3,1fr);padding:16px 12px 10px}.wln-pg__learn{grid-template-columns:1fr;padding:24px 19px}.wln-pg__chooser{grid-template-columns:repeat(3,1fr)}.wln-pg__dialog-inner{padding:25px 17px}.wln-pg__cycle{font-size:12px}.wln-pg__arabic{line-height:1.7}}
@media(max-width:450px){.wln-pg__hero{display:grid}.wln-pg__qibla{justify-self:start}.wln-pg__next{grid-template-columns:1fr 1fr}.wln-pg__next strong{font-size:20px}.wln-pg__time{padding:10px 3px}.wln-pg__chooser{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.wln-pg *{scroll-behavior:auto!important}}
.wln-pg .wln-pg__close{display:grid;place-items:center;padding:0!important;font-family:Arial,sans-serif!important;font-size:24px;line-height:1!important;text-align:center;text-indent:0}