/* public/assets/ric-home-demo/prayers.css */
/* RIC Prayer Times Live Scenes v20260822.10
   Layout correction:
   - true full-width desktop row
   - all six prayer scenes visible at once on normal desktop
   - compact height so Prayer Times does not dominate the page
   - fixes malformed v5 responsive CSS that accidentally forced 3 columns
   - keeps time-of-day ambient, +/-10 minute prayer window and hover behavior
*/

.ric-home .ric-prayer-shell{
  display:block!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px clamp(14px,1.5vw,26px) 20px!important;
  box-sizing:border-box!important;
  background:transparent!important;
  overflow:hidden!important;
}

.ric-home .ric-prayer-shell > .ric-prayer-card.ric-prayer-live{
  --ric-ambient-a:.08;
  --ric-ambient-rgb:31,92,72;
  --ric-ambient-rgb-2:216,188,91;

  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:8px 0 10px!important;
  box-sizing:border-box!important;

  display:grid!important;
  grid-template-columns:
    minmax(190px,235px)
    minmax(0,1fr)
    minmax(185px,215px)!important;
  grid-template-areas:
    "intro scenes adhan"
    "jumuah jumuah jumuah"!important;
  gap:10px!important;
  align-items:stretch!important;

  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  transform:none!important;

  background:
    radial-gradient(circle at 48% 44%,rgba(var(--ric-ambient-rgb),var(--ric-ambient-a)),transparent 49%),
    radial-gradient(circle at 78% 35%,rgba(var(--ric-ambient-rgb-2),calc(var(--ric-ambient-a) * .55)),transparent 38%)!important;
  border:0!important;
  border-radius:22px!important;
  box-shadow:none!important;
  transition:background .7s ease,filter .7s ease!important;
}

/* Ambient palette follows the time of day / hovered prayer. */
.ric-home .ric-prayer-live[data-ambient-scene="fajr"]{
  --ric-ambient-rgb:52,78,128;
  --ric-ambient-rgb-2:195,210,229;
}
.ric-home .ric-prayer-live[data-ambient-scene="shuruq"]{
  --ric-ambient-rgb:231,156,124;
  --ric-ambient-rgb-2:246,204,100;
}
.ric-home .ric-prayer-live[data-ambient-scene="dhuhr"]{
  --ric-ambient-rgb:72,170,221;
  --ric-ambient-rgb-2:243,224,120;
}
.ric-home .ric-prayer-live[data-ambient-scene="asr"]{
  --ric-ambient-rgb:204,149,75;
  --ric-ambient-rgb-2:238,195,106;
}
.ric-home .ric-prayer-live[data-ambient-scene="maghrib"]{
  --ric-ambient-rgb:214,74,49;
  --ric-ambient-rgb-2:128,42,73;
}
.ric-home .ric-prayer-live[data-ambient-scene="isha"]{
  --ric-ambient-rgb:29,50,96;
  --ric-ambient-rgb-2:108,127,169;
}
.ric-home .ric-prayer-live[data-ambient-scene="jumuah"]{
  --ric-ambient-rgb:31,111,77;
  --ric-ambient-rgb-2:220,184,72;
}

.ric-home .ric-prayer-live.is-prayer-window{
  --ric-ambient-a:.24;
  filter:saturate(1.05)!important;
}
.ric-home .ric-prayer-live.is-card-hover{
  --ric-ambient-a:.18;
}

.ric-home .ric-prayer-live::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-8px -12px;
  border-radius:26px;
  opacity:0;
  pointer-events:none;
  background:
    linear-gradient(
      115deg,
      transparent 0%,
      rgba(var(--ric-ambient-rgb),.10) 29%,
      rgba(var(--ric-ambient-rgb-2),.14) 50%,
      rgba(var(--ric-ambient-rgb),.09) 70%,
      transparent 100%
    );
  transform:translateX(-3%);
  transition:opacity .55s ease;
}
.ric-home .ric-prayer-live.is-prayer-window::before,
.ric-home .ric-prayer-live.is-card-hover::before{
  opacity:1;
  animation:ric-ambient-drift 7s ease-in-out infinite alternate;
}
@keyframes ric-ambient-drift{
  from{transform:translate3d(-2%,0,0) scale(1)}
  to{transform:translate3d(2%,-1%,0) scale(1.02)}
}

/* Left information area */
.ric-home .ric-prayer-intro{
  grid-area:intro!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:8px 8px 8px 4px!important;
  color:#173d31!important;
  text-align:left!important;
  background:transparent!important;
}
.ric-home .ric-prayer-intro h2{
  margin:0 0 10px!important;
  color:#173d31!important;
  font-size:clamp(1.55rem,1.8vw,2.05rem)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
}
.ric-home .ric-prayer-intro p{
  margin:2px 0!important;
  color:#68766f!important;
  font-size:.82rem!important;
  line-height:1.28!important;
}
.ric-home .ric-prayer-location-note{
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(23,61,49,.14)!important;
}
.ric-home .ric-prayer-location-note b{color:#07855e!important}

/* Six scenes stay in one row on normal desktops. */
.ric-home .ric-prayer-grid.ric-prayer-scenes{
  grid-area:scenes!important;
  min-width:0!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;
  align-items:stretch!important;
  overflow:visible!important;
}

.ric-home .ric-prayer.ric-scene-card{
  --ric-hover-rgb:55,106,139;
  position:relative!important;
  isolation:isolate!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:286px!important;
  padding:0!important;
  overflow:hidden!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;

  color:#fff!important;
  background:#123b30!important;
  border:1px solid rgba(8,37,29,.20)!important;
  border-radius:15px!important;
  box-shadow:0 7px 18px rgba(15,49,38,.11)!important;
  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    box-shadow .35s,
    border-color .35s,
    filter .35s!important;
}

.ric-home .ric-scene-card[data-scene="fajr"]{--ric-hover-rgb:45,77,135}
.ric-home .ric-scene-card[data-scene="shuruq"]{--ric-hover-rgb:230,149,108}
.ric-home .ric-scene-card[data-scene="dhuhr"]{--ric-hover-rgb:50,163,217}
.ric-home .ric-scene-card[data-scene="asr"]{--ric-hover-rgb:199,139,61}
.ric-home .ric-scene-card[data-scene="maghrib"]{--ric-hover-rgb:206,66,45}
.ric-home .ric-scene-card[data-scene="isha"]{--ric-hover-rgb:25,45,90}

.ric-home .ric-prayer.ric-scene-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:rgba(var(--ric-hover-rgb),0);
  transition:background .35s ease;
}
.ric-home .ric-prayer.ric-scene-card:hover{
  transform:translateY(-5px) scale(1.012)!important;
  border-color:rgba(var(--ric-hover-rgb),.82)!important;
  box-shadow:
    0 0 0 3px rgba(var(--ric-hover-rgb),.13),
    0 15px 28px rgba(15,49,38,.20)!important;
  filter:saturate(1.12) brightness(1.04)!important;
}
.ric-home .ric-prayer.ric-scene-card:hover::before{
  background:rgba(var(--ric-hover-rgb),.22);
}
.ric-home .ric-prayer.ric-scene-card:hover .ric-scene-visual img{
  animation-duration:6s!important;
  transform:scale(1.08);
}

.ric-home .ric-scene-card.is-prayer-window-card{
  border-color:rgba(var(--ric-hover-rgb),.92)!important;
  box-shadow:
    0 0 0 3px rgba(var(--ric-hover-rgb),.15),
    0 13px 28px rgba(var(--ric-hover-rgb),.19)!important;
}
.ric-home .ric-scene-card.is-prayer-window-card::before{
  background:rgba(var(--ric-hover-rgb),.13);
  animation:ric-card-breathe 3.8s ease-in-out infinite alternate;
}
.ric-home .ric-scene-card.is-prayer-window-card .ric-scene-visual img{
  animation-duration:6.5s!important;
}
@keyframes ric-card-breathe{
  from{opacity:.62}
  to{opacity:1}
}

.ric-home .ric-scene-visual{
  position:absolute!important;
  inset:0!important;
  z-index:-4!important;
  overflow:hidden!important;
  background:#153d31!important;
}
.ric-home .ric-scene-visual img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.02);
  animation:ric-scene-parallax 13s ease-in-out infinite alternate;
  transition:filter .35s ease,transform .35s ease;
}
@keyframes ric-scene-parallax{
  from{transform:scale(1.02) translate3d(-.2%,0,0)}
  to{transform:scale(1.065) translate3d(.45%,-.25%,0)}
}

.ric-home .ric-scene-shade{
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:linear-gradient(
    to bottom,
    rgba(0,0,0,.01) 22%,
    rgba(0,0,0,.05) 46%,
    rgba(0,0,0,.82) 100%
  )!important;
}

.ric-home .ric-scene-copy{
  position:relative!important;
  z-index:3!important;
  padding:10px 6px 10px!important;
  text-align:center!important;
  color:#fff!important;
  text-shadow:0 2px 7px rgba(0,0,0,.72)!important;
}
.ric-home .ric-scene-copy strong{
  display:block!important;
  color:#fff!important;
  font-size:.87rem!important;
  line-height:1.05!important;
}
.ric-home .ric-scene-sub{
  display:block!important;
  min-height:23px!important;
  margin-top:2px!important;
  color:rgba(255,255,255,.96)!important;
  font-size:.62rem!important;
  line-height:1.08!important;
  font-weight:850!important;
}
.ric-home .ric-scene-copy .adhan{
  margin:7px 0 3px!important;
  color:#fff!important;
  font-size:1.12rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
}
.ric-home .ric-scene-copy .iqamah{
  color:rgba(255,255,255,.91)!important;
  font-size:.60rem!important;
  line-height:1.15!important;
}
.ric-home .ric-sign-chip{
  display:inline-flex!important;
  justify-content:center!important;
  max-width:96%!important;
  margin:6px auto 0!important;
  padding:3px 5px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  background:rgba(5,24,20,.46)!important;
  color:#fff!important;
  font-size:.49rem!important;
  line-height:1.10!important;
  font-weight:850!important;
  text-shadow:0 1px 4px rgba(0,0,0,.65)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
.ric-home .ric-special-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:5px auto 0!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  background:#e8c75a!important;
  color:#173d31!important;
  font-size:.48rem!important;
  font-weight:950!important;
  text-shadow:none!important;
}

/* Status badges */
.ric-home .ric-scene-status{
  position:absolute!important;
  top:6px!important;
  right:6px!important;
  z-index:7!important;
  display:none;
  align-items:center!important;
  padding:4px 6px!important;
  border-radius:999px!important;
  font-size:.51rem!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  text-shadow:none!important;
  box-shadow:0 4px 10px rgba(0,0,0,.15)!important;
}
.ric-home .ric-scene-card.is-live .ric-scene-status{
  display:inline-flex!important;
  background:#18a968!important;
  color:#fff!important;
}
.ric-home .ric-scene-card.is-next .ric-scene-status{
  display:inline-flex!important;
  background:#e2bd49!important;
  color:#173d31!important;
}
.ric-home .ric-scene-card.is-prayer-window-card:not(.is-live):not(.is-next) .ric-scene-status{
  display:inline-flex!important;
  background:#e2bd49!important;
  color:#173d31!important;
}

.ric-home .ric-scene-card.is-live{
  transform:translateY(-4px) scale(1.012)!important;
  border-color:#27b978!important;
  box-shadow:
    0 0 0 3px rgba(39,185,120,.14),
    0 14px 30px rgba(27,127,89,.23)!important;
}
.ric-home .ric-scene-card.is-next:not(.is-live){
  border-color:#d4af36!important;
  box-shadow:
    0 0 0 2px rgba(212,175,54,.12),
    0 10px 22px rgba(72,57,11,.12)!important;
}
.ric-home .ric-scene-card.is-special-now{
  border-color:#e8c75a!important;
  box-shadow:
    0 0 0 3px rgba(232,199,90,.11),
    0 11px 24px rgba(133,94,15,.15)!important;
}

.ric-home .ric-scene-loop{
  position:absolute!important;
  right:5px!important;
  bottom:5px!important;
  z-index:7!important;
  width:17px!important;
  height:17px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.68)!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.22)!important;
  color:#fff!important;
  font-size:.58rem!important;
  line-height:1!important;
  text-shadow:0 1px 4px rgba(0,0,0,.6)!important;
  animation:ric-loop-spin 7s linear infinite!important;
}
@keyframes ric-loop-spin{to{transform:rotate(360deg)}}

/* Adhan control */
.ric-home .ric-prayer-card .ric-adhan-box{
  grid-area:adhan!important;
  min-width:0!important;
  min-height:100%!important;
  padding:15px 13px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  border-radius:15px!important;
  background:linear-gradient(155deg,#174f3d,#0d3e31)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.07),
    0 7px 18px rgba(15,49,38,.09)!important;
}
.ric-home .ric-prayer-card .ric-adhan-box strong{font-size:.95rem!important}
.ric-home .ric-prayer-card .ric-adhan-box small{font-size:.70rem!important;line-height:1.3!important}
.ric-home .ric-prayer-card .ric-wave{
  position:relative!important;
  overflow:hidden!important;
}
.ric-home .ric-prayer-card .ric-wave::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  transform:translateX(-115%);
  animation:ric-wave-scan 2.8s linear infinite;
}
@keyframes ric-wave-scan{to{transform:translateX(115%)}}

/* Jumu'ah stays compact across the full row. */
.ric-home .ric-jumuah-strip{
  grid-area:jumuah!important;
  min-height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:6px 12px!important;
  border:1px solid rgba(19,64,51,.15)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.35)!important;
  color:#173f32!important;
  font-size:.82rem!important;
  font-weight:900!important;
  box-shadow:none!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
.ric-home .ric-jumuah-strip .gold{color:#c7a232!important}
.ric-home .ric-jumuah-status{
  display:none;
  padding:3px 6px;
  border-radius:999px;
  background:#e2bd49;
  color:#173d31;
  font-size:.56rem;
  font-weight:950;
}
.ric-home .ric-jumuah-strip.is-friday{
  border-color:#d9b33e!important;
  background:rgba(255,251,229,.50)!important;
}
.ric-home .ric-jumuah-strip.is-friday .ric-jumuah-status{display:inline-flex!important}
.ric-home .ric-jumuah-strip.is-jumuah-live{
  border-color:#20ad70!important;
  background:rgba(239,255,247,.55)!important;
}
.ric-home .ric-jumuah-strip.is-jumuah-live .ric-jumuah-status{
  background:#1eaa6d!important;
  color:#fff!important;
}

/* Large desktop: title + six scenes + audio in one row. */
@media(min-width:1500px){
  .ric-home .ric-prayer-grid.ric-prayer-scenes{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}

/* Normal laptop / desktop:
   keep ALL six prayer scenes visible in one full-width row.
   Move the intro and Prayer Audio above the scene row instead of squeezing cards. */
@media(max-width:1499px) and (min-width:901px){
  .ric-home .ric-prayer-shell > .ric-prayer-card.ric-prayer-live{
    grid-template-columns:minmax(0,1fr) minmax(190px,225px)!important;
    grid-template-areas:
      "intro adhan"
      "scenes scenes"
      "jumuah jumuah"!important;
    gap:9px!important;
  }

  .ric-home .ric-prayer-intro{
    min-height:118px!important;
    display:grid!important;
    grid-template-columns:minmax(180px,260px) repeat(2,minmax(120px,auto)) minmax(210px,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:14px!important;
    row-gap:4px!important;
  }
  .ric-home .ric-prayer-intro h2{
    grid-row:1/-1!important;
    margin:0!important;
  }
  .ric-home .ric-prayer-location-note{
    margin:0!important;
    padding:0!important;
    border-top:0!important;
  }
  .ric-home .ric-scene-quality-control{
    margin:0!important;
    padding:0!important;
    border-top:0!important;
    align-self:center!important;
  }

  .ric-home .ric-prayer-grid.ric-prayer-scenes{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .ric-home .ric-prayer.ric-scene-card{
    min-height:276px!important;
  }
  .ric-home .ric-prayer-card .ric-adhan-box{
    min-height:118px!important;
  }
}

/* Tablet: two rows of three. */
@media(max-width:900px) and (min-width:621px){
  .ric-home .ric-prayer-shell > .ric-prayer-card.ric-prayer-live{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "intro"
      "scenes"
      "adhan"
      "jumuah"!important;
    gap:9px!important;
  }
  .ric-home .ric-prayer-intro{
    display:block!important;
    min-height:0!important;
  }
  .ric-home .ric-prayer-grid.ric-prayer-scenes{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .ric-home .ric-prayer.ric-scene-card{
    min-height:270px!important;
  }
  .ric-home .ric-prayer-card .ric-adhan-box{
    min-height:118px!important;
  }
}

/* Mobile: swipe six compact cards horizontally. */
@media(max-width:620px){
  .ric-home .ric-prayer-shell{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:10px 9px 17px!important;
    overflow:hidden!important;
  }
  .ric-home .ric-prayer-shell > .ric-prayer-card.ric-prayer-live{
    width:100%!important;
    grid-template-columns:1fr!important;
    grid-template-areas:
      "intro"
      "scenes"
      "adhan"
      "jumuah"!important;
    gap:9px!important;
    padding:4px!important;
  }
  .ric-home .ric-prayer-intro{
    display:block!important;
  }
  .ric-home .ric-prayer-grid.ric-prayer-scenes{
    grid-template-columns:repeat(6,minmax(146px,1fr))!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    padding:3px 2px 9px!important;
  }
  .ric-home .ric-prayer.ric-scene-card{
    min-height:286px!important;
    scroll-snap-align:center!important;
  }
  .ric-home .ric-jumuah-strip{
    font-size:.78rem!important;
    text-align:center!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ric-home .ric-scene-visual img,
  .ric-home .ric-scene-loop,
  .ric-home .ric-prayer-card .ric-wave::after,
  .ric-home .ric-prayer-live::before,
  .ric-home .ric-scene-card::before{
    animation:none!important;
  }
}
.ric-home .ric-scenes-paused .ric-scene-visual img,
.ric-home .ric-scenes-paused .ric-scene-loop,
.ric-home .ric-scenes-paused .ric-prayer-card .ric-wave::after,
.ric-home .ric-scenes-paused::before{
  animation-play-state:paused!important;
}

/* public/assets/ric-home-demo/demo.css */
:root{--emerald:#073e35;--deep:#032b25;--gold:#e6c780;--ivory:#f8f6ee;--ink:#163d34;--cyan:#66e1ea;color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body.demo-home{margin:0;background:var(--ivory);color:var(--ink);overflow-x:clip}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:0}button,a,input,summary{outline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #17a697}p{line-height:1.7;max-width:65ch}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.9rem,3.2vw,3.2rem);line-height:1.12;letter-spacing:-.04em}h3{line-height:1.3}main{width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.demo-skip{position:fixed;left:15px;top:-100px;z-index:20;background:white;padding:15px}.demo-skip:focus{top:15px}.demo-status{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 25px;background:var(--deep);color:#e9f1e9;padding:12px clamp(16px,3vw,52px);font-size:.76rem;min-height:42px}.demo-status a{color:var(--gold)}.demo-nav{display:flex;align-items:center;gap:25px;justify-content:space-between;padding:20px clamp(16px,3vw,52px);border-bottom:1px solid #0c48351a;flex-wrap:wrap}.demo-brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:clamp(.95rem,1.4vw,1.35rem)}.demo-brand small{display:block;letter-spacing:.2em;font-size:.57rem;font-weight:600;margin-top:6px}.demo-mark{font-size:2.5rem;color:#8c702d}.demo-nav nav{display:flex;gap:clamp(14px,2vw,35px);flex-wrap:wrap;font-size:.85rem;font-weight:650}.demo-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:8px;font-weight:700;font-size:.88rem;min-height:48px}.gold{background:var(--gold);color:#17382a}.outline{color:inherit;background:transparent;border:1px solid currentColor}.demo-search-shell{padding:16px clamp(16px,3vw,52px);position:relative;z-index:8}.demo-search{display:flex;align-items:center;gap:20px;background:white;border:1px solid #c8d4cc;border-radius:10px;padding:8px 12px;box-shadow:0 5px 20px #073e3505}.demo-search label{font-weight:750;white-space:nowrap}.demo-search input{flex:1;width:0;min-width:0;min-height:44px;border:0;background:transparent;color:var(--ink)}.demo-search button{background:var(--emerald);color:white;padding:13px 17px;border-radius:7px}.demo-results{position:absolute;top:calc(100% - 12px);left:clamp(16px,3vw,52px);right:clamp(16px,3vw,52px);background:white;max-height:420px;overflow:auto;border:1px solid #c8d4cc;box-shadow:0 12px 35px #032b2530;border-radius:10px;padding:15px}.demo-results a{display:block;padding:12px;border-radius:7px}.demo-results a:hover,.demo-results a:focus{background:#eef5f0}.demo-results small{display:block;color:#647b6e}.demo-hero{background:radial-gradient(ellipse at 72% 20%,#226d504d,transparent 65%),var(--emerald);color:var(--ivory);display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(25px,4vw,70px);padding:clamp(35px,5vw,85px) clamp(16px,3vw,52px);position:relative;isolation:isolate;overflow:hidden}.demo-hero:before{content:'';position:absolute;inset:0;opacity:.06;background-image:linear-gradient(45deg,transparent 48%,#e6c780 49%,#e6c780 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,#e6c780 49%,#e6c780 51%,transparent 52%);background-size:80px 80px;z-index:-1}.demo-kicker{display:block;color:#887139;font-weight:750;letter-spacing:.17em;font-size:.66rem;margin-bottom:18px}.demo-hero .demo-kicker,.demo-expansion .demo-kicker,.demo-season .demo-kicker{color:var(--gold)}.demo-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.5rem,4.5vw,5.2rem);line-height:1.05;letter-spacing:-.045em;margin-bottom:22px}.demo-hero h1 em{color:var(--gold);font-weight:400}.demo-lead{font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.45}.demo-hero-copy>p:not(.demo-lead){color:#c6ddd0;font-size:.93rem}.demo-actions{display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap;margin:26px 0}.demo-type-line{display:flex;align-items:center;gap:15px;flex-wrap:wrap;min-height:64px;color:var(--gold);font-size:.85rem}.demo-type-line button{color:#d2e2d7;background:transparent;text-decoration:underline;font-size:.7rem;min-height:44px}.demo-visit{font-size:.75rem;color:#bed4c8;display:flex;flex-wrap:wrap;gap:12px;line-height:1.7}.demo-visit a{color:var(--gold)}.demo-mosaic{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(125px,1fr));gap:12px;align-self:center;perspective:1000px;min-width:0}.demo-arch{grid-column:2/4;grid-row:2/4;border:1px solid #dbbd7759;border-radius:150px 150px 15px 15px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#25705899,transparent);box-shadow:inset 0 0 30px #e6c78014;pointer-events:none}.demo-arch span{font-family:Georgia,serif;font-size:5rem;color:var(--gold)}.demo-arch small{letter-spacing:.15em;font-size:.6rem}.demo-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:17px 10px;gap:9px;border:1px solid #cbcc9152;border-radius:13px;background:linear-gradient(140deg,#24614ddd,#073e35);box-shadow:0 12px 25px #001e2555;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s,border-color .25s;isolation:isolate;min-width:0}.demo-tile:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--px,50%) var(--py,30%),#e7d18e33,transparent 70%);border-radius:inherit;z-index:-1}.demo-tile:hover,.demo-tile:focus-visible{border-color:var(--gold)}.demo-icon{font-size:2rem;color:#f3d99d;text-shadow:0 2px #76592c,0 5px 10px #001d14;transform:translateZ(22px);line-height:1}.demo-tile strong{font-size:.77rem;transform:translateZ(12px)}.demo-tile-description{font-size:.6rem;color:#c6dccb;line-height:1.4;max-width:17ch}.tile-4{grid-column:1;grid-row:2}.tile-5{grid-column:4;grid-row:2}.tile-6{grid-column:1;grid-row:3}.tile-7{grid-column:4;grid-row:3}.tile-8{grid-column:2;grid-row:4}.tile-9{grid-column:3;grid-row:4}.demo-mosaic.is-assembled .demo-tile{animation:assemble .8s both;animation-delay:calc(var(--piece)*55ms)}@keyframes assemble{from{opacity:.3;translate:0 15px;scale:.96}to{opacity:1;translate:0;scale:1}}.demo-today{display:grid;grid-template-columns:1.05fr repeat(3,1fr);gap:22px;padding:30px clamp(16px,3vw,52px);border-bottom:1px solid #c8d4cc;background:#eeeee3}.demo-today h2{font-size:1.4rem;margin:0}.demo-today .demo-kicker{margin-bottom:9px}.demo-today>a{display:flex;flex-direction:column;gap:9px;border-left:1px solid #c5d0c5;padding-left:24px;justify-content:center}.demo-today small{font-size:.6rem;letter-spacing:.14em;color:#687b66}.demo-today strong{font-family:Georgia,serif;font-size:1.15rem;font-weight:400}.demo-today a>span{font-size:.75rem;color:#536f60}.demo-listening{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;padding:55px clamp(16px,3vw,52px);background:#052832;color:#e1eef0}.demo-listening-copy{align-self:center}.demo-listening .demo-kicker{color:var(--cyan)}.demo-listening-copy>p{color:#b6cfd0;font-size:.92rem}.demo-listening-copy>a{color:var(--cyan)}.demo-listening details{margin-top:25px;max-width:60ch;font-size:.8rem}.ric-hero-station{background:linear-gradient(135deg,#0e3546,#041b2d);border:1px solid #66e1ea42;border-radius:20px;box-shadow:0 10px 40px #0003;padding:clamp(20px,3vw,36px);min-height:390px;min-width:0;position:relative}.ric-hero-station-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.65rem;letter-spacing:.1em;color:var(--cyan);margin-bottom:35px}.ric-hero-station-top>span:first-child{margin-right:auto}.ric-hero-station-label{font-size:.65rem;color:#9ebfc8;letter-spacing:.18em}.ric-hero-station h2{font-family:Georgia,serif;font-size:2rem;margin:10px 0}.ric-hero-station p{font-size:.8rem;color:#bad0d8}.ric-hero-station-wave{height:50px;display:flex;align-items:center;gap:5px;margin:15px 0}.ric-hero-station-wave i{display:block;width:5px;height:15px;border-radius:3px;background:var(--cyan);opacity:.6}.ric-hero-station-wave i:nth-child(3n){height:32px}.ric-hero-station-wave i:nth-child(4n){height:22px}.ric-hero-station.is-playing .ric-hero-station-wave i{animation:wave .9s ease-in-out infinite alternate}.ric-hero-station-wave i:nth-child(2n){animation-delay:-.4s!important}@keyframes wave{to{scale:1 .35}}.ric-owned-controls{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.ric-owned-controls button{padding:12px;color:#d4f3f3;background:#143f51;border:1px solid #5dabb14a;border-radius:8px;min-height:44px}#ricOwnedPlay{background:var(--cyan);color:#062731;font-weight:800;min-width:110px}.ric-hero-volume{display:flex;align-items:center;gap:8px;font-size:.7rem}.ric-hero-volume input{width:85px;accent-color:var(--cyan)}.ric-hero-station-state{display:flex;flex-wrap:wrap;gap:15px;margin-top:22px;font-size:.63rem;letter-spacing:.08em;color:#b9d7dc}.ric-hero-station-progress progress{display:block;width:100%;height:5px;accent-color:var(--cyan);margin:10px 0}.ric-hero-station-progress span{font-size:.7rem}.ric-hero-station-footer{border-top:1px solid #558c9d3b;padding-top:18px;display:flex;flex-wrap:wrap;gap:18px;font-size:.7rem;color:var(--cyan)}.demo-live{font-weight:900!important;color:#ff9e9e!important;background:#801c25;padding:5px 10px;border-radius:5px;animation:livePulse 2s ease-in-out infinite;letter-spacing:.07em}@keyframes livePulse{50%{box-shadow:0 0 0 4px #ee3d3d2b}}.demo-section{padding:65px clamp(16px,3vw,52px)}.demo-section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:28px;flex-wrap:wrap}.demo-section-head h2{margin-bottom:0}.demo-section-head>p{max-width:40ch;font-size:.9rem;color:#587161}.demo-section-head>a{font-size:.8rem;font-weight:700}.demo-reflections,.demo-community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;min-height:250px}.demo-reflections article,.demo-community-grid article{background:white;border:1px solid #d9dfd3;border-radius:16px;padding:30px;min-width:0}.demo-reflections blockquote{margin:10px 0 20px;line-height:1.8;font-family:Georgia,serif;font-size:1.12rem;overflow-wrap:anywhere}.demo-reflections [lang=ar]{font-size:1.65rem;line-height:2}.demo-reflections small{display:block;color:#67786c;font-size:.75rem;line-height:1.6}.demo-reflections details{margin-top:20px;font-size:.8rem}.demo-reflections a,.demo-community-grid a{font-weight:700;font-size:.8rem;display:inline-block;margin-top:15px}.demo-learning{background:#edeee4}.demo-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.demo-filters button,.demo-expansion-switch button{padding:12px 18px;border-radius:30px;color:var(--ink);background:transparent;border:1px solid #b5c4b6;min-height:44px;font-size:.8rem}.demo-filters button[aria-pressed=true]{background:var(--emerald);color:white;border-color:var(--emerald)}.demo-learning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:22px}.demo-learning-grid>a{background:#fffdf5;border:1px solid #c7ccba;border-radius:16px;padding:30px;position:relative;overflow:hidden}.demo-learning-grid span{color:#8d743b;font-size:.65rem;letter-spacing:.14em}.demo-learning-grid h3{font-family:Georgia,serif;font-size:1.65rem;font-weight:400;margin-top:26px}.demo-learning-grid p{font-size:.85rem;color:#60715d}.demo-learning-grid b{font-size:.8rem}.demo-community-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-community-grid p{font-size:.88rem;color:#57715f}.demo-season{background:var(--emerald);color:var(--ivory);text-align:center}.demo-season p{margin-inline:auto;color:#caddcf}.demo-season .demo-actions{justify-content:center}.demo-expansion{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#093c31;color:#e5ebdc}.demo-expansion p{color:#c2d5c5;font-size:.9rem}.demo-expansion-switch{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.demo-expansion-switch button{color:var(--ivory);border-color:#dbbd7759}.demo-expansion-switch button[aria-pressed=true]{background:var(--gold);color:var(--ink)}.demo-expansion-art{align-self:center;min-height:340px;background:radial-gradient(ellipse,#34705855,transparent);position:relative;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s;transform-style:preserve-3d}.demo-expansion-art>small{font-size:.55rem;color:#bdd2b7;letter-spacing:.1em;display:block;text-align:center;margin-top:28px}.demo-blueprint{width:80%;height:250px;border:1px solid #e6c78099;position:relative;margin:60px auto 0;background:repeating-linear-gradient(90deg,transparent 0 39px,#dcbd6322 40px 41px);transform:translateZ(20px);box-shadow:0 20px 45px #0005}.demo-blueprint>span{position:absolute;left:15px;top:20px;color:var(--gold);letter-spacing:.2em}.demo-blueprint-dome{position:absolute;width:50%;height:115px;top:-90px;left:25%;border:1px solid var(--gold);border-radius:100% 100% 0 0;background:#226147}.demo-blueprint-door{position:absolute;width:24%;height:125px;bottom:0;left:38%;border:1px solid var(--gold);border-radius:80px 80px 0 0;background:linear-gradient(#c8a85540,#cca54b22)}.demo-module-body [data-expansion-panel]{min-height:160px}.demo-module-body progress{width:100%;accent-color:var(--gold)}.demo-visit-section{display:grid;grid-template-columns:1fr 1fr;gap:70px}.demo-faq details{border-bottom:1px solid #c6cfbf;padding:22px 0}.demo-faq summary{font-weight:700;line-height:1.5}.demo-faq p{font-size:.9rem;margin-top:20px}.demo-footer{padding:35px clamp(16px,3vw,52px) 85px;background:var(--deep);color:#d0dfcc;display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:.8rem}.demo-footer nav{display:flex;gap:20px;flex-wrap:wrap}.demo-footer small{flex-basis:100%;font-size:.65rem;color:#a3b9a4}.demo-mini{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:clamp(12px,3vw,52px);right:clamp(12px,3vw,52px);z-index:15;display:flex;gap:15px;align-items:center;padding:13px 18px;background:#062b39f5;color:#d9f2f3;box-shadow:0 8px 35px #0005;border:1px solid #66e1ea44;border-radius:12px;font-size:.75rem}.demo-mini>span:first-child{color:var(--cyan);font-weight:800}.demo-mini [data-mini-title]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-mini button{background:var(--cyan);color:#072b31;border-radius:5px;padding:10px;min-height:44px}.demo-mini a{color:var(--cyan)}
/* Preserve existing cinematic prayer scenes, with a fluid reading-safe wrapper. */
.demo-home .ric-prayer-shell{background:var(--ivory)!important;padding-top:25px!important;padding-bottom:25px!important}.demo-home .ric-prayer-intro h2{font-size:1.4rem}.demo-home .ric-prayer-intro p{font-size:.75rem}.demo-home .ric-adhan-box{font-size:.8rem;padding:20px!important;align-self:center;line-height:1.8}.demo-home .ric-jumuah-strip{flex-wrap:wrap;gap:12px!important;font-size:.78rem!important}.demo-home .ric-scene-enhanced,.demo-home .ric-scene-cinematic{display:none!important}.demo-home .ric-scene-lite{display:block!important}.demo-home .ric-scene-lite img{width:100%;height:100%;object-fit:cover}.demo-home .ric-scene-quality-control{display:none!important}.demo-home .ric-scene-card.is-next{outline:2px solid #b99444;outline-offset:3px}
@media(max-width:1050px){.demo-hero{grid-template-columns:1fr 1fr;gap:25px}.demo-tile-description{display:none}.demo-mosaic{grid-template-rows:repeat(3,minmax(105px,1fr))}.demo-today{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-community-grid{grid-template-columns:1fr 1fr}.demo-community-grid article:last-child{grid-column:1/-1}.demo-expansion,.demo-visit-section{gap:30px}.demo-nav nav{order:3;width:100%}.demo-nav{gap:15px}}
@media(max-width:760px){.demo-hero,.demo-listening,.demo-expansion,.demo-visit-section{grid-template-columns:1fr}.demo-hero-copy{max-width:650px}.demo-hero{padding-top:35px}.demo-mosaic{grid-template-rows:repeat(3,minmax(100px,1fr));max-width:650px;width:100%;margin-inline:auto}.demo-arch span{font-size:3.6rem}.demo-search label{display:none}.demo-search{gap:8px}.demo-search input{font-size:16px}.demo-search button{font-size:.8rem}.demo-nav>.demo-button{padding:12px;font-size:.72rem}.demo-reflections{grid-template-columns:1fr}.demo-section{padding-block:45px}.demo-section-head{gap:20px}.demo-listening{gap:25px;padding-block:40px}.demo-expansion-art{order:2;min-height:300px}.demo-visit-section{gap:25px}.demo-status{font-size:.67rem;gap:8px 12px}.demo-today{gap:25px 15px}.demo-today>a{padding-left:15px}.demo-community-grid{grid-template-columns:1fr}.demo-community-grid article:last-child{grid-column:auto}.demo-mini a{font-size:.65rem}.demo-home .ric-prayer-grid{scrollbar-width:thin}.demo-home .ric-adhan-box{display:block!important}}
@media(max-width:390px){.demo-mosaic{gap:7px}.demo-tile{padding:13px 5px}.demo-tile strong{font-size:.65rem}.demo-today{grid-template-columns:1fr}.demo-today>a{border-left:0;border-top:1px solid #c5d0c5;padding:16px 0 0}.demo-brand{font-size:.82rem}.demo-mark{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.demo-tile,.demo-expansion-art{transform:none!important}}.demo-home.motion-paused *{animation:none!important}.demo-home.motion-paused .demo-tile,.demo-home.motion-paused .demo-expansion-art{transform:none!important}

.demo-home .ric-prayer-intro{display:block!important;min-width:0!important}.demo-home .ric-scene-lite{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.demo-reflections blockquote{max-height:260px;overflow:auto}.demo-home.motion-paused .ric-scene-visual img,.demo-home .demo-offscreen .ric-scene-visual img{animation:none!important}.demo-expansion .demo-module-body{min-height:200px}.demo-home .ric-scene-status:empty{display:none!important}
/* V2: actual cinematic artwork and sculpted icon assets. */
.demo-hero{padding:0;gap:0;background:#06392e;grid-template-columns:1.12fr 1fr;overflow:hidden;min-height:650px}.demo-hero:before{opacity:.08}.demo-hero-copy{position:relative;isolation:isolate;padding:clamp(35px,4vw,72px) clamp(20px,4vw,65px);color:#092c2a;display:flex;flex-direction:column;justify-content:center;min-width:0}.demo-hero-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#fff9ece8 0%,#fff9ecbb 40%,#fff9ec38 78%,#fff9ec12 100%),var(--demo-hero-image,url("/assets/ric-images-v13/rockaway-islamic-center-illustrative-coastal-mosque-e76ff0b3.webp?v=2")) center right/cover no-repeat}.demo-hero-copy>p:not(.demo-lead){color:#163e33;font-weight:500;max-width:50ch}.demo-hero .demo-kicker{color:#776021;letter-spacing:.16em}.demo-hero h1{font-size:clamp(2.6rem,4.4vw,5rem);text-shadow:0 2px 15px #fff9ecb3}.demo-hero h1 em{color:#806022}.demo-hero .demo-lead{font-family:Georgia,serif;font-size:clamp(1.1rem,1.6vw,1.6rem)}.demo-hero .demo-type-line{color:#514015;font-weight:600}.demo-hero .demo-type-line button{color:#274a3b}.demo-hero .demo-visit{color:#183f34;background:#fffaf0d9;border:1px solid #b7974652;border-radius:8px;padding:12px;max-width:550px}.demo-hero .demo-visit a{color:#5d4512;font-weight:750}.demo-art-caption{font-size:.58rem;color:#3e5041;text-shadow:0 1px 3px white;align-self:flex-start;background:#ffffffb8;padding:4px 7px;border-radius:4px;margin-bottom:8px}.demo-mosaic{margin:28px 18px 28px 5px;padding:28px 15px 15px;gap:0;grid-template-rows:repeat(3,minmax(135px,1fr));border:1px solid #ba974c88;border-radius:250px 250px 18px 18px;background:radial-gradient(ellipse at center,#1d624455,transparent 70%),repeating-linear-gradient(45deg,#d3b3650a 0 1px,transparent 1px 23px);box-shadow:inset 0 0 0 5px #e1c88816,inset 0 0 35px #0007;min-width:0;isolation:isolate}.demo-mosaic:before{content:'';position:absolute;inset:7px;border:1px solid #d5b46580;border-radius:inherit;z-index:-1;pointer-events:none}.demo-tile{border:0;border-radius:0;background:none;box-shadow:none;padding:18px 18px 29px;gap:5px;min-height:135px;filter:drop-shadow(0 4px 3px #0005)}.demo-tile:before{inset:8px 10px 26px;background:radial-gradient(circle at var(--px,50%) var(--py,30%),#ead58833,transparent 70%);z-index:0;pointer-events:none;border-radius:20px;opacity:.6}.demo-puzzle-surface{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;filter:drop-shadow(0 1px 1px #fde6b855);pointer-events:none;transition:filter .3s}.demo-tile:hover .demo-puzzle-surface,.demo-tile:focus-visible .demo-puzzle-surface{filter:drop-shadow(0 0 5px #f6d68188)}.demo-tile strong{color:#fff6db;font-family:Georgia,serif;font-size:clamp(.76rem,1vw,1rem);line-height:1.15;text-shadow:0 2px 3px #000;transform:translateZ(18px)}.demo-tile-description{display:none}.demo-icon{display:block;width:clamp(52px,6vw,90px);height:clamp(52px,6vw,90px);flex-shrink:0;background-image:url("/assets/ric-home-demo/sculpted-icons-v6.webp?v=perf9");background-size:500% 200%;background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat;transform:translateZ(30px);filter:drop-shadow(0 3px 2px #0006)}.demo-arch{margin:4px 5px 25px;border:3px solid #d9b66c;border-radius:130px 130px 16px 16px;background:radial-gradient(ellipse at top,#fffdf3,#f8edce 65%,#d5b16b);box-shadow:inset 0 0 0 5px #f9de9c,inset 0 0 0 7px #b39444,0 10px 25px #0004;color:#10342e;padding:25px 15px;gap:16px;min-width:0}.demo-arch span{font-family:Georgia,serif;font-size:clamp(1.45rem,2.25vw,2.5rem);color:#0b352e;line-height:1.12;text-align:center;letter-spacing:-.035em}.demo-arch small{color:#6b541e;font-size:clamp(.4rem,.5vw,.6rem);line-height:1.5;text-align:center;font-weight:700;letter-spacing:.13em}.demo-arch b{font-size:2.5rem;color:#a57b2b}.demo-nav{background:#fffdf8}.demo-brand .demo-mark{color:#95712d;text-shadow:1px 1px #efd599}.demo-listening{border-top:2px solid #c0a35e;border-bottom:2px solid #c0a35e}.demo-learning-grid>a:nth-child(1):before,.demo-learning-grid>a:nth-child(2):before,.demo-learning-grid>a:nth-child(3):before{content:'';width:90px;height:90px;position:absolute;right:20px;top:20px;background:url("/assets/ric-home-demo/sculpted-icons-v6.webp?v=perf9");background-size:500% 200%;opacity:.18;pointer-events:none}.demo-learning-grid>a:nth-child(1):before{background-position:50% 0}.demo-learning-grid>a:nth-child(2):before{background-position:75% 0}.demo-learning-grid>a:nth-child(3):before{background-position:100% 0}.demo-expansion-art{background:linear-gradient(#073e350e,#073e3599),var(--demo-hero-image,url("/assets/ric-images-v13/rockaway-islamic-center-illustrative-coastal-mosque-e76ff0b3.webp?v=2")) center right/cover;border:1px solid #d0b474;border-radius:18px;min-height:350px;padding:20px;box-shadow:0 20px 50px #001c2540}.demo-blueprint{background:repeating-linear-gradient(90deg,transparent 0 39px,#fae1a954 40px 41px);box-shadow:none;border-color:#fae1a9}.demo-blueprint-dome{background:#18533a55}.demo-expansion-art>small{background:#072e25cc;color:#f8e3b5;padding:5px;border-radius:4px;line-height:1.5}
@media(max-width:1050px){.demo-hero{grid-template-columns:1fr 1fr;min-height:600px}.demo-mosaic{padding:24px 5px 10px;margin:18px 12px 18px 0;grid-template-rows:repeat(3,minmax(120px,1fr))}.demo-tile{min-height:120px;padding:15px 9px 27px}.demo-icon{width:65px;height:65px}.demo-arch{gap:13px;padding:22px 9px}.demo-arch span{font-size:1.65rem}.demo-hero-copy{padding-inline:25px}.demo-hero h1{font-size:clamp(2.7rem,4.2vw,4rem)}}
@media(max-width:760px){.demo-hero{grid-template-columns:1fr;min-height:0}.demo-hero-copy{padding:45px 24px 40px;min-height:570px}.demo-hero-art{background:linear-gradient(180deg,#fff9ece6 0%,#fff9ecad 40%,#fff9ec20 85%),var(--demo-hero-image,url("/assets/ric-images-v13/rockaway-islamic-center-illustrative-coastal-mosque-e76ff0b3.webp?v=2")) center right/cover}.demo-mosaic{margin:22px auto;width:calc(100% - 28px);max-width:600px;grid-template-rows:repeat(3,minmax(115px,1fr));padding:28px 5px 8px}.demo-tile{min-height:115px;padding:16px 8px 25px}.demo-icon{width:clamp(52px,12vw,76px);height:clamp(52px,12vw,76px)}.demo-arch span{font-size:clamp(1.3rem,5vw,2.2rem)}.demo-arch{gap:12px;margin-bottom:22px}.demo-tile strong{font-size:clamp(.7rem,2.5vw,1rem)}.demo-arch small{font-size:.45rem}.demo-expansion-art{min-height:320px}}
@media(max-width:390px){.demo-mosaic{width:calc(100% - 14px);grid-template-rows:repeat(3,minmax(95px,1fr));padding-inline:0}.demo-tile{min-height:95px;padding:11px 7px 24px;gap:3px}.demo-icon{width:48px;height:48px}.demo-tile strong{font-size:.67rem}.demo-arch{margin:0 1px 20px;padding:18px 6px;gap:9px}.demo-arch span{font-size:1.2rem}.demo-arch b{font-size:1.6rem}.demo-hero h1{font-size:2.7rem}}

.demo-admin-announcement{padding:16px 24px;background:#f1db9c;color:#163d34;text-align:center;font-weight:700;line-height:1.6}.demo-admin-announcement a{text-decoration:underline;text-underline-offset:4px}
/* RIC_WORSHIP_CARD_READABILITY_V1 */
.demo-home .ric-prayer-card .ric-adhan-box{background:#073e35!important;color:#fffdf4!important;border:1px solid #c7a962!important;border-radius:16px!important;padding:22px!important;opacity:1!important;text-shadow:none!important}
.demo-home .ric-prayer-card .ric-adhan-box strong{display:block!important;color:#fffdf4!important;font-size:1rem!important;line-height:1.5!important}
.demo-home .ric-prayer-card .ric-adhan-box p{color:#e8efe5!important;font-size:.9rem!important;line-height:1.7!important;margin:12px 0!important}
.demo-home .ric-prayer-card .ric-adhan-box a{display:flex!important;align-items:center!important;min-height:44px!important;color:#ffe09b!important;font-size:.9rem!important;font-weight:700!important;text-decoration:underline!important;text-underline-offset:4px!important}
.demo-home .ric-prayer-card .ric-adhan-box a:focus-visible{outline:3px solid #ffe09b!important;outline-offset:4px!important}.demo-home .ric-prayer-card .ric-adhan-box br{display:none!important}

/* RIC_PERFORMANCE_ACCESSIBILITY_V4 */
.demo-results small,.demo-today small,.demo-reflections small{color:#425b4b}
.demo-section:not(.demo-listening) .demo-kicker{color:#66521f}
.demo-home :where(a,button,input,summary):focus-visible{outline:3px solid #117c78;outline-offset:4px}
.demo-listening :where(a,button,input):focus-visible,.demo-mosaic a:focus-visible{outline-color:#ffe09b}
@media(max-width:760px){.demo-tile{filter:none}.demo-puzzle-surface{filter:none}.demo-tile:hover .demo-puzzle-surface{filter:none}}

/* RIC_EXACT_AUDIT_FIXES_V6 */
.demo-today .demo-kicker{color:#66521f}
.demo-home .demo-season .demo-kicker,.demo-home .demo-expansion .demo-kicker{color:#ffe09b}
.demo-home .demo-hero-art{background:none}
.demo-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.demo-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#fff9ece8 0%,#fff9ecbb 40%,#fff9ec38 78%,#fff9ec12 100%)}
@media(max-width:760px){.demo-hero-art:after{background:linear-gradient(180deg,#fff9ece6 0%,#fff9ecad 40%,#fff9ec20 85%)}}

/* RIC_HOME_PUZZLES_V13 */
.demo-mosaic .tile-10{grid-column:1;grid-row:4}.demo-mosaic .tile-11{grid-column:4;grid-row:4}.demo-mosaic .ric-puzzle-new-icon{background-image:none}

/* public/assets/ric-home-upgrade-v2/home.css */
.ric-home-v2{background:#fbf7ee;color:#073e35}.ric-home-v2 .demo-hero{display:block;position:relative;min-height:520px;margin:0 0 44px;border:12px solid #dec896;border-radius:48% 48% 12px 12px / 10% 10% 12px 12px;overflow:hidden}.ric-home-v2 .demo-hero-copy{width:100%;min-height:520px;padding:70px clamp(24px,6vw,90px);background:linear-gradient(90deg,#fff8e9dc,#fff8e970,transparent)}.ric-home-v2 .demo-hero-art{inset:0}.ric-home-v2 .demo-hero-art img{width:100%;height:100%;object-fit:cover}.ric-home-v2 .demo-hero-copy>p{max-width:48ch}.ric-home-v2 .demo-hero h1{font-size:clamp(36px,5vw,70px);max-width:17ch}.ric-home-v2 .demo-section{padding:64px clamp(20px,5vw,72px);gap:32px}.ric-home-v2 .demo-section-head{margin-bottom:30px}.ric-shortcuts{padding:20px clamp(20px,5vw,72px) 64px}.ric-shortcuts h2{text-align:center;font-family:Georgia,serif;margin:0 0 30px}.ric-shortcut-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.ric-shortcut{background:linear-gradient(140deg,#185447,#032c24);border:1px solid #c9a65e;border-radius:14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:24px 14px;color:#fff8e6;text-decoration:none;box-shadow:0 8px 18px #073e351a;transition:transform .2s,box-shadow .2s}.ric-shortcut-icon{font:46px Georgia;color:#eccc78;text-shadow:1px 2px #816027,0 2px 8px #e4bd5433;display:inline-block}.ric-shortcut>span:last-child{font-size:13px;line-height:1.5;max-width:22ch}.ric-shortcut:hover,.ric-shortcut:focus-visible{transform:translateY(-5px);box-shadow:0 10px 24px #073e3533,0 0 0 2px #d8b766}.ric-shortcut:focus-visible{outline:3px solid #9d721d;outline-offset:5px}.ric-shortcut:hover .ric-shortcut-icon{animation:ric-icon-lift .65s ease}.ric-shortcut:active{transform:scale(.98)}.ric-home-v2 .ric-prayer-shell{padding-block:44px}.ric-home-v2 .ric-prayer-scenes{gap:18px}.ric-home-v2 .ric-scene-card{min-height:270px;border:1px solid #c9a65e;border-radius:50% 50% 14px 14px / 20% 20% 14px 14px;overflow:hidden}.ric-home-v2 .demo-learning-grid,.ric-home-v2 .demo-community-grid,.ric-home-v2 .demo-reflections{gap:24px}.ric-home-v2 .demo-learning-grid>a{padding:34px 24px;min-height:280px;border-radius:45% 45% 14px 14px / 10% 10% 14px 14px}.ric-home-v2 .demo-footer{padding:42px 24px;gap:22px;flex-wrap:wrap}.ric-socials{display:flex;gap:16px;flex-wrap:wrap;width:100%;justify-content:center}.ric-socials a{display:flex!important;flex-direction:column;align-items:center;gap:6px;font-size:12px!important}.ric-socials span{border:1px solid #d8b766;border-radius:9px;padding:8px;min-width:40px;text-align:center;font:bold 22px system-ui;color:#f2d68c}.ric-home-v2 .demo-blueprint-dome{display:none}.ric-home-v2 .demo-expansion-art{min-height:180px}.ric-home-v2 .demo-visit-section{border-top:1px solid #e5d7b4}.ric-home-v2 .demo-actions{gap:16px}@keyframes ric-icon-lift{50%{transform:translateY(-4px) rotate(-4deg)}100%{transform:none}}@media(max-width:850px){.ric-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ric-home-v2 .demo-hero,.ric-home-v2 .demo-hero-copy{min-height:440px}.ric-home-v2 .demo-section{padding:42px 20px}}@media(prefers-reduced-motion:reduce){.ric-home-v2 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.ric-home-v2[data-admin-motion="0"] *{animation:none!important;transition:none!important}

/* RIC_PRAYER_SPACING_V3 */
.ric-home.ric-home-v2 .ric-prayer-shell>.ric-prayer-card.ric-prayer-live{
  grid-template-columns:minmax(0,1fr) minmax(185px,225px)!important;
  grid-template-areas:"intro adhan" "scenes scenes" "jumuah jumuah"!important;
  gap:18px!important;
}
.ric-home.ric-home-v2 .ric-prayer-intro{
  justify-content:flex-start!important;
}
@media(max-width:700px){
  .ric-home.ric-home-v2 .ric-prayer-shell>.ric-prayer-card.ric-prayer-live{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"intro" "scenes" "adhan" "jumuah"!important;
  }
}

/* RIC_DISPLAY_CLEANUP_V4 */
.ric-home-v2 #expansion .demo-expansion-art{
  display:none!important;
}
.ric-home-v2 #expansion{
  grid-template-columns:minmax(0,1fr)!important;
}
.ric-home-v2 .demo-section-head{
  justify-content:flex-start;
  gap:clamp(24px,5vw,80px);
}
.ric-home-v2 .demo-section-head>p{
  max-width:48ch;
}
@media(min-width:1500px){
  .ric-home-v2 .demo-section,
  .ric-home-v2 .demo-listening,
  .ric-home-v2 .ric-shortcuts{
    padding-inline:max(40px,calc((100vw - 1380px)/2));
  }
}

/* RIC_WORSHIP_VISUAL_V1 */
.ric-worship-notice{
  grid-column:1/-1;
  margin:8px 0;
  padding:14px 20px;
  border:1px solid #d6b365;
  border-radius:12px;
  background:#073e35;
  color:#fff4cf;
  font-weight:700;
}
.ric-worship-notice[hidden]{display:none!important}
.ric-home-v2 .ric-worship-card{
  outline:3px solid #eac66d!important;
  outline-offset:3px;
  box-shadow:0 0 24px #eac66d88!important;
}
.ric-home-v2 .ric-worship-active{
  box-shadow:inset 0 0 0 2px #d6b365!important;
}

/* RIC_VIEWER_CONTRAST_V1 */
.ric-home-v2 #expansion .ric-plan-viewer p,
.ric-home-v2 #expansion .ric-plan-viewer figcaption{
  color:#274a40!important;
}
.ric-home-v2 #expansion .ric-plan-viewer>a{
  color:#075744!important;
  text-decoration:underline;
}

/* RIC_UNIFIED_DISPLAY_V1 */
.ric-home-v2 #expansion .demo-expansion-art{display:none!important}
.ric-home-v2 #expansion{grid-template-columns:minmax(0,1fr)!important}
.ric-home-v2 #expansion .ric-plan-viewer p,.ric-home-v2 #expansion .ric-plan-viewer figcaption{color:#274a40!important}
.ric-home-v2 #expansion .ric-plan-viewer>a{color:#075744!important;text-decoration:underline}
.ric-home-v2 .demo-section-head{justify-content:flex-start;gap:clamp(24px,5vw,80px)}
.ric-home-v2 .demo-section-head>p{max-width:48ch}
@media(min-width:1500px){.ric-home-v2 .demo-section,.ric-home-v2 .demo-listening,.ric-home-v2 .ric-shortcuts{padding-inline:max(40px,calc((100vw - 1380px)/2))}}

/* public/assets/ric-local-sky-v1/sky.css */
.ric-home-v2 .ric-prayer-live{overflow:hidden!important;padding:22px!important;border-radius:22px!important}
.ric-local-sky{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(#bfdde9,#f6f2d7);transition:background 2s}
[data-local-sky=dawn] .ric-local-sky{background:linear-gradient(#8ca4c5,#f9c597,#fff0d5)}
[data-local-sky=dusk] .ric-local-sky{background:linear-gradient(#66728f,#d59589,#f9d59c)}
[data-local-sky=night] .ric-local-sky{background:linear-gradient(#112c40,#214c60)}
.ric-sky-sun{position:absolute;left:var(--sun-x,50%);top:var(--sun-y,30%);width:60px;height:60px;border-radius:50%;background:#ffe9aa;box-shadow:0 0 50px 25px #fff1b955;transform:translate(-50%,-50%)}
.ric-sky-sun[hidden]{display:none}
.ric-sky-clouds{position:absolute;inset:-20%;opacity:0;background:radial-gradient(ellipse at 20% 30%,#ffffffaa,transparent 28%),radial-gradient(ellipse at 65% 45%,#ffffff99,transparent 32%);animation:ric-cloud-drift 40s ease-in-out infinite alternate}
[data-sky-weather=clouds] .ric-sky-clouds,[data-sky-weather=rain] .ric-sky-clouds,[data-sky-weather=storm] .ric-sky-clouds,[data-sky-weather=snow] .ric-sky-clouds{opacity:.7}
[data-sky-weather=fog] .ric-sky-clouds{opacity:.85;background:linear-gradient(transparent,#d4dfe8bb,transparent)}
.ric-sky-precip{position:absolute;inset:0;opacity:0;animation:ric-rain 1s linear infinite;background:repeating-linear-gradient(110deg,transparent 0 34px,#d8edf966 35px 36px,transparent 37px 70px);background-size:90px 160px}
[data-sky-weather=rain] .ric-sky-precip,[data-sky-weather=storm] .ric-sky-precip{opacity:.25}
[data-sky-weather=snow] .ric-sky-precip{opacity:.5;background:radial-gradient(circle,#fff 1px,transparent 2px);background-size:45px 60px;animation-duration:8s}
.ric-sky-note{display:block;margin-top:12px;font-size:12px;line-height:1.5}
.ric-home-v2 [data-local-sky=night] .ric-prayer-intro h2,.ric-home-v2 [data-local-sky=night] .ric-prayer-intro p,.ric-home-v2 [data-local-sky=night] .ric-sky-note{color:#fff5da!important}
.ric-local-sky.sky-paused *{animation-play-state:paused!important}
@keyframes ric-cloud-drift{to{transform:translateX(10%)}}
@keyframes ric-rain{to{background-position:30px 160px}}
@media(prefers-reduced-motion:reduce){.ric-local-sky,.ric-local-sky *{animation:none!important;transition:none!important}}

/* public/assets/ric-moon-sky-v1/moon.css */
.ric-sky-moon{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 12px #d9eaff77)}
.ric-sky-moon[hidden]{display:none!important}
.ric-moon-note{display:block;max-width:48ch;margin-top:8px;font-size:11px;line-height:1.5}
.ric-home-v2 [data-local-sky=night] .ric-moon-note{color:#fff4d7}

/* public/assets/ric-complete-home-v3/complete.css */
/* RIC complete homepage visual layer v1 */
body.demo-home{--gold:#e7c77d;--ivory:#fffdf6;background:var(--ivory)}
.demo-hero{display:block!important;background:var(--ivory)!important;padding:0!important;overflow:visible!important}
.demo-hero-copy{min-height:520px!important;border:6px solid #d5b46d;border-radius:48% 48% 12px 12px / 13% 13% 12px 12px;overflow:hidden;padding:70px max(5vw,24px) 40px!important;box-shadow:inset 0 0 0 5px #fff0bf,0 12px 25px #6b542417;color:#073e35!important}
.demo-hero-copy:before,.demo-hero-copy:after{content:'';position:absolute;top:0;bottom:0;width:20px;background:linear-gradient(90deg,#967029,#ffe7a0,#bc8c35,#fff0bf);z-index:0;pointer-events:none}.demo-hero-copy:before{left:0}.demo-hero-copy:after{right:0}
.demo-hero-copy> :not(.demo-hero-art){position:relative;z-index:1;max-width:620px}
.demo-hero-art{background:linear-gradient(90deg,#fff9e8ed,#fff9e899 43%,#fff9e800 75%),var(--demo-hero-image) center/cover!important}.demo-hero-art img{opacity:.45!important;object-fit:cover;width:100%;height:100%}
.demo-hero h1{font-size:clamp(2.5rem,4.5vw,4.8rem)!important}.demo-hero h1 em{color:#866022!important}.demo-hero .demo-kicker,.demo-type-line,.demo-visit,.demo-hero-copy>p:not(.demo-lead){color:#23473c!important}.demo-art-caption{background:#fff9e8b0;padding:4px 8px;width:max-content}
.demo-mosaic{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:12px!important;padding:25px max(3vw,16px)!important;margin:0 auto!important;width:100%!important;max-width:1600px;perspective:none!important}
.demo-arch{display:none!important}.demo-tile{grid-area:auto!important;transform:none!important;min-height:145px!important;border:1px solid #c7a354;border-radius:9px;background:linear-gradient(145deg,#145442,#022d25);box-shadow:0 5px 0 #05281f,0 9px 15px #073e3520;padding:16px 8px!important;gap:5px!important}.demo-puzzle-surface{display:none!important}.demo-tile strong{color:#fff8df!important;font-size:.95rem}.demo-tile-description{display:block!important;color:#d3e2d8;font-size:.7rem;line-height:1.4}.demo-icon{display:block!important;width:54px!important;height:54px!important;background:none!important;object-fit:contain;filter:drop-shadow(0 3px 2px #0006)}
.demo-tile:hover,.demo-tile:focus-visible{box-shadow:0 5px 0 #876726,0 10px 22px #073e3533;border-color:#ffe7a1}
.demo-section{padding-block:38px!important}.demo-section h2{font-size:clamp(1.8rem,3vw,2.7rem)}.demo-learning-grid>a,.demo-reflections>article,.demo-community-grid>article{border:1px solid #dfca94!important;border-radius:12px!important;overflow:hidden;background:#fffefb!important;box-shadow:0 6px 18px #4a3f1910}
.demo-learning-grid>a:before,.demo-reflections>article:before,.demo-community-grid>article:before{content:'';display:block;height:155px;margin:-25px -25px 20px;background:var(--card-art) center/cover no-repeat;background-color:#f5e9d1}
.demo-learning-grid>a:nth-child(1),.demo-reflections>article:nth-child(1){--card-art:url("/assets/ric-complete-home-v3/card-quran.svg")}.demo-learning-grid>a:nth-child(2),.demo-reflections>article:nth-child(2){--card-art:url("/assets/ric-complete-home-v3/card-hadith.svg")}.demo-learning-grid>a:nth-child(3){--card-art:url("/assets/ric-complete-home-v3/card-arabic.svg")}.demo-community-grid>article:nth-child(1){--card-art:url("/assets/ric-complete-home-v3/card-events.svg")}.demo-community-grid>article:nth-child(2){--card-art:url("/assets/ric-complete-home-v3/card-care.svg")}.demo-community-grid>article:nth-child(3){--card-art:url("/assets/ric-complete-home-v3/card-youth.svg")}
.ric-scene-card{border:1px solid #d5b46d!important;box-shadow:0 6px 16px #073e3525;border-radius:12px!important}.ric-scene-copy{background:linear-gradient(transparent,#002b27e8);padding-top:30px}.demo-expansion{border-block:1px solid #c8aa60;background:#073e35!important;color:#fff9e9}.demo-expansion-art{border:1px solid #d5b46d;border-radius:16px;background:linear-gradient(150deg,#dbe6dc,#789785)!important}.demo-expansion-art small{color:#153e31;background:#fff8e5;padding:8px}.demo-expansion-switch button[aria-pressed=true]{background:#e7c77d;color:#123b2d}
.demo-footer{background:linear-gradient(130deg,#064234,#012c25)!important;color:#fff8df!important;border-top:3px solid #d3ad59;padding:40px max(4vw,20px)!important;gap:20px!important}.demo-footer nav{display:flex;flex-wrap:wrap;gap:16px}.ric-footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;width:100%}.ric-footer-columns div{display:flex;flex-direction:column;gap:10px}.ric-footer-columns b{color:#e7c77d}.ric-footer-columns a{font-size:.9rem}.ric-footer-social{display:flex;gap:12px;flex-wrap:wrap}.ric-footer-social a{border:1px solid #d5b46d;padding:12px 18px;border-radius:8px;min-height:44px}
@media(max-width:1000px){.demo-mosaic{grid-template-columns:repeat(4,minmax(0,1fr))!important}.demo-hero-copy{min-height:480px!important}}
@media(max-width:650px){.demo-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.demo-tile{min-height:125px!important}.demo-tile strong{font-size:.76rem}.demo-tile-description{display:none!important}.demo-hero-copy{padding:60px 28px 30px!important;min-height:560px!important;border-width:4px}.demo-hero-copy:before,.demo-hero-copy:after{width:9px}.demo-hero-art{background:linear-gradient(90deg,#fff9e8ef,#fff9e8a6),var(--demo-hero-image) center/cover!important}.ric-footer-columns{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.demo-home *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.demo-hero-art{background-color:#f6e9cb!important;background-image:linear-gradient(90deg,#fff9e8ed,#fff9e850),var(--demo-hero-image),url("/assets/ric-complete-home-v3/scene-coast.svg")!important}
.ric-scene-card[data-scene="fajr"] .ric-scene-visual{background:url("/assets/ric-complete-home-v3/scene-fajr.svg") center/cover}
.ric-scene-card[data-scene="shuruq"] .ric-scene-visual{background:url("/assets/ric-complete-home-v3/scene-shuruq.svg") center/cover}
.ric-scene-card[data-scene="dhuhr"] .ric-scene-visual{background:url("/assets/ric-complete-home-v3/scene-dhuhr.svg") center/cover}
.ric-scene-card[data-scene="asr"] .ric-scene-visual{background:url("/assets/ric-complete-home-v3/scene-asr.svg") center/cover}
.ric-scene-card[data-scene="maghrib"] .ric-scene-visual{background:url("/assets/ric-complete-home-v3/scene-maghrib.svg") center/cover}
.ric-scene-card[data-scene="isha"] .ric-scene-visual{background:url("/assets/ric-complete-home-v3/scene-isha.svg") center/cover}

/* Current ten-shortcut layout and admin-provided social links. */
.ric-shortcut-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
.ric-shortcut{background:linear-gradient(145deg,#145442,#022d25)!important;border:1px solid #c7a354!important;border-radius:9px!important;box-shadow:0 5px 0 #05281f,0 9px 15px #073e3520;min-height:145px!important;padding:16px 10px!important;color:#fff8df!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}
.ric-shortcut-icon{background:none!important;width:54px!important;height:54px!important;display:block!important}.ric-shortcut-icon img{display:block;width:54px;height:54px;filter:drop-shadow(0 3px 2px #0006)}
.ric-shortcut>span:last-child{font-size:.75rem;color:#d3e2d8}.ric-shortcut:focus-visible,.ric-shortcut:hover{border-color:#ffe7a1!important;box-shadow:0 5px 0 #876726,0 10px 22px #073e3533}
.demo-footer .ric-socials{display:flex;flex-wrap:wrap;gap:14px}.demo-footer .ric-socials a{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #bca36a;border-radius:8px}
@media(max-width:800px){.ric-shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:480px){.ric-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ric-shortcut{min-height:125px!important}}

/* V3: coordinated compact composition. */
body.demo-home{max-width:1600px;margin:auto!important;border:0!important;background:#fffdf6!important}
.demo-home main{border:0!important;outline:0!important}.demo-hero{min-height:0!important;max-height:none!important;border:0!important;outline:0!important}.demo-hero:before,.demo-hero:after{display:none!important}
.demo-home .demo-hero-copy{min-height:310px!important;border:3px solid #cca34d!important;border-radius:58px 58px 7px 7px!important;padding:34px 6% 24px!important;box-shadow:none!important}
.demo-home .demo-hero-copy:before,.demo-home .demo-hero-copy:after{width:13px!important;top:0!important}
.demo-home .demo-hero-art{background:none!important}.demo-home .demo-hero-art img{opacity:1!important;object-position:center 58%!important}.demo-home .demo-hero-art:after{background:linear-gradient(90deg,#fff9e8e6 0%,#fff9e8b0 34%,#fff9e800 72%)!important}
.demo-home .demo-hero h1{font-size:clamp(2rem,3.3vw,3.6rem)!important;line-height:1.02!important;margin-bottom:10px!important}.demo-hero .demo-kicker{margin-bottom:10px;font-size:.6rem}.demo-home .demo-lead{font-size:1.05rem!important;line-height:1.35!important;margin-bottom:10px!important}.demo-hero-copy>p[data-admin-hero-body]{font-size:.8rem!important;max-width:440px!important;margin-bottom:4px!important}.demo-hero .demo-actions{margin:12px 0!important}.demo-hero .demo-button{padding:8px 14px!important;min-height:38px!important}.demo-type-line{min-height:30px!important;font-size:.7rem!important}.demo-visit{font-size:.65rem!important}.demo-art-caption{font-size:.55rem!important}
.ric-shortcuts{padding:16px 3% 20px!important}.ric-shortcuts h2{font-size:clamp(1.4rem,2.4vw,2rem)!important;margin-bottom:15px!important}.ric-shortcut-grid{max-width:1200px;margin:auto!important;gap:9px!important}.ric-shortcut{min-height:100px!important;padding:10px!important;gap:4px!important}.ric-shortcut>span:last-child{display:none!important}.ric-shortcut-icon,.ric-shortcut-icon img{width:44px!important;height:44px!important}
.demo-home .demo-listening{display:block!important;padding:0 3% 14px!important;background:#fffdf6!important;color:#fff9e8!important;border:0!important}.demo-listening-copy{display:none!important}.demo-home .ric-hero-station{width:100%!important;max-width:none!important;display:flex!important;align-items:center!important;flex-wrap:wrap;gap:10px 16px!important;padding:12px 18px!important;border:2px solid #d7ad52!important;border-radius:10px!important;background:linear-gradient(130deg,#064737,#002c24)!important;box-shadow:none!important;margin:0!important}
.ric-hero-station-top{display:flex!important;gap:10px!important;margin:0!important;font-size:.7rem!important}.ric-hero-station-label,.ric-hero-station-state,.ric-hero-station-progress,.ric-hero-station-note,#ricOwnedBroadcastStatus{display:none!important}.demo-home #ricOwnedTitle{font-size:1rem!important;margin:0!important;max-width:240px}.demo-home #ricOwnedMeta{font-size:.7rem!important;margin:0!important}.ric-hero-station-wave{height:28px!important;max-width:125px!important;margin:0!important;flex:1}.ric-owned-controls{display:flex!important;gap:8px!important;margin:0!important;align-items:center}.ric-owned-controls button{min-height:36px!important;background:#e7c77d!important;color:#073e35!important}.ric-hero-volume{font-size:.65rem!important}.ric-hero-volume input{max-width:90px}.ric-hero-station-footer{border:0!important;padding:0!important;margin:0 0 0 auto!important}.ric-hero-station-footer a:not(:first-child){display:none!important}.ric-hero-station-footer a:first-child{background:#e7c77d;color:#073e35;padding:9px 12px;border-radius:5px;font-weight:bold}
.demo-today{padding:15px 3%!important}.demo-today h2{font-size:1.3rem!important}.demo-section{padding:25px 3%!important}.demo-section-head{margin-bottom:18px!important}.demo-section h2{font-size:clamp(1.6rem,2.5vw,2.4rem)!important}
/* Override old decorative pseudo-elements with explicitly sized image panels. */
.demo-home .demo-learning-grid>a,.demo-home .demo-reflections>article,.demo-home .demo-community-grid>article{position:relative!important;padding:18px!important;display:block!important;min-height:0!important}
.demo-home .demo-learning-grid>a:before,.demo-home .demo-reflections>article:before,.demo-home .demo-community-grid>article:before{content:''!important;position:relative!important;inset:auto!important;display:block!important;width:calc(100% + 36px)!important;height:140px!important;max-width:none!important;margin:-18px -18px 16px!important;opacity:1!important;transform:none!important;background-image:var(--card-art)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;border-radius:0!important}
.demo-learning-grid>a:nth-child(1),.demo-reflections>article:nth-child(1){--card-art:url("/assets/ric-mobile-polish-v16/rockaway-islamic-center-quran-card.webp")}.demo-learning-grid>a:nth-child(2),.demo-reflections>article:nth-child(2){--card-art:url("/assets/ric-mobile-polish-v16/rockaway-islamic-center-hadith-card.webp")}.demo-learning-grid>a:nth-child(3){--card-art:url("/assets/ric-mobile-polish-v16/rockaway-islamic-center-arabic-card.webp")}
.demo-learning-grid>a:after,.demo-community-grid>article:after{display:none!important}.demo-learning-grid h3{font-size:1.25rem!important}.demo-learning-grid p{font-size:.85rem!important}.demo-reflections blockquote{font-size:1.05rem;line-height:1.7}.demo-home .demo-reflections>article:before{height:155px!important}
/* Explicit coastal scenes replace prior layered mosque media visually. */
.demo-home .ric-scene-card{border-radius:46% 46% 10px 10px / 24% 24% 10px 10px!important;overflow:hidden!important;border:2px solid #d4af55!important;min-height:240px!important}.ric-scene-card .ric-scene-lite,.ric-scene-card .ric-scene-enhanced,.ric-scene-card .ric-scene-cinematic{display:none!important}.ric-scene-card .ric-scene-visual{background-image:url("/assets/ric-mobile-polish-v16/rockaway-islamic-center-coastal-sky.webp")!important;background-size:cover!important;background-position:center!important}
.ric-scene-card[data-scene=fajr] .ric-scene-visual{filter:brightness(.58) hue-rotate(18deg)}.ric-scene-card[data-scene=shuruq] .ric-scene-visual{filter:brightness(1.1)}.ric-scene-card[data-scene=dhuhr] .ric-scene-visual{filter:brightness(1.15) saturate(.65) hue-rotate(170deg)}.ric-scene-card[data-scene=asr] .ric-scene-visual{filter:saturate(.85)}.ric-scene-card[data-scene=maghrib] .ric-scene-visual{filter:saturate(1.5) brightness(.8)}.ric-scene-card[data-scene=isha] .ric-scene-visual{filter:brightness(.26) hue-rotate(165deg)}
.ric-season-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ric-season-cards a{position:relative;display:flex;flex-direction:column;justify-content:end;isolation:isolate;height:160px;overflow:hidden;border:1px solid #d4af55;border-radius:10px;padding:15px;color:white;background:#073e35}.ric-season-cards img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.ric-season-cards a:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#012a25e8);z-index:-1}.ric-season-cards strong{font-family:Georgia,serif;font-size:1.5rem}.ric-season-cards span{font-size:.75rem}.demo-season>p{margin-bottom:20px!important}.demo-season .demo-actions{margin-bottom:0!important}
.demo-home .demo-footer{display:flex!important;flex-wrap:wrap!important;gap:18px!important;padding:25px 4%!important}.demo-footer>strong{font-family:Georgia,serif;font-size:1.3rem}.ric-footer-columns{gap:20px!important}.demo-footer .ric-socials{width:100%!important;justify-content:center!important;margin:0!important}.demo-footer>small{width:100%;text-align:center}.demo-home .demo-footer .ric-socials a{min-height:40px!important;padding:7px 12px!important}.demo-footer .ric-socials span{width:26px!important;height:26px!important;font-size:1rem!important}.demo-visit-section{border:0!important;outline:0!important}
@media(max-width:700px){.demo-home .demo-hero-copy{min-height:370px!important;padding:35px 25px 20px!important;border-radius:35px 35px 6px 6px!important}.demo-home .demo-hero-art:after{background:linear-gradient(90deg,#fff9e8ed,#fff9e8a8 60%,#fff9e855)!important}.demo-home .ric-hero-station{gap:10px!important}.ric-hero-station-wave{display:none!important}.ric-hero-station-footer{margin-left:0!important}.ric-season-cards{grid-template-columns:1fr}.ric-season-cards a{height:170px}.ric-hero-volume input{width:65px}.demo-home .demo-learning-grid>a:before{height:170px!important}}

/* RIC_FULL_VIEWPORT_V1 */
html {
    width: 100%;
    min-height: 100%;
    margin: 0;
}
body.demo-home {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
}
body.demo-home main,
body.demo-home .demo-section,
body.demo-home .demo-listening,
body.demo-home .ric-shortcuts,
body.demo-home .demo-footer {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
}
body.demo-home .ric-shortcut-grid {
    width: 100% !important;
    max-width: none !important;
}

/* public/assets/ric-responsive-v4/layout.css */
/* RIC responsive V4: viewport width, content-driven sections. */
html:root{width:100%;min-height:100%;margin:0;padding:0}
html body.demo-home{box-sizing:border-box;width:99%!important;max-width:none!important;min-width:0!important;min-height:99vh!important;min-height:99dvh!important;height:auto!important;margin:0 auto!important;padding:0!important}
body.demo-home *,body.demo-home *:before,body.demo-home *:after{box-sizing:border-box}
body.demo-home main,body.demo-home .demo-nav,body.demo-home .demo-status,body.demo-home .demo-search-shell,body.demo-home .demo-admin-announcement,body.demo-home .demo-hero,body.demo-home .demo-section,body.demo-home .demo-listening,body.demo-home .ric-shortcuts,body.demo-home .demo-footer,body.demo-home .demo-today,body.demo-home #prayers{width:100%!important;max-width:none!important;min-width:0!important;margin-inline:0!important}
body.demo-home .demo-section,body.demo-home .ric-shortcuts,body.demo-home .demo-nav,body.demo-home .demo-search-shell,body.demo-home .demo-listening{padding-inline:clamp(8px,1.2vw,24px)!important}
body.demo-home .ric-shortcut-grid,body.demo-home .demo-learning-grid,body.demo-home .demo-reflections,body.demo-home .demo-community-grid,body.demo-home .ric-prayer-shell{width:100%!important;max-width:none!important;min-width:0!important;margin-inline:0!important}
html body.demo-home .ric-hero-station{height:auto!important;min-height:0!important;max-height:none!important;align-content:center!important;align-items:center!important;padding:12px!important;margin:0!important;gap:10px!important}
body.demo-home .demo-listening{height:auto!important;min-height:0!important;max-height:none!important;margin-block:0!important;padding-block:8px!important}
body.demo-home .demo-section{padding-block:20px!important}
body.demo-home .demo-hero-copy{height:auto!important;min-height:280px!important;padding:26px clamp(22px,3vw,56px)!important}
body.demo-home .demo-hero-copy p{max-width:60ch}
body.demo-home .demo-nav{gap:12px!important;flex-wrap:wrap!important}
body.demo-home .demo-nav nav{flex-wrap:wrap!important;gap:12px!important}
body.demo-home img,body.demo-home video{max-width:100%}
body.demo-home .demo-module-body,body.demo-home .demo-faq,body.demo-home .ric-footer-columns,body.demo-home .ric-owned-controls{min-width:0!important}
body.demo-home .demo-reflections blockquote,body.demo-home .demo-module-body p{overflow-wrap:anywhere}
body.demo-home .demo-expansion [data-ric-plan-image]{max-height:440px!important;width:100%!important;object-fit:contain!important;background:#fff}
body.demo-home .ric-prayer-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
@media(max-width:1024px){
 body.demo-home .ric-shortcut-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
 body.demo-home .ric-prayer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.demo-home .ric-hero-station{flex-wrap:wrap!important}
 body.demo-home .ric-hero-station-footer{margin-left:0!important}
}
@media(max-width:700px){
 body.demo-home .demo-learning-grid,body.demo-home .demo-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.demo-home .demo-reflections,body.demo-home .demo-section-head,body.demo-home .demo-visit-section,body.demo-home .demo-expansion,body.demo-home .demo-today{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
 body.demo-home .ric-shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.demo-home .demo-hero h1{font-size:clamp(1.8rem,7vw,2.6rem)!important}
 body.demo-home .demo-hero-copy{min-height:0!important;padding-block:24px!important}
 body.demo-home .demo-brand{font-size:1rem!important}
 body.demo-home .ric-owned-controls{flex-wrap:wrap!important;width:100%!important}
 body.demo-home .ric-hero-station-top{flex-wrap:wrap!important}
 body.demo-home .ric-season-cards{grid-template-columns:minmax(0,1fr)!important}
 body.demo-home .ric-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.demo-home .demo-visit{max-width:100%!important;flex-wrap:wrap!important}
}
@media(max-width:430px){
 body.demo-home .demo-learning-grid,body.demo-home .demo-community-grid,body.demo-home .demo-reflections{grid-template-columns:minmax(0,1fr)!important}
 body.demo-home .ric-shortcut-grid,body.demo-home .ric-prayer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.demo-home .demo-nav nav{width:100%!important;font-size:.85rem!important}
 body.demo-home .demo-search{flex-wrap:wrap!important;gap:6px!important}
 body.demo-home .demo-search input{width:100%!important;flex-basis:65%!important;font-size:16px!important}
 body.demo-home .ric-hero-station-wave{display:none!important}
 body.demo-home .demo-status{gap:6px!important;padding:8px!important;font-size:.7rem!important}
}
@media(max-width:260px){
 body.demo-home .ric-shortcut-grid,body.demo-home .ric-prayer-grid,body.demo-home .ric-footer-columns{grid-template-columns:minmax(0,1fr)!important}
 body.demo-home .demo-nav .demo-button,body.demo-home .demo-actions .demo-button{width:100%!important;padding:10px 5px!important;font-size:.75rem!important}
 body.demo-home .demo-hero h1{font-size:1.5rem!important;overflow-wrap:anywhere}
 body.demo-home .demo-hero-copy{padding:20px 12px!important}
 body.demo-home .demo-brand{font-size:.8rem!important}.demo-brand small{letter-spacing:.05em!important}
 body.demo-home .demo-search input{flex-basis:100%!important}
 body.demo-home .ric-owned-controls label{width:100%!important}
 body.demo-home .demo-section h2{font-size:1.4rem!important}
}

/* public/assets/ric-reference-v5/design.css */
/* V5 reference composition, layered after the viewport correction. */
body.demo-home .demo-hero-copy{border-radius:0!important;border:0!important;min-height:230px!important;padding:24px clamp(36px,6vw,110px)!important;overflow:hidden!important}
html body.demo-home .demo-hero-copy:before{content:''!important;display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2!important;background:url("/assets/ric-reference-v5/arch.svg") center/100% 100% no-repeat!important;pointer-events:none!important}
html body.demo-home .demo-hero-copy:after{display:none!important}
body.demo-home .demo-hero h1{font-size:clamp(1.9rem,3vw,3.2rem)!important;margin-bottom:8px!important}
body.demo-home .demo-hero .demo-type-line,body.demo-home .demo-hero .demo-visit{margin-top:3px!important}
/* Scalable pointed tops keep text inside the lower rectangular part. */
html body.demo-home .ric-prayer-grid .ric-scene-card{border-radius:50% 50% 9px 9px / 32% 32% 9px 9px!important;clip-path:polygon(0 25%,4% 18%,12% 12%,25% 7%,38% 4%,50% 0,62% 4%,75% 7%,88% 12%,96% 18%,100% 25%,100% 100%,0 100%);min-height:235px!important;background:#d7b056!important;padding-top:14px!important}
body.demo-home .ric-scene-card .ric-scene-visual{inset:3px!important;border-radius:45% 45% 5px 5px / 28% 28% 5px 5px!important}
/* Side artwork, content to the right; dynamic content remains in its own DOM. */
html body.demo-home .demo-learning-grid>a,html body.demo-home .demo-community-grid>article{display:block!important;padding:14px 14px 14px calc(34% + 14px)!important;min-height:150px!important;position:relative!important}
html body.demo-home .demo-learning-grid>a:before,html body.demo-home .demo-community-grid>article:before{content:''!important;display:block!important;position:absolute!important;inset:6px auto 6px 6px!important;width:calc(34% - 6px)!important;height:auto!important;margin:0!important;border-radius:7px!important;background-size:cover!important;background-position:center!important;transform:none!important;opacity:1!important}
html body.demo-home .demo-community-grid>article:before{background-size:contain!important;background-color:#f2e5c5!important}
body.demo-home .demo-learning-grid h3,body.demo-home .demo-community-grid h3{font-size:1.05rem!important;margin-bottom:8px!important}
body.demo-home .demo-learning-grid p,body.demo-home .demo-community-grid p{font-size:.8rem!important;line-height:1.5!important;margin-bottom:10px!important}
html body.demo-home .demo-reflections>article{padding:16px 16px 16px calc(26% + 16px)!important;position:relative!important;min-height:190px!important}
html body.demo-home .demo-reflections>article:before{position:absolute!important;inset:8px auto 8px 8px!important;width:calc(26% - 8px)!important;height:auto!important;margin:0!important;background-size:cover!important;background-position:center!important;border-radius:7px!important}
body.demo-home .demo-reflections blockquote{font-size:1rem!important;line-height:1.6!important;margin:10px 0!important;max-height:180px;overflow:auto}
body.demo-home .demo-section-head h2{font-size:clamp(1.4rem,2vw,2rem)!important}
body.demo-home .demo-section-head{margin-bottom:12px!important;gap:14px!important}
/* Drawing remains legible as a preview; original full-size link stays available. */
body.demo-home .demo-expansion [data-ric-plan-image]{width:auto!important;height:auto!important;max-width:100%!important;max-height:320px!important;margin-inline:auto!important}
body.demo-home .demo-expansion figure{margin-block:12px!important;background:#f6f0df!important;border-radius:8px;padding:8px}
body.demo-home .demo-expansion [data-ric-plan-link]{display:block!important;width:fit-content;max-width:100%;margin:auto}
body.demo-home .demo-expansion>div{min-width:0!important}
body.demo-home .demo-expansion .demo-module-body{min-height:0!important}
body.demo-home .demo-footer{padding:20px 1.5%!important;gap:12px!important}
body.demo-home .ric-footer-columns{gap:16px!important}
body.demo-home .demo-season{padding-block:18px!important}
body.demo-home .demo-season>h2{margin-bottom:12px!important}
body.demo-home .demo-season>p{margin-bottom:14px!important}
@media(max-width:900px){
 html body.demo-home .demo-learning-grid,html body.demo-home .demo-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body.demo-home .demo-reflections{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:600px){
 html body.demo-home .demo-learning-grid,html body.demo-home .demo-community-grid{grid-template-columns:minmax(0,1fr)!important}
 body.demo-home .demo-hero-copy{padding:24px 32px!important;min-height:0!important}
 body.demo-home .demo-hero h1{font-size:clamp(1.8rem,7vw,2.4rem)!important}
 html body.demo-home .demo-reflections>article{padding-left:calc(24% + 14px)!important}
 html body.demo-home .demo-reflections>article:before{width:calc(24% - 6px)!important}
 body.demo-home .demo-expansion [data-ric-plan-image]{max-height:260px!important}
}
@media(max-width:280px){
 html body.demo-home .demo-learning-grid>a,html body.demo-home .demo-community-grid>article,html body.demo-home .demo-reflections>article{padding:12px!important}
 html body.demo-home .demo-learning-grid>a:before,html body.demo-home .demo-community-grid>article:before,html body.demo-home .demo-reflections>article:before{position:relative!important;inset:auto!important;width:100%!important;height:95px!important;margin:0 0 10px!important;background-size:contain!important}
 body.demo-home .demo-hero-copy{padding:24px 20px!important}
}

/* public/assets/ric-sky-expansion-v6/panel.css */
body.demo-home .ric-coastal-weather{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,3fr) minmax(200px,1fr);gap:12px;width:100%;margin:12px 0 18px;color:#103c32}
.ric-coastal-stage{position:relative;isolation:isolate;min-width:0;overflow:hidden;border:1px solid #c4a359;border-radius:10px;background:#123c42;color:#fff}
.ric-coastal-title{position:absolute;z-index:4;inset:0 0 auto;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:12px;background:linear-gradient(#032d35e0,transparent);font-size:.9rem}
.ric-coastal-title span{font-size:.7rem;background:#073e35db;padding:4px 8px;border-radius:5px}
.ric-coastal-canvas{position:relative;isolation:isolate;aspect-ratio:3/1;min-height:210px;background:url("/assets/ric-mobile-polish-v16/rockaway-islamic-center-coastal-sky.webp") center 57%/cover}
.ric-coastal-canvas .ric-local-sky{inset:0!important;z-index:1!important;background:transparent!important}
.ric-coastal-canvas:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:#002d3610}
[data-local-sky=night] .ric-coastal-canvas:after{background:#00102cd9}[data-local-sky=dawn] .ric-coastal-canvas:after{background:#1b204f60}
.ric-coastal-canvas[data-preview=clear]:after{background:transparent}.ric-coastal-canvas[data-preview=clouds]:after{background:#a6b8c577}.ric-coastal-canvas[data-preview=fog]:after{background:#d7e3e4bb}
.ric-coastal-canvas[data-preview=rain]:after{background:repeating-linear-gradient(110deg,#243b5960 0 14px,#d0eafa90 15px 16px,#243b5960 17px 34px)}
.ric-coastal-canvas[data-preview=snow]:after{background:radial-gradient(circle,#fff 2px,transparent 3px) 0 0/24px 29px,#a1b3c36b}
.ric-coastal-canvas[data-preview=wind]:after{background:repeating-linear-gradient(170deg,transparent 0 35px,#fff8 36px 37px,transparent 38px 72px)}
.ric-coastal-canvas[data-preview] .ric-local-sky{visibility:hidden}
.ric-coastal-caption{font-size:.65rem!important;margin:0!important;padding:8px 12px;line-height:1.5!important;background:#06382f}
.ric-weather-values{background:#fffdf5;border:1px solid #d5bd7e;border-radius:10px;padding:15px;min-width:0}.ric-weather-values h3{font-size:1rem;margin:0 0 9px}.ric-weather-values>strong{font-size:2rem}.ric-weather-values p{font-size:.8rem;line-height:1.5;margin:9px 0}.ric-weather-values small{display:block;font-size:.67rem;line-height:1.5}.ric-weather-values h3:not(:first-child){margin-top:18px}
.ric-weather-examples{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;align-items:center}.ric-weather-examples>span{font-size:.75rem;font-weight:bold}.ric-weather-examples button{padding:9px 14px;min-height:44px;background:#fff9e8;border:1px solid #b3934a;border-radius:7px;color:#073e35}.ric-weather-examples button[aria-pressed=true]{background:#073e35;color:#ffe4a1}
body.demo-home .ric-prayer-live>.ric-local-sky{display:none}
.ric-expansion-drawing-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.ric-expansion-drawing-row figure{min-width:0!important;margin:0!important}.ric-expansion-drawing-row img{display:block;width:100%;height:280px;object-fit:contain;background:white}.ric-expansion-drawing-row figcaption{font-size:.75rem;line-height:1.5;padding:8px}
.ric-plan-viewer [data-ric-plan]{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:8px!important}.ric-plan-viewer [data-ric-plan] img{display:block;width:90px;height:55px;object-fit:contain;background:#fff;border-radius:3px}
@media(max-width:700px){body.demo-home .ric-coastal-weather,.ric-expansion-drawing-row{grid-template-columns:minmax(0,1fr)}.ric-coastal-canvas{aspect-ratio:2/1;min-height:180px}.ric-weather-values{display:block}.ric-expansion-drawing-row img{height:220px}.ric-coastal-title{font-size:.75rem}}
@media(max-width:260px){.ric-coastal-canvas{min-height:150px}.ric-weather-examples button{width:100%}.ric-coastal-title{position:relative;background:#073e35}.ric-plan-viewer [data-ric-plan]{max-width:100%;width:100%}}

/* public/assets/ric-building-v7/building.css */
body.demo-home .ric-expansion-drawing-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}
body.demo-home .ric-elevation-preview img{width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:3/2;object-fit:contain!important;border-radius:8px;background:#fff}
body.demo-home .ric-elevation-preview figcaption{color:#173f33;background:#fff8e8;font-size:.75rem;line-height:1.6}
body.demo-home .ric-elevation-preview figcaption a{text-decoration:underline;font-weight:bold}
body.demo-home .demo-footer .ric-socials a{gap:7px;border:0!important;min-width:60px;justify-content:center;flex-direction:column;padding:7px!important}
body.demo-home .demo-footer .ric-socials a span{display:flex;align-items:center;justify-content:center;width:34px!important;height:34px!important;border-radius:8px;border:1px solid #ffe0a2;box-shadow:0 3px 5px #0005;color:white;font-size:1.3rem!important;font-weight:800}
.ric-socials a[aria-label=Instagram] span{background:linear-gradient(40deg,#ffbf39,#e52f7e,#6732cf)}.ric-socials a[aria-label=Facebook] span,.ric-socials a[aria-label=LinkedIn] span{background:#086ad8}.ric-socials a[aria-label=YouTube] span{background:#ef2626}.ric-socials a[aria-label=TikTok] span,.ric-socials a[aria-label=Threads] span,.ric-socials a[aria-label=X] span{background:#111}
@media(max-width:700px){body.demo-home .ric-expansion-drawing-row{grid-template-columns:minmax(0,1fr)}}

/* public/assets/ric-social-footer-v8/social.css */
body.demo-home .demo-footer .ric-socials{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:clamp(10px,3vw,42px)!important;width:100%!important;padding:15px 0!important}
body.demo-home .demo-footer .ric-social-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:68px!important;padding:8px!important;color:#fff8df!important;font-size:.75rem!important;line-height:1.3!important;text-align:center!important}
body.demo-home .demo-footer .ric-social-item>span[aria-hidden]{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border:1px solid #f9d77e!important;border-radius:9px!important;color:white!important;font-size:1.35rem!important;font-weight:bold!important;box-shadow:0 3px 5px #0005!important}
body.demo-home .ric-social-item[data-platform=instagram]>span[aria-hidden]{background:linear-gradient(40deg,#ffbf39,#e52f7e,#6732cf)!important}
body.demo-home .ric-social-item[data-platform=facebook]>span[aria-hidden]{background:#086ad8!important}
body.demo-home .ric-social-item[data-platform=youtube]>span[aria-hidden]{background:#ef2626!important}
body.demo-home .ric-social-item[data-platform=linkedin]>span[aria-hidden]{background:#096db0!important}
body.demo-home .ric-social-item[data-platform=tiktok]>span[aria-hidden],body.demo-home .ric-social-item[data-platform=threads]>span[aria-hidden],body.demo-home .ric-social-item[data-platform=x]>span[aria-hidden]{background:#111!important}
body.demo-home .ric-social-item small{font-size:.6rem!important;color:#d5dcd3!important}
body.demo-home .ric-social-item.ric-social-pending{cursor:default!important}
body.demo-home .ric-social-item svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}
@media(max-width:430px){body.demo-home .demo-footer .ric-socials{gap:8px!important}body.demo-home .demo-footer .ric-social-item{min-width:64px!important}}

/* public/assets/ric-footer-fix-v9/footer.css */
html body.demo-home .demo-footer .ric-footer-networks-v9{display:flex!important;flex-wrap:wrap!important;align-items:start!important;justify-content:center!important;gap:12px 24px!important;width:100%!important;margin:0!important;padding:14px 0!important;line-height:1.4!important}
html body.demo-home .demo-footer .ric-footer-networks-v9>.ric-network-v9{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:start!important;gap:7px!important;position:relative!important;transform:none!important;width:90px!important;min-width:0!important;height:auto!important;min-height:90px!important;padding:6px!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;color:#fff8e4!important;text-align:center!important;text-decoration:none!important}
.ric-footer-networks-v9 *:before,.ric-footer-networks-v9 *:after{content:none!important;display:none!important}
html body.demo-home .ric-footer-networks-v9 .ric-network-icon-v9{display:flex!important;flex:none!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;position:static!important;margin:0!important;padding:5px!important;border:1px solid #f3d483!important;border-radius:8px!important;font-size:22px!important;font-style:normal!important;font-family:Arial,sans-serif!important;font-weight:bold!important;line-height:1!important;color:white!important;background:#111!important;box-shadow:0 3px 5px #0005!important}
html body.demo-home .ric-footer-networks-v9 .ric-network-name-v9{display:block!important;width:auto!important;height:auto!important;position:static!important;font:600 12px/1.4 system-ui,sans-serif!important;color:#fff8df!important;border:0!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important}
html body.demo-home .ric-footer-networks-v9 small{display:block!important;font:10px/1.4 system-ui,sans-serif!important;position:static!important;width:auto!important;height:auto!important;color:#cedbce!important;padding:0!important;margin:0!important;background:none!important;border:0!important}
html body.demo-home .ric-footer-networks-v9 svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}
html body.demo-home .ric-footer-networks-v9 [data-platform=instagram] .ric-network-icon-v9{background:linear-gradient(40deg,#ffbf39,#e52f7e,#6732cf)!important}
html body.demo-home .ric-footer-networks-v9 [data-platform=facebook] .ric-network-icon-v9{background:#086ad8!important}
html body.demo-home .ric-footer-networks-v9 [data-platform=youtube] .ric-network-icon-v9{background:#e82424!important}
html body.demo-home .ric-footer-networks-v9 [data-platform=linkedin] .ric-network-icon-v9{background:#096db0!important}
.ric-footer-networks-v9 a:focus-visible{outline:3px solid #f4d47f;outline-offset:3px}
@media(max-width:430px){html body.demo-home .demo-footer .ric-footer-networks-v9{gap:8px!important}html body.demo-home .demo-footer .ric-footer-networks-v9>.ric-network-v9{width:76px!important}}

/* public/assets/ric-safety-notice-v11/notice.css */
.ric-safety-notice{box-sizing:border-box;border:1px solid #cfad5e;border-top:3px solid #d9b15a;border-radius:10px;background:#fff9e9;color:#10392f;padding:16px;margin:12px 0;font-family:system-ui,sans-serif;box-shadow:0 -4px 24px #002d2526}
.ric-safety-notice.ric-safety-floating{position:fixed;inset:auto .5% max(6px,env(safe-area-inset-bottom));width:99%;z-index:10000;margin:0;max-height:45vh;max-height:45dvh;overflow:auto;overscroll-behavior:contain}
.ric-safety-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ric-safety-heading h2{font:700 1rem/1.4 system-ui,sans-serif!important;letter-spacing:normal!important;margin:0!important;color:#123c31!important}
.ric-safety-notice p{max-width:none!important;font-size:.88rem!important;line-height:1.6!important;margin:9px 0!important}.ric-safety-notice details{margin-top:8px}.ric-safety-notice summary{cursor:pointer;font-weight:700;font-size:.85rem;min-height:32px;padding:6px 0}.ric-safety-notice ul{padding-left:22px;margin:8px 0}.ric-safety-notice li{font-size:.85rem;line-height:1.6;margin-bottom:7px}
.ric-safety-notice button,.ric-safety-reopen{min-height:44px;padding:10px 18px;border-radius:7px;border:1px solid #c6a252;background:#073e35;color:#fff7df;font:700 .85rem/1.3 system-ui,sans-serif;cursor:pointer}.ric-safety-notice button:focus-visible,.ric-safety-reopen:focus-visible{outline:3px solid #c48a19;outline-offset:3px}.ric-safety-reopen{margin:10px 0;display:inline-block}.ric-safety-notice[hidden],.ric-safety-notice button[hidden]{display:none!important}
@media(max-width:430px){.ric-safety-notice{padding:12px}.ric-safety-notice.ric-safety-floating{max-height:50vh;max-height:50dvh}.ric-safety-heading button{padding:10px 14px}.ric-safety-notice p{font-size:.8rem!important}}
@media(max-width:260px){.ric-safety-heading button{width:100%}}
