/* V150 — event comparison parity + vibrant home navigation */
#pageDateMatrix .dm-datecalc-clone{margin-top:1rem;border:1px solid var(--dm-gold-dim);border-radius:14px;background:var(--dm-bg2);padding:1rem;overflow:hidden}
#pageDateMatrix .dm-datecalc-clone .dc-duration-row{margin:0;align-items:center}
#pageDateMatrix .dm-datecalc-clone .dc-dur-center{background:var(--bg-card);border-color:var(--border-lit)}
#pageDateMatrix .dm-datecalc-clone .dc-from-to{line-height:1.65}
#pageDateMatrix .dm-datecalc-clone .dc-main-duration{max-width:100%;white-space:normal}
#pageDateMatrix .dm-datecalc-clone .dm-static-check{cursor:default}
#pageDateMatrix .dm-datecalc-clone .dm-checkmark{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:3px;background:var(--gold);color:#111;font-size:11px;font-weight:900;flex:0 0 14px}
#pageDateMatrix .dm-datecalc-clone .vn,#pageDateMatrix .dm-datecalc-clone .dn{color:var(--dcr-doy)}

/* Top-category miniature cards: richer color, especially in dark mode. */
#raqeemCategoryNav .raqeem-category-dropdown{--rq-accent:#e0b93e;--rq-accent2:#7b5b16}
#raqeemCategoryNav .raqeem-category-dropdown[data-category="القرآن الكريم"]{--rq-accent:#67e8a5;--rq-accent2:#d8b84b}
#raqeemCategoryNav .raqeem-category-dropdown[data-category="حساب الجُمّل"]{--rq-accent:#46d8ff;--rq-accent2:#725cff}
#raqeemCategoryNav .raqeem-category-dropdown[data-category="النصوص المقدسة"]{--rq-accent:#62e6a7;--rq-accent2:#d8b84b}
#raqeemCategoryNav .raqeem-category-dropdown[data-category="الزمن والفلك"]{--rq-accent:#8ab4ff;--rq-accent2:#c86cff}
#raqeemCategoryNav .raqeem-category-dropdown[data-category="الأعداد والهندسة"]{--rq-accent:#48e0d0;--rq-accent2:#5d8dff}
#raqeemCategoryNav .raqeem-category-dropdown[data-category="رمزيات"]{--rq-accent:#ff8f70;--rq-accent2:#c86cff}
#raqeemCategoryNav .raqeem-category-dropdown[data-category="المسالك والتقاليد"]{--rq-accent:#f2c94c;--rq-accent2:#ff7d7d}
#raqeemCategoryNav .raqeem-category-dropdown[data-category="الصوت والنسب"]{--rq-accent:#6ee7ff;--rq-accent2:#5ee09f}
#raqeemCategoryNav .raqeem-category-dropdown[data-category="البطاقات الرمزية"]{--rq-accent:#ff7eb6;--rq-accent2:#9d78ff}
#raqeemCategoryNav .raqeem-category-tool{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--rq-accent) 48%,var(--bdr));background:linear-gradient(145deg,color-mix(in srgb,var(--rq-accent) 16%,var(--bg2)),color-mix(in srgb,var(--rq-accent2) 10%,var(--bg2)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rq-accent) 8%,transparent)}
#raqeemCategoryNav .raqeem-category-tool::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 5%,color-mix(in srgb,var(--rq-accent) 22%,transparent),transparent 55%);pointer-events:none}
#raqeemCategoryNav .raqeem-category-tool .tgi{position:relative;color:var(--rq-accent);text-shadow:0 0 13px color-mix(in srgb,var(--rq-accent) 52%,transparent)}
#raqeemCategoryNav .raqeem-category-tool .tgl{position:relative;color:color-mix(in srgb,var(--rq-accent) 28%,var(--txt2));font-weight:650}
#raqeemCategoryNav .raqeem-category-tool:hover{border-color:var(--rq-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--rq-accent) 24%,var(--bg2)),color-mix(in srgb,var(--rq-accent2) 18%,var(--bg2)));box-shadow:0 7px 22px color-mix(in srgb,var(--rq-accent) 15%,transparent)}
html[data-theme="light"] #raqeemCategoryNav .raqeem-category-tool{background:linear-gradient(145deg,color-mix(in srgb,var(--rq-accent) 12%,#fff),color-mix(in srgb,var(--rq-accent2) 7%,#fff));border-color:color-mix(in srgb,var(--rq-accent) 42%,#c9c2ae)}
html[data-theme="light"] #raqeemCategoryNav .raqeem-category-tool .tgl{color:color-mix(in srgb,var(--rq-accent2) 42%,#403b31)}

@media(max-width:700px){
  #pageDateMatrix .dm-datecalc-clone{padding:.75rem}
  #pageDateMatrix .dm-datecalc-clone .dc-duration-row{display:grid!important;grid-template-columns:1fr!important;gap:.9rem!important}
  #pageDateMatrix .dm-datecalc-clone .dc-dur-ctrl,#pageDateMatrix .dm-datecalc-clone .dc-dur-vars,#pageDateMatrix .dm-datecalc-clone .dc-dur-center{width:100%;max-width:none;min-width:0;box-sizing:border-box}
  #pageDateMatrix .dm-datecalc-clone .dc-dur-ctrl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}
  #pageDateMatrix .dm-datecalc-clone .dc-dur-ctrl .dc-ctrl-title{grid-column:1/-1;text-align:center}
  #pageDateMatrix .dm-datecalc-clone .dc-chk{justify-content:center;font-size:.78rem}
  #pageDateMatrix .dm-datecalc-clone .dc-var-line{font-size:.9rem}
}