/* surah-about.css - GENERATED by design/INDEX-FIX-01/scope_about_css.py from the <style> of
   design/surah_generator.html.j2 (blob c026fac20bfd1bd99632d4c245bbb96baded66bb); never edited by hand. Every rule is scoped to .sa,
   the <main> of templates/surah_about.html, so it styles the /surah/<n>/about body and nothing in the shell. */
@font-face{font-family:'Amiri';font-weight:400;src:url(/static/fonts/amiri-400-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Amiri';font-weight:700;src:url(/static/fonts/amiri-700-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Source Serif 4';font-weight:400;src:url(/static/fonts/source-serif-4-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Source Serif 4';font-weight:400;src:url(/static/fonts/source-serif-4-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02FF,U+1E00-1EFF}
@font-face{font-family:'Source Serif 4';font-weight:600;src:url(/static/fonts/source-serif-4-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'IBM Plex Mono';font-weight:400;src:url(/static/fonts/ibm-plex-mono-400-latin.woff2) format('woff2')}
.sa{--paper:#f7f6f1; --card:#fffefa; --deep:#eeece3; --rule:#d9d6cb;
  --ink:#17201d; --soft:#585f5a; --muted:#646a65;
  --verd:#0C6355; --verd-wash:#E4F0EC; --lapis:#26468F; --lapis-wash:#E9EDF7;
  --bronze:#7E6021; --bronze-wash:#F3EDDD; --madder:#A2382B; --madder-wash:#F6E9E6;
  --serif:'Source Serif 4','Iowan Old Style',Charter,Georgia,serif;
  --arabic:'Amiri','Noto Naskh Arabic','Geeza Pro',serif;
  --mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
  color-scheme:light;}
.sa *{box-sizing:border-box}
.sa{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.6 var(--serif);
  padding-inline:16px;padding-block:0 4rem;-webkit-font-smoothing:antialiased}
.sa a{color:var(--lapis);text-underline-offset:.15em}
.sa a:focus-visible{outline:2px solid var(--lapis);outline-offset:2px;border-radius:2px}
.sa .wrap{max-width:48rem;margin-inline:auto}
.sa .draftbar{max-width:48rem;margin:0 auto;padding:.6rem 0;border-bottom:1px solid var(--rule);
  display:flex;flex-wrap:wrap;gap:.25rem 1rem;justify-content:space-between;
  font:400 .75rem/1.4 var(--mono);color:var(--soft);letter-spacing:.02em}
.sa .draftbar strong{color:var(--bronze);font-weight:400;text-transform:uppercase;letter-spacing:.08em}
.sa .surah{padding-block:2.5rem 1rem}
.sa .head{display:grid;grid-template-columns:1fr auto;gap:.5rem 2rem;align-items:end;
  padding-bottom:1.25rem;border-bottom:2px solid var(--ink)}
.sa .head .ar{font:700 clamp(2.6rem,9vw,4.25rem)/1.35 var(--arabic);direction:rtl;text-align:right;
  grid-column:2;grid-row:1 / span 2;margin:0}
.sa .head h1{font:600 1.75rem/1.2 var(--serif);margin:0;text-wrap:balance}
.sa .head .sub{margin:0;color:var(--soft);font-size:1.0625rem}
.sa .head .num{font:400 .75rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sa .stamp{margin:1rem 0 0;display:inline-block;padding:.3rem .65rem;border:1px solid var(--bronze);
  color:var(--bronze);background:var(--bronze-wash);font-size:.875rem;border-radius:2px}
.sa .strip{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(9,1fr);gap:3px}
.sa .strip li{min-width:0}
.sa .strip a{display:block;text-decoration:none;color:var(--ink);padding:.35rem .4rem;font-size:.6875rem;line-height:1.25;
  border-top:3px solid var(--rule);background:var(--card);height:100%}
.sa .strip .s-supplied a{border-top-color:var(--verd)}
.sa .strip .s-partial a{border-top-color:var(--bronze)}
.sa .strip .s-absent a{border-top-style:dashed;border-top-color:var(--muted);color:var(--soft)}
.sa .strip b{display:block;font:400 .6875rem/1 var(--mono);color:var(--muted);margin-bottom:.2rem}
.sa .legend{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin:.6rem 0 0;font-size:.75rem;color:var(--soft)}
.sa .legend span::before{content:"";display:inline-block;width:1.1rem;height:0;border-top:3px solid;vertical-align:middle;margin-right:.4rem}
.sa .legend .l-s::before{border-color:var(--verd)}
.sa .legend .l-p::before{border-color:var(--bronze)}
.sa .legend .l-a::before{border-color:var(--muted);border-top-style:dashed}
.sa .field{display:grid;grid-template-columns:3rem 1fr;gap:0 1rem;padding-block:1.75rem;border-bottom:1px solid var(--rule)}
.sa .field > .n{font:400 1.5rem/1.2 var(--serif);color:var(--muted);font-variant-numeric:tabular-nums}
.sa .field h2{font:600 1.25rem/1.3 var(--serif);margin:0 0 .15rem;text-wrap:balance}
.sa .field .fstatus{font:400 .6875rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:0 0 1rem;color:var(--muted)}
.sa .field.s-supplied .fstatus{color:var(--verd)}
.sa .field.s-partial .fstatus{color:var(--bronze)}
.sa .body{min-width:0;display:flex;flex-direction:column;gap:1.1rem}
.sa .it h3{font:600 .8125rem/1.3 var(--serif);text-transform:uppercase;letter-spacing:.06em;color:var(--soft);margin:0 0 .3rem}
.sa .val{margin:0;font-size:1.0625rem}
.sa .val.big{font-size:1.5rem;font-variant-numeric:tabular-nums}
.sa .arabic{font-family:var(--arabic);direction:rtl;unicode-bidi:isolate;font-size:1.6rem;line-height:1.8}
.sa .prov{margin:.35rem 0 0;font-size:.75rem;line-height:1.5;color:var(--muted);display:flex;flex-wrap:wrap;gap:.15rem .5rem;align-items:baseline}
.sa .prov code{font:400 .6875rem/1.4 var(--mono);color:var(--soft);overflow-wrap:anywhere}
.sa .prov .method{flex-basis:100%;font-style:italic}
.sa .chip{font:400 .625rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:.2rem .4rem;border-radius:2px;white-space:nowrap}
.sa .st-source_fact{color:var(--verd);background:var(--verd-wash)}
.sa .st-derived_link{color:var(--lapis);background:var(--lapis-wash)}
.sa .st-editorial{color:var(--bronze);background:var(--bronze-wash)}
.sa .st-scholarly_claim{color:var(--madder);background:var(--madder-wash)}
.sa .note{margin:.4rem 0 0;padding:.6rem .8rem;background:var(--deep);font-size:.875rem;color:var(--soft);max-width:65ch}
.sa .absent{border:1px dashed var(--muted);padding:.75rem .9rem;border-radius:2px;max-width:65ch}
.sa .absent h3{font:400 .6875rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .35rem}
.sa .absent .what{font-weight:600;margin:0 0 .25rem}
.sa .absent p{margin:0;font-size:.9375rem;color:var(--soft)}
.sa .tbl{overflow-x:auto}
.sa table{border-collapse:collapse;width:100%;font-size:.9375rem}
.sa th, .sa td{text-align:left;padding:.4rem .6rem .4rem 0;border-bottom:1px solid var(--rule);vertical-align:top}
.sa th{font:400 .6875rem/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:400}
.sa td.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.sa td.ar{font:400 1.35rem/1.7 var(--arabic);direction:rtl;text-align:right;padding-inline:1rem .6rem}
.sa td.refs{font-size:.8125rem;color:var(--soft)}
.sa details summary{cursor:pointer;color:var(--lapis);font-size:.875rem;margin-top:.4rem}
.sa .null{margin:0;font-size:.9375rem;color:var(--soft);font-style:italic}
.sa .pop{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin:.1rem 0 .5rem;font-size:.8125rem;color:var(--soft);font-variant-numeric:tabular-nums}
.sa .pop b{color:var(--ink);font-weight:600}
.sa .studies-group{margin-top:.5rem}
.sa .studies-group h4{font:600 .9375rem/1.3 var(--serif);margin:.9rem 0 .25rem}
.sa .studies-group h4 small{font:400 .75rem var(--mono);color:var(--muted);margin-left:.4rem}
.sa ul.sl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}
.sa ul.sl li{display:grid;grid-template-columns:1fr auto;gap:.15rem 1rem;font-size:.9375rem;padding-block:.2rem;border-bottom:1px dotted var(--rule)}
.sa ul.sl .anch{font:400 .75rem/1.6 var(--mono);color:var(--muted);text-align:right;white-space:nowrap}
.sa blockquote{margin:.3rem 0 0;padding:.1rem 0 .1rem 1rem;border-left:2px solid var(--bronze);max-width:65ch}
.sa blockquote p{margin:.4rem 0}
.sa .sig{font-size:.8125rem;color:var(--soft);margin:.3rem 0 0}
.sa dl.kv{display:grid;grid-template-columns:max-content 1fr;gap:.2rem 1rem;margin:0;font-size:.875rem}
.sa dl.kv dt{color:var(--muted)}
.sa dl.kv dd{margin:0;overflow-wrap:anywhere}
.sa .intro{padding-block:2.5rem 1rem}
.sa .intro h1{font:600 2rem/1.2 var(--serif);margin:0 0 .5rem;text-wrap:balance}
.sa .intro p{max-width:65ch;color:var(--soft)}
.sa table.grid td.c{width:2.1rem;padding:.35rem .15rem}
.sa table.grid td.c span{display:block;height:.9rem;border-top:3px solid var(--rule)}
.sa table.grid td.c.s-supplied span{border-top-color:var(--verd)}
.sa table.grid td.c.s-partial span{border-top-color:var(--bronze)}
.sa table.grid td.c.s-absent span{border-top:3px dashed var(--muted)}
.sa table.grid th.c{writing-mode:vertical-rl;transform:rotate(180deg);height:9.5rem;padding:.3rem .15rem;font-size:.625rem;white-space:nowrap}
@media (max-width:40rem){
  .sa .head{grid-template-columns:1fr}
  .sa .head .ar{grid-column:1;grid-row:auto;text-align:right}
  .sa .strip{grid-template-columns:repeat(3,1fr)}
  .sa .field{grid-template-columns:1fr}
  .sa .field > .n{font-size:1rem}
  .sa ul.sl li{grid-template-columns:1fr}
  .sa ul.sl .anch{text-align:left}
}
@media print{
  .sa{padding-inline:0}
  .sa .surah{break-before:page}
  .sa .field{break-inside:avoid-page}
  .sa details{display:block}
  .sa details > *{display:block}
  .sa a{color:var(--ink);text-decoration:none}
}
@media (prefers-reduced-motion:reduce){
  .sa *{transition:none!important}
}
.sa .provisional{display:inline-block;margin:.35rem 0 0;padding:.2rem .5rem;border:1px dashed var(--bronze);color:var(--bronze);font:400 .6875rem/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em}
.sa .copyrow{padding-block:.9rem;border-bottom:1px solid var(--rule)}
.sa .copygroup{font:600 1.25rem/1.3 var(--serif);margin:2.5rem 0 .25rem;padding-bottom:.4rem;border-bottom:2px solid var(--ink)}
.sa .copyrow code.key{font:400 .75rem var(--mono);color:var(--muted)}
.sa .copyrow .txt{margin:.3rem 0;font-size:1.0625rem;max-width:65ch}
.sa .copyrow .txt .slot{font:400 .8125rem var(--mono);color:var(--lapis);background:var(--lapis-wash);padding:0 .2rem;border-radius:2px}
.sa .copyrow .meta{font:400 .6875rem/1.5 var(--mono);color:var(--muted);overflow-wrap:anywhere}