/* Q&A: answer pages, hub, ask form, sources directory and site search. Uses the tokens in ak.css. */
.qa_head{padding-block-end:2rem}
.qa_h1{max-width:46rem;font-size:clamp(2rem,1.4rem + 2vw,3rem);line-height:1.12;text-wrap:balance}
.qa_status{margin-block-start:1.25rem}
.qa_wrap{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.qa_main.prose{max-width:46rem;margin:0}
.qa_main h2{font-size:1.5rem}
.qa_short{position:relative;margin-block-end:1.75rem;padding:1.375rem 1.5rem;border-radius:var(--r2);background:var(--lapis-tint);box-shadow:inset 3px 0 0 var(--lapis)}
.qa_short_t{margin:0 0 .5rem;font:600 .8125rem/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--lapis)}
.qa_short p:last-child{margin:0;font-size:1.125rem;line-height:1.6;color:var(--text)}
.qa_agree{margin-block-start:.75rem}
.qa_main .madhhab{margin-block:0 .25rem}
.qa_ev{margin:1.25rem 0}
.qa_ev_t{margin:0;font:600 .9375rem/1.3 var(--font);color:var(--lapis)}
.qa_ev .verse_ar{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:2}
.qa_ev .qa_h_ar{font-size:clamp(1.375rem,1.15rem + .8vw,1.75rem)}
.qa_why{margin:0;font-size:.9375rem;line-height:1.55;color:var(--muted)}
.qa_ev .verse_src a{color:var(--lapis);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(29,58,138,.3)}
.qa_fiqh li{margin-block:.375rem}
.qa_mufti{margin-block:1.75rem;padding:1.125rem 1.375rem;border-radius:var(--r2);background:var(--warn-tint);box-shadow:inset 0 0 0 1px rgba(146,64,14,.2)}
.qa_mufti p{margin:0;color:#4A2A0A}
.qa_mufti a{color:inherit}
.qa_foot{margin-block-start:2.5rem;padding-block-start:1.25rem;border-top:1px solid var(--line-soft)}
.qa_side{position:sticky;top:6rem;display:grid;gap:1rem}
.qa_box{padding:1.25rem;border-radius:var(--r2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-soft)}
.qa_box p{margin:0 0 .75rem;font-size:.9375rem;line-height:1.5;color:var(--muted)}
.qa_box .btn{width:100%}
.qa_box_t{font:600 .9375rem/1.3 var(--font)!important;color:var(--text)!important}
.qa_rel,.qa_srcs{display:grid;gap:.75rem;margin:0 0 1rem;padding:0;list-style:none}
.qa_rel a{font-size:.9375rem;line-height:1.4;color:var(--lapis)}
.qa_rel a:hover{text-decoration:underline}
.qa_srcs{margin-block:1rem .75rem}
.qa_srcs li{display:grid;gap:.15rem}
.qa_srcs a{font-size:.9375rem;font-weight:500;color:var(--lapis)}
.qa_srcs span{font-size:.8125rem;color:var(--muted)}
@media (max-width:1000px){.qa_wrap{grid-template-columns:minmax(0,1fr)}.qa_side{position:static}.qa_main.prose{max-width:none}}

/* Search box, used on every Q&A page and on /search */
.qa_search{display:flex;gap:.5rem;width:100%}
.qa_search input{flex:1;min-width:0;height:3rem;padding:0 1rem;border-radius:var(--r2);border:1px solid var(--line);background:var(--page);font:400 1rem/1.4 var(--font);box-shadow:0 1px 2px rgba(10,10,10,.05);-webkit-appearance:none;appearance:none}
.qa_search input:focus-visible{outline:none;border-color:var(--lapis);box-shadow:var(--ring)}
.qa_search input::placeholder{color:#696E82}
.qa_search .btn{height:3rem;flex:none}
.qa_search .btn svg{width:1.125rem;height:1.125rem}
.qa_box .qa_search{flex-direction:column}
.qa_box .qa_search input{flex:none}
.qa_box .qa_search .btn{width:100%}
@media (max-width:520px){.qa_search .btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.qa_search .btn{padding:0 1rem}}
.qa_hubsearch{display:grid;gap:.75rem;max-width:46rem;margin-block-end:2.5rem}
.qa_banner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;max-width:46rem;margin:0 0 2.5rem;font-size:.9375rem;line-height:1.5;color:var(--muted)}

/* Lists of questions */
.qa_list{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.qa_list li{border-bottom:1px solid var(--line)}
.qa_list a{display:grid;gap:.375rem;padding:1.125rem .25rem;transition:background .15s}
.qa_list a:hover{background:var(--surface)}
.qa_list b{font:600 1.0625rem/1.4 var(--font);color:var(--lapis)}
.qa_list span{font-size:.9375rem;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qa_cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:2rem}

/* Review table */
.qa_rv_how{max-width:46rem;margin-block-end:2.5rem}
.qa_rv_wrap{overflow-x:auto;border-radius:var(--r2);box-shadow:inset 0 0 0 1px var(--line)}
.qa_rv{width:100%;border-collapse:collapse;font-size:.875rem}
.qa_rv th,.qa_rv td{padding:.625rem .75rem;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top}
.qa_rv th{position:sticky;top:0;background:var(--surface);font-weight:600;white-space:nowrap}
.qa_rv td:nth-child(n+4):nth-child(-n+8){text-align:center}
.qa_rv a{color:var(--lapis)}
.qa_rv_note{min-width:18rem;color:var(--warn)}

/* Ask form */
.qa_askwrap{display:grid;gap:2rem}
.qa_askwrap>*{max-width:46rem}
.qa_ask{display:grid;gap:1.25rem;padding:clamp(1.25rem,3vw,2rem)}
.qa_ask_row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:560px){.qa_ask_row{grid-template-columns:1fr}}
.qa_ask input[type=email]{width:100%;min-height:2.75rem;padding:.6rem .85rem;border-radius:var(--r2);border:1px solid var(--line);background:var(--page);font:400 .9375rem/1.4 var(--font);box-shadow:0 1px 2px rgba(10,10,10,.05)}
.qa_ask input[type=email]:focus-visible{outline:none;border-color:var(--lapis);box-shadow:var(--ring)}
.qa_hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.qa_ask .tool_status{min-height:1.5rem;margin:0}
.qa_ask .tool_status.is-ok{color:var(--ok)}
.qa_ask .tool_status.is-bad{color:var(--bad)}

/* Sources directory */
.qa_srcwrap{display:grid;gap:3rem}
.qa_srcwrap>*{max-width:52rem}
.qa_srcwrap .prose,.qa_askwrap .prose{margin:0}
.qa_srcgrp .note{margin-block:.5rem 1.25rem;font-size:.9375rem}
.qa_srclist{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.qa_src{display:grid;gap:.375rem;padding:1.125rem 0;border-bottom:1px solid var(--line)}
.qa_src_h{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}
.qa_src_h a{font:600 1.0625rem/1.35 var(--font);color:var(--lapis)}
.qa_src_h a:hover{text-decoration:underline}
.qa_src_m{margin:0;font-size:.8125rem;color:var(--muted)}
.qa_src p:last-child{margin:0;font-size:.9375rem;line-height:1.55;color:#2A2E40}

/* Site search results */
.sr_results{display:grid;gap:2.5rem;max-width:52rem}
.sr_group h2{margin:0 0 .75rem;font:600 .8125rem/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sr_group .qa_list small{font-size:.8125rem;color:var(--gold-ink)}
.sr_more{margin-block-start:1rem}
.sr_none{max-width:46rem}
.sr_none p{color:var(--muted)}
mark.sr_hit{background:var(--gold-tint);color:inherit;border-radius:2px;padding:0 .1em}