/* ريّا v65 — calm headings (no calligraphic display face), no strokes, compact ayah + prayer, «ورد التدبر», refined القرّاء, and the owner's 08:26 layout: prayer right, azkar left, sections orbit centre. CSS only. */
:root{--kufi:'IBM Plex Sans Arabic','Tajawal',system-ui,sans-serif;--h65:'IBM Plex Sans Arabic','Tajawal',system-ui,sans-serif;--sh65:0 1px 2px rgba(20,20,20,.04),0 10px 30px -18px rgba(20,20,20,.22)}
/* ---------- 1) headings: a clean, calm UI face everywhere on home ---------- */
.hx.h65 h2,.hx.h65 h3,.hx.h65 .hx-eyebrow,.hx.h65 .hx-eyebrow span,.hx.h65 .ded-h,.hx.h65 .rm-big,.hx.h65 .h62-dh b,.hx.h65 .p60c-h b,.hx.h65 .t65-tt b{font-family:var(--h65)!important;letter-spacing:0!important;font-weight:600!important}
.hx.h65>*>section>.hx-head h2,.hx.h65 section>.hx-head h2{font-size:19px!important;line-height:1.4;padding-inline-start:0!important}
.hx.h65 .hx-head p{font-size:13px;opacity:.75}
.hx.h65 .hx-eyebrow{font-size:12.5px!important;color:var(--k-tone)!important}
.hx.h65 .hx-eyebrow::before,.hx.h65 .hx-eyebrow::after{display:none!important}
.hx.h65 .ded-h{font-size:22px!important}
/* ---------- 2) no strokes: soft surfaces + spacing ---------- */
.hx.h65 *:not(.h64-tr){border-color:transparent!important}
.hx.h65 .h62-hc::before,.hx.h65 section>.hx-head h2::before,.hx.h65 .h62-rm::before,.hx.h65 .hx-head h2::after{display:none!important;content:none!important}
.hx.h65 :is(.hx-hero,.hx-prayer,.h62-az,.h62-rm,.h64-orbit,.p60c,.t65,.h62-hc,.h63-dl .h62-daily,.hx-rcard,.hx-ded){border:0!important;box-shadow:var(--sh65)!important;outline:0}
.hx.h65 .h62-hc{background:var(--card)}
.hx.h65 .h63-dl .h62-daily{background:var(--card)!important}
.hx.h65 :is(.hx-btn:not(.primary),.h62-btn,.h62-wide,.h64-more a,.h64-rep,.hx-dates b,.h62-cd span){background:var(--k-tone-s)!important;box-shadow:none!important}
.hx.h65 .hx-btn.primary{box-shadow:none!important}
.hx.h65 .vz63{border-top:0!important;background:var(--k-tone-s)}
.hx.h65 .h64-tr{border:0!important}
.hx.h65 .h64-tr.t1{background:radial-gradient(circle,transparent 57%,var(--k-tone-s) 58%,var(--k-tone-s) 70%,transparent 71%)}
.hx.h65 .h64-tr.t2{display:none}
.hx.h65 .h64-ic{border:0!important;background:var(--k-tone-s)!important;box-shadow:0 6px 16px -10px rgba(0,0,0,.35)!important}
.hx.h65 .hx-strip>div{border:0!important}
/* ---------- 4) compact آية اليوم ---------- */
.hx.h65 .hx-top{display:contents!important}
.hx.h65 .hx-hero{padding:18px 20px 16px!important;min-height:0!important;border-radius:22px;justify-content:center}
.hx.h65 .hx-hero .rx-star{opacity:.35;width:260px!important;height:260px!important}
.hx.h65 .hx-dates{font-size:12px!important;margin-bottom:6px!important}
.hx.h65 .hx-ayah{font-size:clamp(18px,1.35vw,21px)!important;line-height:2!important;margin:4px 0 6px!important;max-width:62ch;margin-inline:auto!important}
.hx.h65 .hx-ayah .rx-w{line-height:inherit}
.hx.h65 .hx-ref{font-size:12.5px!important;margin:0 0 10px!important}
.hx.h65 .hx-actions{gap:6px!important}
.hx.h65 .hx-actions .hx-btn{height:34px!important;min-height:34px!important;padding:0 12px!important;font-size:13px!important;border-radius:11px!important}
/* ---------- 4) compact مواقيت الصلاة ---------- */
.hx.h65 .hx-prayer{padding:14px 16px!important;border-radius:22px;gap:10px!important;display:flex!important;flex-direction:column;justify-content:flex-start!important;min-height:0!important}
.hx.h65 .hx-pr-head{min-height:0!important;margin:0!important}
.hx.h65 .hx-pr-head .hx-more{min-height:30px!important;padding:0 8px!important;font-size:12.5px}
.hx.h65 .hx-pr-main{margin:0!important;gap:8px!important}
.hx.h65 .hx-pr-next{font-size:20px!important;line-height:1.3!important}
.hx.h65 .hx-pr-cd .cd-time{font-size:20px!important;line-height:1.3!important}
.hx.h65 .hx-pr-main small{font-size:11.5px!important}
.hx.h65 .hx-strip{margin:0!important;gap:4px!important;background:none!important;border:0!important;border-radius:0!important;overflow:visible!important}
.hx.h65 .hx-strip>div{padding:6px 2px 5px!important;border-radius:11px!important;background:var(--k-tone-s)}
.hx.h65 .hx-strip>div.on{background:var(--k-tone)!important;color:var(--card)!important}
.hx.h65 .hx-strip>div.on *{color:inherit!important}
.hx.h65 .hx-strip span{font-size:11px!important}.hx.h65 .hx-strip b{font-size:12.5px!important}
.hx.h65 .hx-prayer>*:not(.hx-pr-head):not(.hx-pr-main):not(.hx-strip){margin-top:0!important}
/* ---------- 5) ورد التدبر ---------- */
.t65{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:22px;background:var(--card);color:var(--ink,inherit)}
.t65-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.t65-tt{display:flex;flex-direction:column;gap:1px}
.t65-tt b{font-size:17px;color:var(--ink,inherit)}
.t65-tt span{font-size:12px;color:var(--muted)}
.t65-nav{display:flex;gap:4px}
.t65-nav button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--k-tone-s);color:var(--k-tone);cursor:pointer;padding:0}
.t65-nav .ico{width:16px;height:16px}
.t65-ay{margin:2px 0 0;font-family:var(--q);font-size:20px;line-height:2.05;text-align:center;color:var(--ink,inherit);text-wrap:balance}
.t65-ref{text-align:center;font-size:12.5px;font-weight:700;color:var(--k-tone)}
.t65-mn{padding:12px 14px;border-radius:16px;background:var(--k-tone-s)}
.t65-mn span,.t65-nz summary span{display:block;font-family:var(--h65);font-weight:600;font-size:13px;color:var(--k-tone);margin-bottom:4px}
.t65-mn p{margin:0;font-size:15px;line-height:1.95;color:var(--ink,inherit)}
.t65-nz{padding:10px 14px;border-radius:16px;background:var(--card2,rgba(127,127,127,.07))}
.t65-nz summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;min-height:30px}
.t65-nz summary::-webkit-details-marker{display:none}
.t65-nz summary span{margin:0}
.t65-nz summary small{font-size:11.5px;color:var(--muted)}
.t65-nz summary::after{content:"";width:8px;height:8px;border-inline-end:2px solid var(--k-tone);border-bottom:2px solid var(--k-tone);transform:rotate(45deg);margin-inline-start:6px;transition:transform .25s;flex:none}
.t65-nz[open] summary::after{transform:rotate(-135deg)}
.t65-nz p{margin:8px 0 2px;font-family:var(--ar);font-size:15.5px;line-height:2;color:var(--ink,inherit);max-height:340px;overflow:auto}
.t65-ft{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:auto}
.t65-ft small{font-size:11.5px;color:var(--muted)}
.t65-ft a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--k-tone);text-decoration:none;padding:6px 12px;border-radius:999px;background:var(--k-tone-s)}
.t65-ft .ico{width:16px;height:16px}
/* ---------- 6) القرّاء: a refined scroller ---------- */
.hx.h65 .h64-rec{padding:0!important;background:none!important;box-shadow:none!important}
.hx.h65 .h64-rec .hx-rrow{display:grid!important;grid-auto-flow:column;grid-auto-columns:138px;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px!important;scrollbar-width:none}
.hx.h65 .h64-rec .hx-rrow::-webkit-scrollbar{display:none}
.hx.h65 .h64-rec .hx-rcard{position:relative;scroll-snap-align:start;transform:none!important;display:flex!important;flex-direction:column;align-items:center;gap:0;padding:16px 10px 14px!important;border-radius:20px!important;background:var(--card)!important;width:auto!important;min-width:0!important;margin:0!important}
.hx.h65 .h64-rec .hx-rcard::before,.hx.h65 .h64-rec .hx-rcard::after{display:none!important}
.hx.h65 .h64-rec .hx-rlink{display:flex!important;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--ink,inherit);width:100%;text-align:center}
.hx.h65 .h64-rec .hx-av{width:72px!important;height:72px!important;border-radius:50%!important;overflow:hidden;margin:0 0 8px!important;box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--k-tone-s)!important;background:var(--k-tone-s)!important;flex:none}
.hx.h65 .h64-rec .hx-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.hx.h65 .h64-rec .hx-rlink b{font-family:var(--h65);font-weight:600;font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0}
.hx.h65 .h64-rec .hx-rlink small{font-size:11.5px;color:var(--muted)}
.hx.h65 .h64-rec .hx-rplay{position:absolute!important;top:66px;inset-inline-start:calc(50% - 46px);width:32px!important;height:32px!important;min-height:0!important;padding:0!important;margin:0!important;border-radius:50%!important;display:grid!important;place-items:center;font-size:0!important;color:var(--card)!important;background:var(--k-tone)!important;border:0!important;box-shadow:0 0 0 3px var(--card)!important;cursor:pointer}
.hx.h65 .h64-rec .hx-rplay .ico{width:14px!important;height:14px!important;margin:0!important;transform:translateX(-1px)}
.hx.h65 .h64-rec .hx-head{margin-bottom:10px!important}
.hx.h65 .h64-rec .r8-nav button{border:0!important;background:var(--k-tone-s)!important;color:var(--k-tone)!important;border-radius:50%!important}
/* ---------- layout (owner 08:26): prayer right, azkar left, sections orbit centre ---------- */
@media(max-width:1023px){
 .hx.h65{display:flex!important;flex-direction:column;gap:14px}
 .hx.h65 .hx-prayer{order:1!important}
 .hx.h65 .hx-hero{order:2!important}
 .hx.h65 .h64-orbit{order:3!important}
 .hx.h65 .p60c{order:4!important}
 .hx.h65 .t65{order:5!important}
 .hx.h65 .h62-az{order:6!important}
 .hx.h65 .h62-rm{order:7!important}
 .hx.h65 .h62-hd{order:8!important}
 .hx.h65 .h63-dl{order:9!important}
 .hx.h65 .h64-rec{order:10!important}
 .hx.h65 .hx-ded{order:11!important}
 .hx.h65>.h63-main>[style*="order: 11"]{order:12!important}
 .hx.h65 .hx-ayah{font-size:18.5px!important}
}
@media(max-width:380px){.hx.h65 .h64-ring{--D:270px}}
@media(min-width:1024px){
 .hx.h65{display:grid!important;grid-template-columns:minmax(250px,300px) minmax(360px,1fr) minmax(270px,330px);column-gap:18px;row-gap:18px;align-items:stretch;
  grid-template-areas:"pr ay az" "rm ay az" "co ob dl" "td td td" "hd hd hd" "rc rc rc" "dd dd dd"}
 .hx.h65>*>*{grid-row:auto!important;grid-column:auto!important}
 .hx.h65 .hx-prayer{grid-area:pr!important}
 .hx.h65 .h62-rm{grid-area:rm!important}
 .hx.h65 .hx-hero{grid-area:ay!important}
 .hx.h65 .h62-az{grid-area:az!important}
 .hx.h65 .p60c{grid-area:co!important;display:flex!important;flex-direction:column;justify-content:flex-start;gap:10px}
 .hx.h65 .p60c .p60c-g{grid-template-columns:1fr!important}
 .hx.h65 .h63-dl{grid-area:dl!important;display:flex}
 .hx.h65 .h63-dl .h62-daily{display:flex!important;flex-direction:column;gap:10px;padding:14px 16px!important;width:100%}
 .hx.h65 .h63-dl .h62-daily p{font-size:16px!important;text-align:start!important}
 .hx.h65 .h64-orbit{grid-area:ob!important;justify-content:space-between!important;overflow:hidden!important}
 .hx.h65 .h64-orbit .h64-ring{--D:300px;margin:6px auto!important}
 .hx.h65 .t65{grid-area:td!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"h h" "ay mn" "rf mn" "nz nz" "ft ft";column-gap:28px;row-gap:10px;padding:18px 22px!important;align-items:start}
 .hx.h65 .t65-h{grid-area:h}.hx.h65 .t65-ay{grid-area:ay;align-self:end;font-size:21px}.hx.h65 .t65-ref{grid-area:rf;align-self:start}.hx.h65 .t65-mn{grid-area:mn;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.hx.h65 .t65-nz{grid-area:nz}.hx.h65 .t65-ft{grid-area:ft}
 .hx.h65 .h63-dl .h62-daily{height:100%;justify-content:center}
 .hx.h65 .p60c{justify-content:center!important}
 .hx.h65 .h62-hd{grid-area:hd!important}
 .hx.h65 .h64-rec{grid-area:rc!important}
 .hx.h65 .hx-ded{grid-area:dd!important}
 .hx.h65>.h63-main>[style*="order: 11"]{grid-column:1/-1!important;grid-area:auto!important}
}
@media(min-width:1024px) and (max-width:1199px){.hx.h65 .h64-orbit .h64-ring{--D:290px}}

.t65-mn p.cl{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.t65-more{border:0;background:none;padding:6px 0 0;font:inherit;font-size:12.5px;font-weight:700;color:var(--k-tone);cursor:pointer}

.hx.h65 .hx-head::after,.hx.h65 .hx-head h2::before{display:none!important;content:none!important}
.hx.h65 .hx-head{padding-bottom:0!important}

.hx.h65 :is(.hx-hero,.hx-prayer,.h62-az,.h64-orbit,.p60c,.h63-dl .h62-daily,.hx-ded)::before,.hx.h65 :is(.hx-hero,.hx-prayer,.h62-az,.h64-orbit,.p60c,.h63-dl .h62-daily,.hx-ded)::after{border:0!important;box-shadow:none!important;-webkit-mask:none!important;mask:none!important;background-image:none!important;outline:0!important}
.hx.h65 :is(.hx-hero,.hx-prayer){outline:0!important}

.hx.h65 .h64-rec .hx-rcard{justify-content:flex-start}
.hx.h65 .h64-rec .hx-rlink small{margin-top:1px}