/* Finder tools (fd_): /is-it-halal and /surah-for. Builds on ak.css tokens and components.
   ak.css already defines .fd_card and .fd_out (fidya calculator), so this file never uses those two names. */
.fd_top{display:grid;gap:.75rem}
.fd_top .tools_filter{margin-inline:-.25rem;padding-inline:.25rem}
.fd_count{font:400 .8125rem/1 var(--mono);color:var(--faint)}
.fd_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)}
.fd_legend{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.fd_legend li{display:grid;gap:.25rem;font-size:.8125rem;line-height:1.45;color:var(--muted)}
.fd_legend .badge{justify-self:start}
.badge.fd_v,.badge.fd_g{white-space:normal;height:auto;min-height:1.375rem;padding-block:.25rem;line-height:1.2}

/* Is it halal */
.fd_list{display:grid;gap:.5rem}
.fd_item{border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line);scroll-margin-top:6rem}
.fd_item[open]{box-shadow:inset 0 0 0 1px rgba(29,58,138,.45)}
.fd_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}
.fd_item > summary::-webkit-details-marker{display:none}
.fd_t{font-weight:500;font-size:.9688rem;line-height:1.4;flex:1 1 14rem;min-width:0}
.fd_body{display:grid;gap:.75rem;padding:0 1rem 1rem}
.fd_body .madhhab_main p,.fd_body dd{font-size:.9375rem}
.fd_why,.fd_doubt{font-size:.9063rem;line-height:1.55;color:#2B2B2B}
.fd_why b,.fd_doubt b{font-weight:600}
.fd_doubt{padding:.75rem 1rem;border-radius:var(--r1,4px);background:var(--lapis-tint)}
.badge.fd_v.is-ok{background:var(--ok-tint);color:var(--ok);box-shadow:inset 0 0 0 1px rgba(21,128,61,.25)}
.badge.fd_v.is-mk{background:var(--gold-tint);color:var(--gold-ink);box-shadow:inset 0 0 0 1px rgba(201,154,46,.4)}
.badge.fd_v.is-check,.badge.fd_v.is-differ{background:var(--lapis-tint);color:var(--lapis);box-shadow:inset 0 0 0 1px rgba(29,58,138,.2)}
.badge.fd_v.is-avoid{background:var(--warn-tint);color:var(--warn);box-shadow:inset 0 0 0 1px rgba(146,64,14,.25)}
.badge.fd_v.is-no{background:#FEF3F2;color:var(--bad);box-shadow:inset 0 0 0 1px rgba(180,35,24,.3)}
.fd_ans[data-v="ok"] b{color:var(--ok)}
.fd_ans[data-v="mk"] b{color:var(--gold-ink)}
.fd_ans[data-v="check"] b,.fd_ans[data-v="differ"] b{color:var(--lapis)}
.fd_ans[data-v="avoid"] b{color:var(--warn)}
.fd_ans[data-v="no"] b{color:var(--bad)}
.fd_ans b{font-size:clamp(1.375rem,1.1rem + 1.4vw,2rem)}

/* Surah for every need */
.fd_strong{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--muted);cursor:pointer}
.fd_strong input{width:1.05rem;height:1.05rem;accent-color:var(--lapis)}
.fd_needs{display:grid;gap:2rem}
.fd_need{display:grid;gap:.75rem;scroll-margin-top:6rem}
.fd_need_t{font:500 clamp(1.25rem,1.1rem + .6vw,1.5rem)/1.25 var(--font);letter-spacing:-.02em}
.fd_need_i{font-size:.9375rem;line-height:1.6;color:var(--muted)}
.fd_items{display:grid;gap:.5rem}
.fd_s{display:grid;gap:.6rem;padding:1rem;border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line);min-width:0}
.fd_s[data-g="weak"],.fd_s[data-g="none"]{background:var(--surface,#FAFAFA);box-shadow:inset 0 0 0 1px var(--line),inset 3px 0 0 #D0D5DD}
.fd_s_top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;flex-wrap:wrap}
.fd_s_t{font:500 1rem/1.4 var(--font);flex:1 1 14rem;min-width:0}
.fd_s_t a{color:var(--text);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.fd_s_t a:hover{text-decoration-color:var(--lapis)}
.fd_verse{display:grid;gap:.4rem;padding:.75rem 0;border-block:1px solid var(--line-soft,#EEE)}
.fd_ar{direction:rtl;text-align:right;font:400 clamp(1.375rem,1.15rem + 1vw,1.75rem)/2 var(--arabic);color:var(--text);overflow-wrap:break-word}
.fd_tl{font:italic 400 1rem/1.5 var(--translit);color:var(--lapis)}
.fd_en{font-size:.9375rem;line-height:1.6;color:#2B2B2B}
.fd_x{font-size:.9375rem;line-height:1.6}
.fd_src{font:400 .8125rem/1.45 var(--mono);color:var(--muted)}
.fd_duas{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;font-size:.875rem}
.fd_duas .tool_label{margin:0;flex-basis:100%}
.fd_duas a{color:var(--lapis)}
.badge.fd_g.is-sahih{background:var(--ok-tint);color:var(--ok);box-shadow:inset 0 0 0 1px rgba(21,128,61,.25)}
.badge.fd_g.is-hasan{background:#F0FAF3;color:#2F7A47;box-shadow:inset 0 0 0 1px rgba(21,128,61,.18)}
.badge.fd_g.is-quran{background:var(--lapis-tint);color:var(--lapis);box-shadow:inset 0 0 0 1px rgba(29,58,138,.2)}
.badge.fd_g.is-tip{background:var(--gold-tint);color:var(--gold-ink);box-shadow:inset 0 0 0 1px rgba(201,154,46,.4)}
.badge.fd_g.is-weak{background:var(--warn-tint);color:var(--warn);box-shadow:inset 0 0 0 1px rgba(146,64,14,.25)}
.badge.fd_g.is-none{background:#FEF3F2;color:var(--bad);box-shadow:inset 0 0 0 1px rgba(180,35,24,.3)}
@media (min-width:768px){.fd_top .tools_filter{flex-wrap:wrap;overflow:visible}}