/* ISNAD: adaptation of Imad's FSJES palette and typography, with its own identity. */
@font-face{font-family:Literata;src:url('/fonts/literata.ttf') format('truetype');font-weight:200 900;font-display:swap}
@font-face{font-family:Fustat;src:url('/fonts/fustat.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Alyamama;src:url('/fonts/alyamama.ttf') format('truetype');font-weight:300 900;font-display:swap}
:root{--ink:#16181d;--muted:#50545c;--night:#0b3f80;--night-text:#dfe8f4;--teal:#014997;--teal-soft:#e8eef7;--canvas:#f6f4ee;--line:#d4d2cb;--focus:#014997;--ui:Fustat,'Segoe UI',sans-serif;--arabic:Alyamama,'Noto Naskh Arabic',serif}
.sidebar{background:#0b3f80}.brand,.corpus-count,h1,.reader-top h2,.reader-placeholder h2{font-family:Literata,Georgia,serif}.brand{font-size:23px;letter-spacing:0}.brand-ar{font-size:24px;color:#dfe8f4;line-height:1.2}.brand-mark{border-color:#7c9abe;border-radius:2px}.nav-item{color:#dfe8f4;border-radius:3px}.nav-item.active{background:#ffffff18;box-shadow:inset 2px 0 #f6f4ee}.nav-item:hover,.recent-button:hover{background:#ffffff10}.nav-dot{background:#f6f4ee}.sidebar-caption,.corpus-eyebrow{color:#cfdcef}.corpus-box,.sidebar-footer{border-color:#ffffff30}.corpus-range{border-color:#ffffff40;color:#dfe8f4}.recent-button,.sidebar-footer small{color:#dfe8f4}.corpus-box p{color:#dfe8f4}.local-dot{background:#cfdcef}
.topbar{background:var(--canvas);height:54px}.search-area{background:var(--canvas);position:relative;padding-top:25px}.search-area::before{content:'';position:absolute;left:32px;top:0;width:1px;height:15px;background:#014997}.search-area::after{content:'';position:absolute;left:30px;top:14px;width:5px;height:5px;border-radius:50%;background:#014997}.page-title{margin-bottom:20px}.eyebrow{letter-spacing:.16em;font-size:10px}.title-ar{font-size:42px;color:#014997;line-height:1.2;font-weight:500}h1{font-size:30px;letter-spacing:-.6px}.search-box{background:white;border-radius:4px;border-color:#b5bcc9;box-shadow:none}.primary{border-radius:3px;background:#014997}.primary:hover{background:#0b3f80}.suggestions button{border-radius:3px;background:transparent}.suggestions button b,.query-example{font-family:var(--arabic);font-size:19px}.query-example{border-radius:2px}.suggestions{margin-bottom:17px}.filter-control select,.filter-control input{border-radius:3px}.topbar-badge{border-radius:2px;background:white}.workspace{background:var(--canvas)}
.result-card{border-radius:4px;box-shadow:none;transition:transform 180ms cubic-bezier(.2,.9,.3,1),border-color 180ms}.result-card:hover{transform:translateY(-2px);box-shadow:none;border-color:#014997}.result-card.selected{box-shadow:inset 3px 0 #014997}.result-open{border-radius:3px}.card-chamber{border-radius:2px;background:#e8eef7;color:#0b3f80}.card-excerpt{font-size:21px;line-height:1.65}.card-number{font-size:17px}.card-label{font-size:10px}.card-save.saved{color:#014997}.saved svg{fill:#cfdcef}.reader{border-radius:5px;box-shadow:none}.reader-top{border-top:3px solid #014997}.reader-top h2{font-size:26px}.reader-eyebrow>span{font-size:10px}.reader-scroll{animation:read-enter 240ms cubic-bezier(.2,1.1,.3,1)}.decision-text{line-height:1.85;color:#16181d}.reader-source{background:#f5efdE;color:#695022}.toast{border-radius:4px}.empty-results{border-radius:4px}.search-explanation{font-size:12px;max-width:900px}mark{background:#f3df99;border-radius:0}
@keyframes read-enter{from{transform:translateY(8px)}to{transform:translateY(0)}}
@media(max-width:1150px){.title-ar{font-size:35px}.search-area::before{left:24px}.search-area::after{left:22px}}
@media(max-width:700px){.topbar{height:44px}.search-area::before{left:18px}.search-area::after{left:16px}.brand{font-size:22px;display:flex}.brand-ar{font-size:21px}.search-explanation{font-size:12px;line-height:1.7}.reader-top{border-top-width:3px}.card-excerpt{font-size:23px}.reader-scroll{animation:none}}
@media(prefers-reduced-motion:reduce){.result-card{transition:none;transform:none!important}.reader-scroll{animation:none}}
.hero{position:relative;isolation:isolate;background:#014997;color:#fff;margin:-25px -32px 23px;padding:27px 34px 24px;min-height:182px;overflow:hidden;gap:20px;align-items:center;border-bottom:5px solid #0b3f80}
.search-area::before,.search-area::after{display:none}.hero-copy{position:relative;z-index:2;min-width:0}.hero .eyebrow{color:#cfdcef;font-size:10px;letter-spacing:.2em;margin-bottom:12px}.hero h1{font-size:34px;color:#f6f4ee;line-height:1.2}.hero-caption{font-size:14px;color:#dfe8f4;margin:9px 0 17px}.hero-index{display:flex;flex-wrap:wrap;gap:10px 15px;color:#dfe8f4;font-size:11px}.hero-index span+span{border-left:1px solid #ffffff40;padding-left:15px}.hero-index strong{font-weight:600;color:white}.hero-signature{position:relative;z-index:2;text-align:center;min-width:235px;align-self:center;padding:0 16px}.hero-word{display:block;font-family:Alyamama,serif;font-size:108px;line-height:1.08;color:#f6f4ee;font-weight:600;white-space:nowrap}.hero-ar-caption{display:block;font-family:Alyamama,serif;font-size:21px;margin-top:5px;color:#dfe8f4}.hero-geometry{position:absolute;right:0;top:0;height:100%;width:50%;opacity:.22;z-index:0}.hero-geometry path{stroke:#cfdcef;stroke-width:.7;fill:none}.hero-geometry .hero-rule{stroke:white;stroke-width:2;stroke-dasharray:72;animation:rule-enter 650ms cubic-bezier(.2,1,.3,1)}.hero-point{fill:#fff}.search-box{border:1px solid #9baec3;min-height:62px;padding:7px 7px 7px 18px;box-shadow:0 3px 0 #e3e0d6}.search-box input{font-size:16px}.search-box .primary{min-height:46px;padding:0 20px}.results-heading h2{font-size:14px}.reader-top{background:#faf9f5}.card-label{color:#014997}.reader{border:1px solid #bfc8d3}.sidebar{background:#0b3f80}.hero-word{animation:word-enter 550ms cubic-bezier(.2,1,.3,1)}
@keyframes rule-enter{from{stroke-dashoffset:72}to{stroke-dashoffset:0}}@keyframes word-enter{from{transform:translateY(15px)}to{transform:translateY(0)}}
@media(max-width:1150px){.hero{margin-left:-24px;margin-right:-24px;padding-left:26px;padding-right:26px}.hero h1{font-size:29px}.hero-signature{min-width:190px}.hero-word{font-size:91px}.hero-index{gap:8px}.hero-index span+span{padding-left:8px}}
@media(max-width:960px){.hero{min-height:164px}.hero h1{font-size:28px}.hero-word{font-size:82px}.hero-signature{min-width:170px}.hero-ar-caption{font-size:18px}}
@media(max-width:700px){.hero{margin:-22px -18px 20px;padding:22px 18px;min-height:178px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.hero h1{font-size:23px;max-width:230px}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero-caption{font-size:12px;margin-bottom:14px}.hero-index{font-size:10px}.hero-index span:nth-child(3){display:none}.hero-signature{padding:0;min-width:105px}.hero-word{font-size:66px}.hero-ar-caption{font-size:14px;max-width:110px}.hero-geometry{width:55%}.search-box .primary{padding:0 12px}.search-box input{font-size:14px}.search-explanation{line-height:1.6}.suggestions>span{display:none}}
@media(prefers-reduced-motion:reduce){.hero-word,.hero-rule{animation:none!important}}
@media(min-width:701px){body.has-query .hero{min-height:117px;padding-top:16px;padding-bottom:16px}body.has-query .hero-word{font-size:72px}body.has-query .hero-ar-caption{font-size:17px}body.has-query .hero-caption{display:none}body.has-query .hero-index{margin-top:14px}body.has-query .hero h1{font-size:28px}.reading-focus .search-area,.reading-focus .topbar{display:none}.reading-focus .workspace{padding-top:24px;grid-template-columns:minmax(275px,30%) minmax(0,1fr)}}
#focus-reading[aria-pressed=true]{background:#014997;color:white}.reading-focus .reader{animation:read-enter 240ms cubic-bezier(.2,1,.3,1)}
@media(max-width:700px){#focus-reading{display:none}}
.brand{padding-inline:4px;gap:12px;align-items:center}.isnad-mark{width:44px;height:44px;flex-shrink:0;background:white}.isnad-wordmark{display:flex!important;flex-direction:column;align-items:center;gap:2px}.isnad-wordmark>span[lang=ar]{font-family:'Noto Naskh Arabic',serif;font-size:36px;line-height:1.2;letter-spacing:0;color:white}.isnad-latin{font-family:'Source Serif 4',serif;font-size:12px;letter-spacing:.18em;line-height:1.2;color:white}.brand-mark{display:none}
@media(min-width:701px) and (max-width:960px){.isnad-wordmark{display:none!important}.isnad-mark{width:40px;height:40px}.brand{padding-inline:8px}}
@media(max-width:700px){.isnad-mark{width:36px;height:36px}.isnad-wordmark>span[lang=ar]{font-size:28px}.isnad-latin{font-size:10px}.brand{gap:8px}}
