*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0}.preview-content{min-height:55vh} .preview-placeholder{padding:24px;border:1px dashed #b59d66;background:#f7f3e9;color:#263d45;border-radius:12px;text-align:center;font:14px/1.7 Arial,sans-serif}.preview-placeholder b{display:block;margin-bottom:6px}.content-shell{max-width:1160px;margin:auto;padding:64px 24px;color:#213a45;font:16px/1.85 Arial,sans-serif}.content-shell h1{font:clamp(38px,6vw,66px)/1.1 Georgia,serif;margin:14px 0 24px;letter-spacing:-1.7px}.content-shell h2{font:32px/1.25 Georgia,serif}.content-shell h3{font:24px/1.3 Georgia,serif}.content-shell .eyebrow{font:11px/1.4 Arial,sans-serif;letter-spacing:2px;color:#947b40}.intro-lead{max-width:750px;font-size:19px;color:#536970}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:38px 0}.content-card{padding:28px;border:1px solid #d9dedb;border-radius:16px;background:#fff}.content-card .number{font:12px Arial;color:#9c8248}.content-card a,.content-action{display:inline-block;color:#213a45;font-weight:bold;text-decoration:none;border-bottom:1px solid #b49a60;margin:12px 0}.content-hero-image{width:100%;height:350px;object-fit:cover;border-radius:18px;margin-top:30px}.content-panel{padding:32px;background:#f0f3f0;border-radius:18px;margin:30px 0}.content-shell label{display:block;margin:18px 0 6px}.content-shell input,.content-shell textarea,.content-shell select{width:100%;padding:14px;border:1px solid #bfcac7;border-radius:8px;font:16px Arial;background:white}.content-shell button{border:0;background:#213a45;color:white;border-radius:8px;padding:15px 25px;font:600 15px Arial;cursor:pointer}.content-shell details{padding:20px 0;border-bottom:1px solid #d9dedb}.content-shell summary{cursor:pointer;font-weight:bold}.prose{max-width:850px}.content-shell a:focus-visible,.content-shell button:focus-visible{outline:3px solid #a58b51;outline-offset:4px}@media(max-width:760px){.content-shell{padding:38px 20px}.content-grid{grid-template-columns:1fr}.content-hero-image{height:220px}.content-panel{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Live-site readability and responsive layout corrections. */
[hidden]{display:none!important}

body[data-page=""] .timecard{padding:28px 10px 18px;min-height:175px}
body[data-page=""] .timecard b{font-size:16px;margin-bottom:12px}
body[data-page=""] .timecard small{font-size:13px;color:#c6d5d7}
body[data-page=""] .timecard strong{font-size:29px;line-height:1.2;margin:6px 0 12px;font-variant-numeric:tabular-nums}
body[data-page=""] .timecard em{font-size:10px;top:6px;right:6px}
body[data-page=""] .date-center strong{font-size:18px}
body[data-page=""] .date-center small{font-size:14px}
body[data-page=""] .date-nav button{width:44px;height:44px;font-size:23px}
body[data-page=""] .next .count{font-size:38px}
body[data-page=""] .next strong{font-size:26px}
body[data-page=""] .jumuah{font-size:18px}
body[data-page=""] .jumuah small{font-size:14px}
body[data-page="prayer-times"] .name{font-size:18px}
body[data-page="prayer-times"] .time{font-size:clamp(34px,5vw,46px)}
body[data-page="prayer-times"] .sub{font-size:14px;line-height:1.6}
body[data-page="prayer-times"] .tag{font-size:12px}
body[data-page="prayer-times"] .card{min-height:165px}
body[data-page="prayer-times"] .date{font-size:16px}
body[data-page="prayer-times"] .hijri,body[data-page="prayer-times"] .today{font-size:14px}
body[data-page="prayer-times"] .panel b{font-size:15px}
body[data-page="prayer-times"] .panel div{font-size:21px}
body[data-page="prayer-times"] .link{font-size:14px}
body[data-page="donate"] .stripe-host,body[data-page="donate"] .pricing-host{min-height:0}
body[data-page="donate"] .pricing-host{padding:0;margin:20px 0}
body[data-page="donate"] .payment-embed{align-self:stretch;justify-content:center}
@media(min-width:851px){body[data-page=""] #prayer .two{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
@media(max-width:850px){body[data-page=""] .hero-art.hero-photo{display:block;height:330px;min-height:0;padding:0}body[data-page=""] .hero-art.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}}
@media(max-width:560px){body[data-page=""] .prayer-shell{padding:19px 14px}body[data-page=""] .timecard{min-height:190px}body[data-page=""] .timecard strong{font-size:31px}body[data-page=""] .date-nav{gap:8px}}
@media(max-width:560px){body[data-page=""] .date-center{min-width:0;flex:1}body[data-page=""] .date-center strong{overflow-wrap:anywhere}body[data-page=""] .date-nav button{flex-shrink:0}}