:root{
 --ric-page-green:#063f31;
 --ric-page-green-2:#0a5a43;
 --ric-page-deep:#032b25;
 --ric-page-gold:#d7a63f;
 --ric-page-cream:#f7f4ea;
 --ric-page-ink:#17362c;
 --ric-page-muted:#63766e;
 --ric-page-radius:22px;
 --ric-page-shadow:0 16px 38px rgba(4,55,43,.10);
 --ric-page-max:1380px;
}
*{box-sizing:border-box}
body.ric-content-theme{
 margin:0;
 background:
   radial-gradient(circle at 10% 0%,rgba(215,166,63,.08),transparent 26rem),
   linear-gradient(180deg,#f8f8f3,#eef4ef 65%,#f8f7f2);
 color:var(--ric-page-ink);
}
body.ric-content-theme::before{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.07;
 background:
 linear-gradient(30deg,transparent 44%,rgba(7,75,56,.42) 45%,rgba(7,75,56,.42) 47%,transparent 48%),
 linear-gradient(-30deg,transparent 44%,rgba(215,166,63,.22) 45%,rgba(215,166,63,.22) 47%,transparent 48%);
 background-size:72px 72px
}
body.ric-content-theme[data-weather="night"]{background:linear-gradient(180deg,#071f1d,#e9f1ec 37%,#f8f7f2)}
body.ric-content-theme[data-weather="rain"]{background:linear-gradient(180deg,#173636,#e8f0eb 37%,#f8f7f2)}
body.ric-content-theme[data-weather="clouds"]{background:linear-gradient(180deg,#355554,#edf3ef 37%,#f8f7f2)}

.ric-legacy-shell-hidden{display:none!important}

/* ===== Unified header ===== */
.ric-global-header-v12{
 position:relative;z-index:100;background:#fff;color:#17362c;
 box-shadow:0 2px 18px rgba(0,0,0,.08)
}
.ric-global-utility{
 min-height:34px;background:#052f29;color:#f7f1df;display:flex;align-items:center;gap:23px;
 padding:0 clamp(14px,3.5vw,64px);font-size:.79rem;white-space:nowrap;overflow-x:auto;
 border-bottom:1px solid rgba(215,166,63,.28)
}
.ric-global-utility span{display:inline-flex;align-items:center;gap:6px}
.ric-global-nav{
 min-height:78px;padding:0 clamp(14px,3.5vw,64px);display:grid;grid-template-columns:auto 1fr auto;
 align-items:center;gap:20px;background:rgba(255,255,255,.97)
}
.ric-global-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#084331;min-width:0}
.ric-global-brand img{width:70px;height:64px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.10))}
.ric-global-brand-copy{display:flex;flex-direction:column;line-height:1.06}
.ric-global-brand-copy strong{font-size:1rem;letter-spacing:.015em}
.ric-global-brand-copy span{font-family:"Noto Naskh Arabic","Noto Sans Arabic",Tahoma,sans-serif;font-size:.85rem}
.ric-global-navlinks{display:flex;justify-content:center;gap:5px;align-items:center}
.ric-global-navlinks a{
 color:#183b2f;text-decoration:none;font-weight:760;font-size:.88rem;padding:10px 9px;border-radius:10px
}
.ric-global-navlinks a:hover,.ric-global-navlinks a:focus-visible{background:#edf5f1;color:#064c39}
.ric-global-actions{display:flex;align-items:center;gap:8px}
.ric-global-pill{
 display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:10px 14px;text-decoration:none;
 font-weight:850;background:#064a38;color:#fff;box-shadow:0 6px 17px rgba(6,74,56,.18)
}
.ric-global-pill.gold{background:linear-gradient(180deg,#f0c96c,#d7a63f);color:#1c2b23}
.ric-global-menu{display:none;border:0;background:transparent;font-size:1.45rem;cursor:pointer}

/* ===== Hero ===== */
.ric-page-hero{
 position:relative;overflow:hidden;color:#fff!important;margin:0!important;
 background:
 linear-gradient(135deg,rgba(3,46,37,.96),rgba(5,76,57,.82)),
 var(--ric-page-hero-image,linear-gradient(145deg,#064b3a,#092d2b));
 background-size:cover;background-position:center;
 border-top:1px solid rgba(215,166,63,.22);
 border-bottom:1px solid rgba(215,166,63,.55)
}
.ric-page-hero::before{
 content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;
 background:
 radial-gradient(circle at 78% 38%,rgba(215,166,63,.28),transparent 18rem),
 repeating-conic-gradient(from 0deg at 100% 0%,rgba(215,166,63,.14) 0 2deg,transparent 2deg 20deg)
}
.ric-page-hero-inner{
 max-width:var(--ric-page-max);margin:0 auto;padding:clamp(44px,6vw,76px) clamp(16px,4vw,58px);
 display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;position:relative;z-index:2
}
.ric-page-breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;font-size:.78rem;margin-bottom:16px;color:#d9e8e2!important}
.ric-page-breadcrumbs a{color:#f1d583!important;text-decoration:none}
.ric-page-eyebrow{color:#f1cb67!important;font-weight:900;letter-spacing:.14em;font-size:.78rem}
body.ric-content-theme .ric-page-hero .ric-page-title{
 color:#fff!important;background:none!important;
 font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,5vw,4.9rem);
 line-height:.98;margin:.12em 0 .22em;letter-spacing:-.035em;text-shadow:0 4px 24px rgba(0,0,0,.18)
}
body.ric-content-theme .ric-page-hero .ric-page-arabic{
 color:#f6d98c!important;background:none!important;
 font-family:"Noto Naskh Arabic","Noto Sans Arabic",Tahoma,sans-serif;
 font-size:clamp(1.55rem,3vw,2.6rem);line-height:1.55;direction:rtl;text-align:left;margin:.2em 0
}
body.ric-content-theme .ric-page-hero .ric-page-subtitle{
 max-width:800px;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.7;color:#e4efea!important;
 background:none!important
}
.ric-page-icon3d{
 width:112px;height:112px;border-radius:30px;display:grid;place-items:center;color:#0a6046;
 background:linear-gradient(145deg,#fffef8,#e3eee6)!important;
 border:1px solid rgba(215,166,63,.65);
 box-shadow:inset 12px 12px 20px rgba(255,255,255,.92),inset -10px -10px 22px rgba(7,74,56,.15),0 24px 45px rgba(0,0,0,.28);
 transform:rotateX(8deg) rotateY(-8deg);animation:ricPageFloat 5s ease-in-out infinite
}
.ric-page-icon3d svg{width:68px;height:68px}
@keyframes ricPageFloat{0%,100%{transform:rotateX(8deg) rotateY(-8deg) translateY(0)}50%{transform:rotateX(4deg) rotateY(-4deg) translateY(-7px)}}
.ric-page-weather{display:inline-flex;align-items:center;gap:6px;margin-top:13px;font-size:.83rem;color:#cfe0d9!important}

/* ===== Quick links ===== */
.ric-page-quicklinks{
 max-width:var(--ric-page-max);margin:-24px auto 28px;padding:0 clamp(16px,4vw,58px);position:relative;z-index:4
}
.ric-page-quicklinks-inner{
 display:flex;flex-wrap:wrap;gap:10px;background:#fff;border:1px solid #dce6e0;border-radius:18px;
 padding:14px;box-shadow:var(--ric-page-shadow)
}
.ric-page-quicklinks a{
 color:#0b513e!important;text-decoration:none;font-weight:800;background:#edf5f1!important;border:1px solid #dbe8e1;
 padding:10px 14px;border-radius:999px
}
.ric-page-quicklinks a:hover{background:#0a5a43!important;color:#fff!important}

/* ===== Existing page content containment ===== */
body.ric-content-theme main,
body.ric-content-theme .container,
body.ric-content-theme .content,
body.ric-content-theme .page-content{
 max-width:var(--ric-page-max);margin-left:auto;margin-right:auto
}
body.ric-content-theme main{
 padding-left:clamp(14px,3vw,38px);padding-right:clamp(14px,3vw,38px);
 padding-top:0!important
}
body.ric-content-theme main h1,
body.ric-content-theme main h2,
body.ric-content-theme main h3{
 color:#083f31
}
body.ric-content-theme main h2{font-family:Georgia,"Times New Roman",serif}
body.ric-content-theme main section,
body.ric-content-theme main .card,
body.ric-content-theme main .panel,
body.ric-content-theme main .content-card{
 border-radius:18px
}
body.ric-content-theme main table{
 width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #dfe8e3;border-radius:16px;overflow:hidden
}
body.ric-content-theme main th{background:#084b39;color:#fff;text-align:left;padding:12px}
body.ric-content-theme main td{padding:11px 12px;border-bottom:1px solid #e8eeea}
body.ric-content-theme main tr:last-child td{border-bottom:0}

/* Browser-selected text on the existing prayer page is deliberately gold.
   Keep it readable but less visually harsh. */
body.ric-content-theme ::selection{background:rgba(215,166,63,.56);color:#142b23}

/* If the existing page uses <mark>, make it an elegant accent instead of a blocky highlight. */
body.ric-content-theme main mark{
 background:rgba(215,166,63,.20)!important;color:inherit!important;
 padding:.02em .12em!important;border-radius:.18em!important;
 -webkit-box-decoration-break:clone;box-decoration-break:clone
}

/* ===== Unified footer ===== */
.ric-global-footer-v12{
 margin-top:42px;background:#043428;color:#dce9e3;padding:34px clamp(16px,4vw,58px) 18px;
 border-top:2px solid rgba(215,166,63,.55)
}
.ric-global-footer-grid{max-width:var(--ric-page-max);margin:auto;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:24px}
.ric-global-footer-v12 h4{margin:0 0 11px;color:#fff}
.ric-global-footer-v12 a{display:block;color:#c8d9d2;text-decoration:none;margin:7px 0;font-size:.86rem}
.ric-global-footer-v12 p{color:#c8d9d2}
.ric-global-footer-bottom{
 max-width:var(--ric-page-max);margin:24px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);
 display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:.78rem;color:#afc5bc
}

@media(max-width:1050px){
 .ric-global-nav{grid-template-columns:1fr auto}
 .ric-global-navlinks{display:none;grid-column:1/-1;flex-direction:column;align-items:stretch;padding:10px 0}
 .ric-global-navlinks.is-open{display:flex}
 .ric-global-navlinks a{display:block;width:100%}
 .ric-global-menu{display:block}
 .ric-global-footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}
}
@media(max-width:800px){
 .ric-page-hero-inner{grid-template-columns:1fr}
 .ric-page-icon3d{width:88px;height:88px;border-radius:24px}
 .ric-page-icon3d svg{width:54px;height:54px}
 .ric-global-brand-copy{display:none}
 .ric-global-actions .gold{display:none}
}
@media(max-width:620px){
 .ric-global-nav{padding:0 12px;min-height:68px}
 .ric-global-brand img{width:58px;height:54px}
 .ric-page-hero-inner{padding:38px 16px 54px}
 .ric-page-quicklinks{padding:0 12px}
 .ric-global-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
 .ric-global-footer-grid{grid-template-columns:1fr}
 .ric-global-pill{padding:9px 11px;font-size:.78rem}
}
@media(prefers-reduced-motion:reduce){.ric-page-icon3d{animation:none}}