/* Ramadan guides (rg_): the "what breaks your fast" checker. Builds on ak.css tokens and components. */
.rg_top{display:grid;gap:.75rem}
.rg_top .tools_filter{margin-inline:-.25rem;padding-inline:.25rem}
.rg_count{font:400 .75rem/1 var(--mono);color:var(--faint)}
.rg_list{display:grid;gap:.5rem}
.rg_item{border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line);scroll-margin-top:6rem}
.rg_item[open]{box-shadow:inset 0 0 0 1px rgba(29,58,138,.45)}
.rg_item > summary{display:flex;justify-content:space-between;align-items:center;gap:.75rem 1rem;flex-wrap:wrap;padding:.9rem 1rem;cursor:pointer;list-style:none}
.rg_item > summary::-webkit-details-marker{display:none}
.rg_t{font-weight:500;font-size:.9688rem;line-height:1.4;flex:1 1 14rem;min-width:0}
.rg_body{padding:0 1rem 1rem}
.rg_body .madhhab_main p,.rg_body dd{font-size:.9375rem}
.badge.rg_v{white-space:normal;height:auto;min-height:1.375rem;padding-block:.25rem;line-height:1.2}
.badge.rg_v.is-ok{background:var(--ok-tint);color:var(--ok);box-shadow:inset 0 0 0 1px rgba(21,128,61,.25)}
.badge.rg_v.is-mk{background:var(--gold-tint);color:var(--gold-ink);box-shadow:inset 0 0 0 1px rgba(201,154,46,.4)}
.badge.rg_v.is-dep{background:var(--lapis-tint);color:var(--lapis);box-shadow:inset 0 0 0 1px rgba(29,58,138,.2)}
.badge.rg_v.is-qd{background:var(--warn-tint);color:var(--warn);box-shadow:inset 0 0 0 1px rgba(146,64,14,.25)}
.badge.rg_v.is-kf{background:#FEF3F2;color:var(--bad);box-shadow:inset 0 0 0 1px rgba(180,35,24,.3)}
.rg_ans[data-v="ok"] b{color:var(--ok)}
.rg_ans[data-v="mk"] b{color:var(--gold-ink)}
.rg_ans[data-v="dep"] b{color:var(--lapis)}
.rg_ans[data-v="qd"] b{color:var(--warn)}
.rg_ans[data-v="kf"] b{color:var(--bad)}
.rg_ans b{font-size:clamp(1.375rem,1.1rem + 1.4vw,2rem)}
.rg_legend{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.rg_legend li{display:grid;gap:.25rem;font-size:.8125rem;line-height:1.45;color:var(--muted)}
.rg_legend .badge{justify-self:start}
.rg_none{padding:1rem;border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line);font-size:.9375rem;color:var(--muted)}
