/* Round 4 dates (prefix dt4): Hijri date by country, Eid pages, what day of Ramadan, Muslim holidays 2027. Builds on ak.css tokens. */
.dt4_hub .cell.is-here{background:var(--lapis-tint)}
.dt4_hub .h3 a{color:var(--lapis)}
.dt4_hub .h3 a:hover{text-decoration:underline}
.dt4_after{margin-block-start:.875rem}
[data-dt4-conv] .hj_three{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
[data-dt4-conv] .hj_three label:nth-child(2){grid-column:1 / -1;order:3}
.dt4_day{margin-block-start:1.25rem}

/* What day of Ramadan */
.dt4_rkeys{padding:1rem 1.25rem;border-radius:var(--r2);box-shadow:inset 0 0 0 1px var(--line)}
.dt4_rkeys[hidden],.rm_count[hidden]{display:none}
.dt4_ashras{display:grid;gap:.75rem}
.dt4_ash{display:grid;gap:.5rem;padding:1rem 1.25rem;border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line)}
.dt4_ash .tool_label{margin:0;line-height:1.4}
.dt4_ash .verse{margin:0}
.dt4_ash.is-now{background:var(--lapis-tint);box-shadow:inset 0 0 0 2px var(--lapis)}
.dt4_rtbl{margin-block:.5rem .75rem}
.dt4_rtbl table{min-width:26rem}
.dt4_rtbl tr.is-today td{background:var(--lapis-tint);font-weight:500}
[data-dt4-rday] > .tool_side_t{margin-block-start:1.5rem}

/* Muslim holidays */
.dt4_htbl{margin-block:1.25rem}
.dt4_htbl table{min-width:46rem}
.dt4_htbl td small{display:block;margin-block-start:.2rem;font-size:.8125rem;color:var(--muted)}
.dt4_htbl td:first-child{min-width:10rem}
.dt4_htbl tr.is-next td{background:var(--lapis-tint)}
.dt4_htbl tr.is-past td{opacity:.6}
.dt4_months{margin-block-start:.75rem}
.dt4_months .cell_num{font-size:.8125rem;line-height:1.4}
.dt4_mlist{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.4rem;font-size:.9375rem;line-height:1.4}
.dt4_mlist a{color:var(--lapis)}
.dt4_mlist a:hover{text-decoration:underline}
.dt4_mlist span{display:block;font:400 .8125rem/1.4 var(--mono);color:var(--muted)}
.dt4_mlist .dt4_none{color:var(--muted)}
[data-dt4-hol] .tool_answer .tool_row{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:.5rem}

@media print{
  body:has([data-dt4-hol]) :is(header,footer,.tool_related,.faq,.tool_guide,[data-dt4-ics],[data-dt4-print],.tool_privacy){display:none!important}
  .dt4_htbl table{min-width:0}
}

/* Rolling countdown (dt_roll): the live message while the event is on */
.rm_count.is-live [data-roll-label]{font:600 clamp(1.375rem,1rem + 1.6vw,2rem)/1.25 var(--display);color:#fff;text-wrap:balance}