/* ʿAqīdah section · same ground, ink, accent and rules as the reading theme:
   sharp corners, surfaces told apart by tone, the Arabic as the largest thing in each text. */

.aq-stats{display:flex;flex-wrap:wrap;gap:6px 28px;font-size:var(--s-small);color:var(--muted);font-variant-numeric:tabular-nums}
.aq-stats b{font-weight:500;color:var(--ink);font-size:1.35em;margin-inline-end:4px}

/* topics */
.aq-topics{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:6px}
.aq-topic{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;height:100%;padding:clamp(22px,2.6vw,34px);background:var(--surface);text-decoration:none;transition:background-color .18s ease,transform .16s var(--ease-out)}
.aq-topic:active{transform:scale(.99)}
@media (hover:hover) and (pointer:fine){.aq-topic:hover{background:var(--surface-2)}.aq-topic:hover .aq-topic-en{text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent)}}
.aq-topic-ar{font-family:var(--f-ar);font-size:clamp(1.7rem,1.3rem + 1.2vw,2.3rem);line-height:1.35;color:var(--accent);text-align:right}
.aq-topic-en{font-size:var(--s-h3);font-weight:500;letter-spacing:-.01em;line-height:1.2;text-underline-offset:.2em}
.aq-topic-d{font-size:var(--s-small);color:var(--muted);line-height:1.55}
.aq-topic-n{font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:6px}

/* a topic's studies */
.aq-rows .row-q{font-style:normal;color:var(--muted)}

/* a study */
.aq-head{gap:14px}
.aq-eyebrow{font-size:var(--s-small);color:var(--muted)}
.aq-eyebrow [lang=ar]{color:var(--accent);font-size:1.25em}
.aq-h{font-size:clamp(2rem,1.4rem + 2.4vw,3.6rem);max-width:22ch}
.aq-head .page-lede{max-width:62ch}
.aq-body{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:start;padding-bottom:var(--sec)}
.aq-body:not(:has(.aq-toc)){grid-template-columns:minmax(0,1fr)}
.aq-toc{position:sticky;top:calc(var(--bar-h) + var(--wp-admin--admin-bar--height,0px) + 28px);max-height:calc(100vh - var(--bar-h) - 56px);overflow:auto;font-size:var(--s-small);scrollbar-width:thin}
.aq-toc-h{font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.aq-toc ol{list-style:none;display:grid;gap:2px;counter-reset:toc}
.aq-toc a{display:block;padding:7px 0 7px 14px;text-decoration:none;color:var(--muted);line-height:1.4;box-shadow:inset 2px 0 0 var(--surface-2);transition:color .16s ease,box-shadow .16s ease}
.aq-toc a[aria-current],.aq-toc a:focus-visible{color:var(--ink);box-shadow:inset 2px 0 0 var(--accent)}
@media (hover:hover) and (pointer:fine){.aq-toc a:hover{color:var(--ink)}}
.aq-article{max-width:calc(var(--measure) + 8ch);min-width:0}
.aq-sec+.aq-sec{margin-top:clamp(44px,5vw,72px)}
.aq-sec-h{font-size:clamp(1.45rem,1.2rem + .9vw,2rem);font-weight:500;letter-spacing:-.015em;line-height:1.2;margin-bottom:.8em}
.aq-p{font-size:var(--s-body);line-height:1.72;max-width:var(--measure)}
.aq-p+.aq-p{margin-top:1em}
.aq-p+.aq-ev,.aq-ev+.aq-p{margin-top:1.6em}

/* the text from the sources */
.aq-ev{margin:1.4em 0;background:var(--surface);scroll-margin-top:calc(var(--bar-h) + 24px)}
.aq-ev+.aq-ev{margin-top:6px}
.aq-ar{padding:clamp(20px,2.8vw,34px) clamp(20px,3vw,40px) clamp(14px,2vw,22px);font-family:var(--f-ar);font-size:clamp(1.38rem,1.2rem + .5vw,1.62rem);line-height:2.05;text-align:right;color:var(--ink)}
.aq-ev figcaption{padding:0 clamp(20px,3vw,40px) clamp(20px,2.6vw,30px)}
.aq-kind{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.aq-tr{font-size:var(--s-body);line-height:1.66}
.aq-ref{margin-top:12px;font-size:var(--s-small);color:var(--muted);line-height:1.5}
.aq-open{display:inline-flex;align-items:center;gap:.35em;margin-inline-start:.6em;color:var(--accent);text-decoration:none;white-space:nowrap}
.aq-open::after{content:"↗";font-size:.9em;transition:transform .2s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.aq-open:hover{text-decoration:underline}.aq-open:hover::after{transform:translate(2px,-2px)}}
.aq-note{margin-top:10px;font-size:var(--s-small);line-height:1.6;color:var(--muted)}
.aq-ev:target{background:var(--accent-soft)}

.aq-plate{margin:1.6em 0;background:var(--surface)}
.aq-plate img{display:block;width:100%}
.aq-plate figcaption{padding:12px clamp(16px,2.4vw,24px);font-size:var(--s-small);color:var(--muted)}

.aq-sources{margin-top:clamp(56px,6vw,96px);padding-top:8px}
.aq-sources ol{padding-inline-start:1.3em;display:grid;gap:6px;font-size:var(--s-small);color:var(--muted)}
.aq-sources [lang=ar]{font-size:1.2em;color:var(--ink)}

.aq-pn{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:clamp(56px,6vw,96px)}
.aq-pn-a{display:grid;gap:6px;padding:22px clamp(16px,2.4vw,28px);background:var(--surface);text-decoration:none;line-height:1.35;transition:background-color .16s ease}
.aq-pn-a.is-next{grid-column:2;text-align:right}
.aq-pn-dir{font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media (hover:hover) and (pointer:fine){.aq-pn-a:hover{background:var(--surface-2)}}

.aq-gate{max-width:var(--max);margin:0 auto 32px;padding:12px var(--gutter);font-size:.875rem;color:var(--muted)}
.aq-gate a{color:var(--accent)}

@media (max-width:980px){
  .aq-body{grid-template-columns:minmax(0,1fr)}
  .aq-toc{position:static;max-height:none;padding:18px 20px;background:var(--surface)}
  .aq-pn{grid-template-columns:1fr}.aq-pn-a.is-next{grid-column:auto;text-align:left}
}
@media (prefers-reduced-motion:no-preference){
  .aq-ev{animation:aq-in .5s var(--ease-out) backwards}
}
@keyframes aq-in{from{opacity:0;transform:translateY(10px)}}
@media print{.bar,.foot,.aq-toc,.aq-pn,.aq-gate{display:none}.aq-body{display:block}.aq-ev{break-inside:avoid;background:none;border-left:3px solid #999}}

/* the two parts of a study: the creed, then the refutation of those who oppose it */
.aq-part{margin:clamp(56px,6vw,96px) 0 clamp(24px,3vw,40px);display:grid;gap:6px}
.aq-article>.aq-part:first-child{margin-top:0}
.aq-part-n{font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.aq-part-h{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.5rem);font-weight:500;letter-spacing:-.02em}
.aq-claim{margin:0 0 18px;padding:18px clamp(18px,2.6vw,28px);background:var(--surface-2)}
.aq-claim p+p{margin-top:6px}
.aq-claim-k{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.aq-resp-k{margin-bottom:8px;color:var(--accent)}

/* chapters: grouped sidebar, Part three chapter titles, the whole page */
.aq-toc-part{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:18px 0 6px}
.aq-toc-part:first-of-type{margin-top:0}
.aq-toc-n{display:inline-block;min-width:1.9em;color:var(--muted);font-variant-numeric:tabular-nums;opacity:.8}
.aq-toc a{display:flex;gap:2px}
.aq-chap-h{font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem);line-height:1.25;margin:clamp(40px,6vw,72px) 0 18px;padding-top:24px;border-top:1px solid var(--surface-2)}
.aq-page{margin-top:14px;border-top:1px solid var(--surface-2);padding-top:10px}
.aq-page summary{cursor:pointer;font-size:var(--s-small);color:var(--muted);list-style:none}
.aq-page summary::before{content:"+ ";color:var(--accent)}
.aq-page[open] summary::before{content:"− "}
.aq-page-ar{margin-top:12px;font-size:1.05em;line-height:2.1;max-height:32rem;overflow:auto}

/* documentation layout: the sentence that introduces a text, and the source box under it */
.aq-lead{margin:22px 0 8px;font-style:italic;color:var(--ink)}
.aq-lead + .aq-ev{margin-top:0}
.aq-src{margin-top:12px;border-top:1px solid var(--surface-2);padding-top:10px}
.aq-src summary{cursor:pointer;font-size:var(--s-small);color:var(--muted);list-style:none}
.aq-src summary::before{content:"+ ";color:var(--accent)}
.aq-src[open] summary::before{content:"− "}
.aq-grade{margin-top:10px;font-size:var(--s-small);line-height:1.6}
.aq-src-h{margin-top:12px;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.aq-src .aq-page-ar{margin-top:8px;font-size:1.05em;line-height:2.1;max-height:32rem;overflow:auto}

.aq-claim-who{font-size:var(--s-small);font-weight:600;color:var(--ink);margin-bottom:6px}
.aq-claim-origin{margin-top:10px;font-size:var(--s-small);color:var(--muted)}
.aq-claim-origin span{text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;color:var(--accent);margin-right:6px}