/* Project Foundations: scoped additions to the existing reading surface. */
#project-foundations{padding:8px 0 24px;scroll-margin-block-start:24px;color:var(--ui-ink,#243a33)}
#project-foundations *{box-sizing:border-box}
#project-foundations .foundations-disclosure{margin:0;border:0}
#project-foundations .foundations-disclosure>summary{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:28px;padding:0;list-style:none;cursor:pointer}
#project-foundations summary::-webkit-details-marker{display:none}
#project-foundations .foundations-heading{min-width:0}
#project-foundations .eyebrow{margin:0 0 8px}
#project-foundations h2{font:400 32px/1.6 Amiri,Georgia,serif;max-width:960px;margin:0 0 9px}
#project-foundations .foundations-lead{font:400 14px/1.95 Tahoma,Arial,sans-serif;color:var(--ui-muted,#61716b);margin:0;max-width:920px}
#project-foundations .foundations-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ui-line,#dfe6df);color:var(--ui-green,#225e4c);font:26px/1 Arial,sans-serif;margin-top:29px}
#project-foundations .foundations-minus{display:none}
#project-foundations details[open]>.foundations-toggle{transform:none}
#project-foundations details[open]>summary .foundations-plus{display:none}
#project-foundations details[open]>summary .foundations-minus{display:inline}
#project-foundations summary:hover .foundations-toggle{background:var(--ui-soft,#edf3ed)}
#project-foundations summary:focus-visible,#project-foundations a:focus-visible{outline:3px solid #387764;outline-offset:5px}
#project-foundations .foundations-content{padding-top:30px;padding-bottom:22px}
#project-foundations .foundations-content p{font:400 16px/2 Tahoma,Arial,sans-serif;margin:0 0 18px}
#project-foundations .foundations-central{font:400 26px/1.9 Amiri,Georgia,serif!important;max-width:1020px;margin:0 0 30px!important}
#project-foundations .foundations-authorities{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;list-style:none;margin:0 0 22px;padding:0;gap:0;direction:inherit}
#project-foundations .foundations-authority{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:20px 26px 18px;border-block-start:1px solid var(--ui-line,#dfe6df)}
#project-foundations .foundations-authority.rank-0{border-block-start:3px solid var(--ui-green,#225e4c);background:var(--ui-soft,#edf3ed)}
#project-foundations .foundations-rank-label{font:400 16px/1.8 Tahoma,Arial,sans-serif;color:var(--ui-muted,#61716b)}
#project-foundations .foundations-authority strong{font:400 29px/1.6 Amiri,Georgia,serif;color:var(--ui-ink,#243a33);margin:1px 0 8px}
#project-foundations .foundations-authority.rank-0 strong{font-weight:700;font-size:35px;color:var(--ui-green,#225e4c)}
#project-foundations .foundations-authority small{font:400 14px/1.85 Tahoma,Arial,sans-serif;color:var(--ui-muted,#61716b)}
#project-foundations .foundations-arrow{display:inline-block;direction:ltr;unicode-bidi:isolate;color:var(--ui-green,#225e4c);font:24px/1 Georgia,serif}
#project-foundations .foundations-authority>.foundations-arrow{position:absolute;left:-11px;right:auto;top:65px;width:22px;z-index:1;text-align:center;background:var(--ui-bg,#fafbf8)}
#project-foundations .foundations-rule{font:400 25px/1.8 Amiri,Georgia,serif!important;margin-bottom:6px!important;color:var(--ui-green,#225e4c)}
#project-foundations .foundations-note{font-size:14px!important;color:var(--ui-muted,#61716b)}
#project-foundations .foundations-ranks{margin-top:34px}
#project-foundations .foundations-rank{display:grid;grid-template-columns:230px minmax(0,1fr);gap:38px;background:transparent;border-radius:0;padding:30px 0;margin:0;border-block-start:1px solid var(--ui-line,#dfe6df)}
#project-foundations .foundations-rank:first-child{border-inline-start:3px solid var(--ui-gold,#b29a65);padding-inline-start:22px}
#project-foundations h3{font:400 28px/1.65 Amiri,Georgia,serif;margin:0 0 5px;color:var(--ui-ink,#243a33)}
#project-foundations .foundations-quran h3{font-weight:700;color:var(--ui-green,#225e4c)}
#project-foundations .foundations-subtitle{font-size:14px!important;line-height:1.9!important;color:var(--ui-muted,#61716b)}
#project-foundations .foundations-rank-copy{min-width:0;max-width:810px}
#project-foundations .foundations-rank-copy>:last-child{margin-bottom:0}
#project-foundations .foundations-sequence{display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin:8px 0 20px;padding:0;gap:9px 0;font:400 22px/1.8 Amiri,Georgia,serif;direction:inherit}
#project-foundations .foundations-sequence li{display:flex;gap:13px;align-items:center;margin-inline-end:13px;min-width:0}
#project-foundations .foundations-sequence .foundations-arrow{font-size:20px}
#project-foundations .foundations-distinction{margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
#project-foundations .foundations-distinction>div{border-inline-start:2px solid var(--ui-line,#dfe6df);padding-inline-start:16px}
#project-foundations .foundations-distinction>div:last-child{border-color:var(--ui-green,#225e4c)}
#project-foundations .foundations-distinction dt{font:400 22px/1.8 Amiri,Georgia,serif;margin:0 0 6px}
#project-foundations .foundations-distinction dd{font:400 14px/1.9 Tahoma,Arial,sans-serif;color:var(--ui-muted,#61716b);margin:0}
#project-foundations .foundations-principles{padding:34px 0 0;background:transparent;border-radius:0;border-block-start:1px solid var(--ui-line,#dfe6df)}
#project-foundations .foundations-principles>ol{padding:0 26px 0 0;padding-inline-start:26px;padding-inline-end:0;margin:18px 0 0;list-style-type:arabic-indic}
#project-foundations .foundations-principles li{padding:0 10px 16px 0;padding-inline-start:10px;padding-inline-end:0;margin:0 0 14px;max-width:1000px}
#project-foundations .foundations-principles li::marker{color:var(--ui-green,#225e4c)}
#project-foundations h4{font:400 24px/1.75 Amiri,Georgia,serif;margin:0 0 4px}
#project-foundations .foundations-principles p{margin:0}
#project-foundations .foundations-bridge{padding-top:26px;border-block-start:1px solid var(--ui-line,#dfe6df);max-width:1020px}
#project-foundations .foundations-path-link{display:inline-block;color:var(--ui-green,#225e4c);font:400 15px/1.9 Tahoma,Arial,sans-serif;text-decoration:underline;text-underline-offset:5px;padding:8px 0;min-height:44px}
html[dir="ltr"] #project-foundations .foundations-arrow{transform:rotate(180deg)}
html[dir="ltr"] #project-foundations .foundations-principles>ol{list-style-type:decimal}
@media(max-width:900px){
 #project-foundations .foundations-rank{grid-template-columns:180px minmax(0,1fr);gap:24px}
 #project-foundations .foundations-authority{padding-inline:18px}
 #project-foundations .foundations-authority strong{font-size:25px}
}
@media(max-width:680px){
 #project-foundations{padding:0 0 22px}
 #project-foundations .foundations-disclosure>summary{gap:14px}
 #project-foundations h2{font-size:26px;line-height:1.65}
 #project-foundations .foundations-lead{font-size:14px}
 #project-foundations .foundations-toggle{margin-top:30px}
 #project-foundations .foundations-central{font-size:24px!important}
 #project-foundations .foundations-authorities{grid-template-columns:1.2fr 1fr 1fr 1fr}
 #project-foundations .foundations-authority{padding:14px 8px 12px;align-items:center;text-align:center}
 #project-foundations .foundations-rank-label{font-size:13px}
 #project-foundations .foundations-authority strong{font-size:20px;overflow-wrap:anywhere}
 #project-foundations .foundations-authority.rank-0 strong{font-size:25px}
 #project-foundations .foundations-authority small{display:none}
 #project-foundations .foundations-authority>.foundations-arrow{font-size:19px;top:49px;left:-9px;right:auto;width:18px}
 #project-foundations .foundations-rule{font-size:23px!important}
 #project-foundations .foundations-rank{display:block;padding-block:25px}
 #project-foundations .foundations-rank:first-child{padding-inline-start:15px}
 #project-foundations h3{font-size:27px}
 #project-foundations .foundations-rank-heading{margin-bottom:17px}
 #project-foundations .foundations-distinction{grid-template-columns:1fr;gap:17px}
 #project-foundations .foundations-principles li{padding-bottom:13px}
}

html[dir="ltr"] #project-foundations .foundations-authority>.foundations-arrow{left:auto;right:-11px}
@media(max-width:680px){html[dir="ltr"] #project-foundations .foundations-authority>.foundations-arrow{left:auto;right:-9px}}