/* Islamic dates hub (prefix dt): calendar months, moon sighting and qurbani tables. Builds on ak.css tokens. */
.dt_cal{display:grid;gap:1.25rem}
.dt_cal .tool_answer .tool_row{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:.5rem}
.dt_legend{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.8125rem;color:var(--muted)}
.dt_legend i{display:inline-block;width:.875rem;height:.875rem;border-radius:3px;vertical-align:-2px;margin-inline-end:.4rem;box-shadow:inset 0 0 0 1px var(--line)}
.dt_legend .lg-ev{background:var(--lapis-tint);box-shadow:inset 0 0 0 1px rgba(29,58,138,.35)}
.dt_legend .lg-white{background:var(--gold-tint);box-shadow:inset 0 0 0 1px rgba(201,154,46,.45)}
.dt_legend .lg-sun{background:var(--page);box-shadow:inset 0 -3px 0 var(--gold)}
.dt_legend .lg-no{background:repeating-linear-gradient(135deg,var(--raised) 0 3px,var(--page) 3px 6px)}
.dt_jump{display:flex;flex-wrap:wrap;gap:.375rem}
.dt_jump a{display:inline-flex;align-items:center;height:2rem;padding:0 .7rem;border-radius:999px;font-size:.8125rem;background:var(--page);box-shadow:inset 0 0 0 1px var(--line)}
.dt_jump a:hover{box-shadow:inset 0 0 0 1px var(--text)}
.dt_jump a.is-now{background:var(--text);color:var(--page);box-shadow:none}
.dt_yh{margin-block-start:.75rem}
.dt_months{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));align-items:start}
.dt_month{scroll-margin-top:6rem}
.dt_cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem}
.dt_cap b{font-weight:500}
.dt_cap small{flex-basis:100%;font:400 .8125rem/1.4 var(--mono);color:var(--muted)}
.dt_ar{font:400 1.125rem/1 var(--arabic);color:var(--gold-ink)}
.dt_month th.is-sun{color:var(--gold-ink);box-shadow:inset 0 -2px 0 var(--gold)}
.dt_month td{position:relative}
.dt_month td a{display:block;height:100%;color:var(--lapis)}
.dt_month td.is-ev{background:var(--lapis-tint)}
.dt_month td.is-ev a:hover b{text-decoration:underline}
.dt_month td.is-white{background:var(--gold-tint)}
.dt_month td.is-white.is-ev{background:linear-gradient(180deg,var(--lapis-tint) 60%,var(--gold-tint) 60%)}
.dt_month td.is-nofast{background:repeating-linear-gradient(135deg,var(--raised) 0 3px,var(--page) 3px 6px)}
.dt_month td.is-nofast.is-ev{background:repeating-linear-gradient(135deg,var(--lapis-tint) 0 3px,var(--page) 3px 6px)}
.dt_month td.is-today{background:var(--lapis-tint);box-shadow:inset 0 0 0 2px var(--lapis)}
.dt_evs{display:grid;gap:.35rem;padding:.75rem 1rem;border-top:1px solid var(--line);font-size:.8125rem;line-height:1.4}
.dt_evs a{color:var(--lapis)}
.dt_evs a:hover{text-decoration:underline}
.dt_evs span{color:var(--muted);font-family:var(--mono);font-size:.75rem}
.dt_after{margin-block-start:.75rem}
@media (max-width:420px){.dt_month td{height:3rem;padding:.25rem}.dt_month td b{font-size:.9375rem}.dt_month td small{font-size:.625rem}}

/* Moon sighting */
.dt_moon td,.dt_moon th,.dt_world td,.dt_world th,.dt_qb td,.dt_qb th{padding:.625rem .75rem;font-size:.875rem}
.dt_moon td:first-child{font:400 .8125rem/1.3 var(--mono);color:var(--muted)}
.dt_moon td.t,.dt_world td.t{font:500 .9375rem/1.2 var(--mono)}
.post_table table.dt_moon,.post_table table.dt_qb{min-width:0}
.dt_q{display:inline-flex;align-items:center;gap:.4rem;font-weight:500}
.dt_q i{display:inline-grid;place-items:center;width:1.375rem;height:1.375rem;border-radius:5px;font:500 .8125rem/1 var(--mono);font-style:normal;color:#fff}
.dt_q[data-c="A"] i{background:var(--ok)}
.dt_q[data-c="B"] i{background:#4D8B31}
.dt_q[data-c="C"] i{background:var(--gold)}
.dt_q[data-c="D"] i{background:#B7791F}
.dt_q[data-c="E"] i,.dt_q[data-c="F"] i,.dt_q[data-c="X"] i{background:var(--faint)}
.dt_qb tr.is-best td{background:var(--ok-tint)}
.dt_qb tr.is-best td:first-child{box-shadow:inset 3px 0 0 var(--ok);font-weight:500}