/* Islam basics (src/tools/9k_basics.py): five pillars cards, quiz, printable summary and worksheet. */
.ba_glance_s{padding-block-start:0}
.ba_pillars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}
@media (max-width:991px){.ba_pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ba_pillars{grid-template-columns:minmax(0,1fr)}}
.ba_pillar{display:grid;gap:.35rem;align-content:start;padding:1.1rem 1rem 1rem;border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line),inset 0 3px 0 var(--gold);color:var(--text);transition:background-color .15s}
.ba_pillar:hover{background:var(--surface)}
.ba_num{font:500 .8125rem/1.2 var(--mono);color:var(--gold-ink)}
.ba_pillar [lang=ar]{font:400 2.125rem/1.5 var(--arabic);color:var(--lapis);direction:rtl;text-align:right}
.ba_pillar b{font:600 1.125rem/1.3 var(--display)}
.ba_pillar small{color:var(--muted);font-size:.875rem;line-height:1.5}
.ba_actions{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;margin-block-start:1.25rem}
.prose .ba_actions .btn{color:#fff;text-decoration:none}
.prose .ba_actions .btn.is-ghost{color:var(--lapis)}
.ba_glance_s .ba_actions{margin-block-start:1rem}

/* Quiz */
.ba_quiz{display:grid;gap:.85rem;margin-block-start:1.25rem}
.ba_score{padding:.8rem 1rem;border-radius:var(--r2);background:var(--lapis-tint);color:var(--lapis-deep);font-weight:500}
.prose .ba_score{font-size:1rem;color:var(--lapis-deep)}
.ba_q{padding:1rem 1rem .9rem;border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line)}
.prose .ba_qt{font-weight:600;color:var(--text);margin:0 0 .7rem;line-height:1.5}
.ba_qn{color:var(--gold-ink)}
.ba_opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
@media (max-width:600px){.ba_opts{grid-template-columns:minmax(0,1fr)}}
.ba_opt{display:flex;gap:.65rem;align-items:center;min-height:2.875rem;padding:.55rem .85rem;border:0;border-radius:var(--r1);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-align:left;font-size:.9688rem;line-height:1.4;cursor:pointer;transition:background-color .15s}
.ba_opt:hover:not(:disabled){background:var(--lapis-tint)}
.ba_opt:disabled{cursor:default}
.ba_opt.is-right{background:var(--ok-tint);box-shadow:inset 0 0 0 1.5px var(--ok)}
.ba_opt.is-wrong{background:#FDEEEC;box-shadow:inset 0 0 0 1.5px var(--bad)}
.ba_key{flex:none;display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--page);box-shadow:inset 0 0 0 1px var(--line);font:600 .75rem/1 var(--mono);color:var(--muted)}
.prose .ba_fb{margin:.7rem 0 0;font-size:.9688rem;line-height:1.6;color:var(--muted)}
.ba_fb b.is-ok{color:var(--ok)}
.ba_fb b.is-no{color:var(--bad)}

/* Printable summary: shown as a sheet on screen, alone on paper */
.ba_printable{margin-block-start:1rem}
.ba_sheet,.ba_ws{margin-block-start:1.25rem;padding:clamp(1rem,3vw,1.75rem);border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line),inset 0 4px 0 var(--gold)}
.ba_ws[hidden]{display:none}
.prose .ba_sheet p,.prose .ba_ws p,.prose .ba_ws li{font-size:.9688rem;line-height:1.6}
.ba_sheet_k{font:500 .8125rem/1.3 var(--mono);color:var(--gold-ink)}
.prose .ba_sheet_h{margin:.25rem 0 .75rem;font:600 1.5rem/1.2 var(--display);color:var(--lapis-deep)}
.ba_stbl{width:100%;border-collapse:collapse;margin-block:1rem;font-size:.875rem}
.ba_stbl th,.ba_stbl td{padding:.55rem .6rem;border:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.45}
.ba_stbl th{font:500 .8125rem/1.3 var(--mono);color:var(--muted);background:var(--surface)}
.ba_sn{font-weight:600;color:var(--gold-ink);text-align:center!important}
.ba_sar{font:400 1.25rem/1.4 var(--arabic);color:var(--lapis)}
.ba_sheet_two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem 1.5rem}
.prose .ba_sheet_t{font-weight:600;color:var(--text);margin:0}
.prose .ba_sheet_f{margin-block-start:1rem;font-size:.8125rem;color:var(--faint)}
.ba_wname{display:flex;gap:1.5rem}
.ba_wname span{flex:1;padding-block-end:1.25rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.875rem}
.prose ol.ba_wq{display:grid;gap:.6rem;padding-inline-start:1.5rem}
.prose .ba_wq p{margin:0}
.ba_wopts{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;color:var(--muted)}
.prose .ba_wkey{margin-block-start:1rem;font-size:.8125rem;color:var(--faint)}
@media (max-width:640px){
  .ba_sheet_two{grid-template-columns:minmax(0,1fr)}
  .ba_stbl{display:block;overflow-x:auto}
}

@media print{
  @page{margin:12mm}
  body:has(.ba_printable) .page_head,body:has(.ba_printable) .post_rail,body:has(.ba_printable) .post_toc,
  body:has(.ba_printable) main > section:not(:has(.ba_printable)),
  .post_body > :not(.ba_printable),.ba_printable > :not(.ba_sheet):not(.ba_ws),.ba_noprint{display:none!important}
  body:has(.ba_printable) .post{display:block}
  .ba_printable{margin:0}
  .ba_sheet,.ba_ws{margin:0;padding:0;box-shadow:none;font:10pt/1.4 var(--font);color:#000}
  .ba_ws{break-before:page}
  .ba_ws[hidden]{display:none!important}
  .prose .ba_sheet p,.prose .ba_ws p,.prose .ba_ws li{font-size:10pt;line-height:1.4;color:#000}
  .prose .ba_sheet_h{font-size:18pt;color:#000}
  .ba_stbl{font-size:9.5pt;display:table}
  .ba_stbl th,.ba_stbl td{border-color:#999;padding:1.6mm 2mm}
  .ba_stbl th{background:#eee;color:#000}
  .ba_sar{font-size:13pt;color:#000}
  .ba_sheet_two{grid-template-columns:1fr 1fr}
  .ba_wname span{border-color:#999}
  .prose ol.ba_wq{gap:3mm}
  .ba_wopts{color:#000}
  .prose .ba_wkey{margin-top:6mm;transform:rotate(180deg);text-align:right}
}

/* Facts list */
.prose ol.ba_facts{gap:.9rem}
.prose .ba_facts li{padding-inline-start:.25rem}
.ba_fsrc{display:block;margin-block-start:.2rem;font-size:.875rem;line-height:1.5;color:var(--muted)}