/* One visual language for the encyclopedia, atlas, book and research tools. */
html[data-site-page]{--navy:#142f40;--bg:#f8faf9;--paper:#fff;--panel:#fff;--card:#fff;--ink:#183546;--ink2:#365361;--muted:#526b76;--line:#d7e0e1;--line2:#e8eeee;--accent:#215d65;--accent2:#377887;--accent-soft:#e6f0ef;--gold:#215d65;--gold-soft:#e6f0ef;--quote:#eaf1f0;--brass:#d6b477;--sea:#bdd4dd;--land:#e4ece5;--site-masthead-height:76px;--sans:Manrope,Tajawal,system-ui,sans-serif;--shadow:0 1px 3px #18354608;--shadow2:0 8px 26px #18354612}
html[data-site-page=home]{--paper:#f8faf9}
html[data-site-page] body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
html[data-site-page]:not([data-site-page=book]) body{font-family:Manrope,system-ui,sans-serif}
html[data-site-lang=ar]:not([data-site-page=book]) body{font-family:Tajawal,system-ui,sans-serif}
html[data-site-page] :is(button,input,select){font-family:inherit;accent-color:var(--accent)}
html[data-site-page] :is(a,button,input,select,summary):focus-visible{outline:3px solid #b38949;outline-offset:3px}
/* Namespace the masthead so tool-specific header styles cannot alter it. */
.site-masthead{display:block;background:#142f40;color:#f5f8f7;font:14px/1.5 Manrope,system-ui,sans-serif;text-align:start;position:relative;z-index:51;border-bottom:1px solid #385361;flex:none;width:100%;box-sizing:border-box}
.site-masthead-inner{width:min(1400px,calc(100% - 64px));margin:0 auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:12px 0;box-sizing:border-box}
.site-masthead a{border:0;border-radius:0;padding:0;margin:0;background:transparent;box-shadow:none;text-decoration:none;color:inherit}
.site-masthead .site-wordmark{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:700;line-height:1.15;white-space:nowrap}
.site-wordmark small{display:block;color:#b8c9ce;font:10px/1.5 Manrope,system-ui,sans-serif;margin-top:5px}
.site-emblem{display:grid;place-items:center;width:40px;height:40px;box-sizing:border-box;border:1px solid #d6b47780;border-radius:50%;color:#d6b477;font:28px/1 Amiri,serif;padding-bottom:6px}
.site-masthead .site-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:12px;line-height:1.5}
.site-masthead .site-nav a{padding:9px 0;border-bottom:1px solid transparent;color:#dbe6e8;font-weight:500}
.site-masthead .site-nav a:hover,.site-masthead .site-nav a[aria-current=page]{color:#e5c78f;border-color:#d6b477;background:transparent}
.site-ar{display:none!important}[data-site-lang=ar] .site-en{display:none!important}[data-site-lang=ar] .site-ar{display:inline!important}
[data-site-lang=ar] .site-masthead,[data-site-lang=ar] .site-wordmark small{font-family:Tajawal,system-ui,sans-serif}[data-site-lang=ar] .site-masthead .site-nav{font-size:15px}[data-site-lang=ar] .site-wordmark{font-size:27px}
/* Encyclopedia: quiet reading surfaces and the same navigation/control colours. */
[data-site-page=wiki] .topbar{background:var(--paper);border-color:var(--line);padding:10px max(24px,calc((100% - 1240px)/2));min-height:62px;box-shadow:0 3px 14px #18354605}
[data-site-page=wiki] .topbar>.brand,[data-site-page=wiki] .topbar>.nav{display:none}
[data-site-page=wiki] :is(.viewtabs,.htabs){background:#eaf0ef;border-color:var(--line)}
[data-site-page=wiki] .viewtabs a{color:var(--muted);border-radius:7px}
[data-site-page=wiki] .viewtabs a.on{background:var(--navy);color:#fff;box-shadow:none}
[data-site-page=wiki] :is(.langbtn,.searchwrap input,.sortsel,.library-search input,.filter-body select,.date-filter input){border-color:var(--line);border-radius:9px;background:var(--paper);color:var(--ink)}
[data-site-page=wiki] main{padding-top:40px;width:100%}
[data-site-page=wiki] :is(.pagehead h1,.art-head h1,.h2row h2,.hero h1,.hcard h3,.acard h2,.conn .body b){color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-weight:600;letter-spacing:-.6px}
[data-site-page=wiki][data-site-lang=ar] :is(.pagehead h1,.art-head h1,.h2row h2,.hero h1,.hcard h3,.acard h2,.conn .body b){font-family:Amiri,serif;letter-spacing:0}
[data-site-page=wiki] .pagehead{margin-bottom:28px}
[data-site-page=wiki] .pagehead h1{font-size:38px;line-height:1.4}
[data-site-page=wiki] .library-search input{height:54px;box-shadow:0 3px 16px #18354606}
[data-site-page=wiki] .filters{background:white;border:1px solid var(--line);border-radius:14px;top:80px}
[data-site-page=wiki] .filters summary{padding:18px;border-bottom:1px solid var(--line);margin-bottom:10px;color:var(--ink)}
[data-site-page=wiki] .active-filters button{background:var(--accent-soft);border-color:#bdcfd0;color:var(--accent)}
[data-site-page=wiki] .alist{border:0;gap:12px}
[data-site-page=wiki] a.acard{background:white;border:1px solid var(--line);border-radius:13px;padding:22px 25px}
[data-site-page=wiki] a.acard:hover{border-color:#8aaeb0;background:#fdfefe}
[data-site-page=wiki] .acard h2{font-size:23px;line-height:1.5}
[data-site-page=wiki][data-site-lang=ar] .acard h2{font-size:28px}
[data-site-page=wiki] :is(.hero,.hcard,.feat,.notesbox,.ctable-wrap){background:var(--paper);border-color:var(--line);box-shadow:none}
[data-site-page=wiki] .hero{background:var(--navy);padding:32px;border-radius:18px;color:#fff}
[data-site-page=wiki] .hero :is(h1,.h-ar){color:#fff}
[data-site-page=wiki] .hero :is(p,p.ar,.metrics div){color:#c4d5dc}
[data-site-page=wiki] .hero :is(.eyebrow,.metrics b){color:var(--brass)}
[data-site-page=wiki] .article{max-width:960px;padding:36px 44px;background:white;border:1px solid var(--line);border-radius:18px;margin-inline:auto}
[data-site-page=wiki] .art-head h1{font-size:35px;line-height:1.5;overflow-wrap:anywhere}
[data-site-page=wiki][data-site-lang=ar] .art-head h1{font-size:40px}
[data-site-page=wiki] .art-head{border-color:var(--line)}
[data-site-page=wiki] .prose{color:var(--ink);line-height:1.95}
[data-site-page=wiki] .prose.ar{font-family:Amiri,serif;font-size:25px;line-height:2.1}
[data-site-page=wiki] .article-tools :is(a,button){background:var(--accent-soft);border-color:#cedfdf;border-radius:8px;color:var(--accent);min-height:38px}
[data-site-page=wiki] .article-jumps{gap:22px;padding:16px 0}
[data-site-page=wiki] .htag{background:#eaf0ef;border-color:#d3e0df;color:#315d65}
/* Atlas and focused graph retain their workspace layouts. */
[data-site-page=atlas] #app{height:calc(100dvh - var(--header-h) - var(--site-masthead-height))}
[data-site-page=atlas] header{background:white;min-height:58px;padding:9px 22px}
[data-site-page=atlas] header h1 small{display:none}
[data-site-page=atlas] .record-modes{background:#eaf0ef}
[data-site-page=atlas] .record-modes .on,[data-site-page=atlas] .hbtn.on{background:var(--navy);border-color:var(--navy);color:white}
[data-site-page=atlas] :is(.hbtn,.time-button,.map-controls button,.card .chip,.card-primary-link){border-color:var(--line);border-radius:8px}
[data-site-page=atlas] :is(.hbtn:hover,.map-controls button:hover){background:var(--accent-soft)}
[data-site-page=atlas] :is(#yearInput,.searchbox input,.map-footer span){background:var(--paper);border-color:var(--line)}
[data-site-page=atlas] .card{background:#eaf1ef}
[data-site-page=atlas] :is(.pair-note,.tier){background:var(--paper);border-color:var(--line)}
[data-site-page=atlas] .card .yrs{color:var(--muted)}
[data-site-page=atlas] .read{background:var(--bg)}
[data-site-page=atlas] :is(.cl-en,.cl-ar,.plabel,.rlab){stroke:var(--land)}
[data-site-page=graph] main{height:calc(100dvh - var(--head) - var(--site-masthead-height))}
[data-site-page=graph] header{min-height:54px;background:white;padding:9px 22px}
[data-site-page=graph] header .brand,[data-site-page=graph] header nav{display:none}
[data-site-page=graph] header::before{content:'Research connections';font-size:15px;font-weight:600;margin-inline-end:auto}
[data-site-page=graph][data-site-lang=ar] header::before{content:'روابط البحث';font-size:18px}
[data-site-page=graph] button{border-color:var(--line);border-radius:8px}
[data-site-page=graph] button:hover{background:var(--accent-soft)}
[data-site-page=graph] .graph-toolbar{background:white}
[data-site-page=graph] .graph-toolbar [aria-pressed=true]{background:var(--navy);border-color:var(--navy)}
[data-site-page=graph] .graph-label{background:#fffffff0;border-color:#c9d9dd;color:var(--ink)}
[data-site-page=graph] .graph-label.selected{background:var(--navy);border-color:var(--navy);color:white}
[data-site-page=graph] :is(.graph-search input,#graphDetails .article-link){border-color:var(--line)}
[data-site-page=graph] #graphDetails p{color:var(--ink2)}
[data-site-page=graph] :is(.graph-result[aria-selected=true],.graph-result:hover){background:var(--accent-soft)}
[data-site-page=graph] #graphStatus{background:var(--navy)}
/* Full network, including the legacy Arabic and English views. */
[data-site-page=network] body.fs .site-masthead{display:none}
[data-site-page=network] .drawer{background:var(--paper);color:var(--ink)}
[data-site-page=network] :is(.header,.toolbar,.sidebar,.card,.legend,.zoom-ctrl,.tip){background:var(--paper);border-color:var(--line);color:var(--ink)}
[data-site-page=network] :is(.header h1,.card h3,.card .body,.conn-text b){color:var(--ink)}
[data-site-page=network] :is(.header .subtitle,.stats,.stats b,.leg-title,.leg-row,.tip p,.conn-row,.conn-meta){color:var(--muted)}
[data-site-page=network] .canvas-area{background:var(--bg)}
[data-site-page=network] :is(.pill,.zoom-btn){background:var(--bg);border-color:var(--line);color:var(--ink);font-family:inherit}
[data-site-page=network] :is(.pill.active,.pill-h.active){background:var(--navy);border-color:var(--navy);color:white}
[data-site-page=network] .main{height:calc(100dvh - var(--hdrh,70px) - var(--site-masthead-height))}
[data-site-page=network] .card.sel{background:var(--accent-soft);border-color:#87b0b0;box-shadow:none}
[data-site-page=network] .h-tag{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}
[data-site-page=network] .search-box input{border-color:var(--line);background:var(--bg);color:var(--ink);font-family:inherit}
/* Book: share the palette but keep the reader's serif text, size and night controls. */
[data-site-page=book] #bar{position:sticky;top:0;background:var(--panel)}
[data-site-page=book] .page{padding-top:0}
[data-site-page=book] .cover{margin:30px 0 45px;padding:65px 22px;background:var(--navy);color:white;border-radius:18px;border:0}
[data-site-page=book] .cover :is(.sub,.meta,.scroll-hint){color:#c5d7dc}
[data-site-page=book] .cover .deco{color:var(--brass)}
[data-site-page=book] .reader{max-width:48rem}
[data-site-page=book] .toc{background:var(--panel)}
[data-site-page=book][data-theme=dark]{--bg:#102837;--panel:#183748;--ink:#e6eff0;--ink2:#c6d9df;--muted:#abc2ca;--accent:#d6b477;--accent2:#8bc4ca;--line:#355563;--quote:#193c4c}
/* Dates, moved-page notice, and missing-page screen. */
[data-site-page=delta] header{background:white}
[data-site-page=delta] header :is(.brand,nav){display:none}
[data-site-page=delta] header .top{padding-block:10px}
[data-site-page=delta] h1{font-family:Manrope,system-ui,sans-serif;font-size:34px;color:var(--ink)}
[data-site-page=delta][data-site-lang=ar] h1{font-family:Amiri,serif;font-size:38px}
[data-site-page=delta] .chart{background:white;border-radius:16px}
[data-site-page=delta] :is(.plabel,.axlab,tspan.lbl){fill:var(--ink2)}
[data-site-page=notfound] body,[data-site-page=moved] body{display:block;padding:0;text-align:start}
[data-site-page=notfound] .box,[data-site-page=moved] body>.card{margin:10vh auto;padding:36px;max-width:min(620px,calc(100% - 36px));background:white;border:1px solid var(--line);border-radius:18px;text-align:center}
[data-site-page=notfound] :is(.code,h1,p){color:var(--ink)!important}
[data-site-page=notfound] .links a,[data-site-page=moved] a.btn{border-color:var(--line);background:var(--navy);color:white}
[data-site-page=notfound] .links a:hover,[data-site-page=moved] a.btn:hover{background:var(--accent)}
@media(max-width:760px){
 html[data-site-page]{--site-masthead-height:112px}
 .site-masthead-inner{width:calc(100% - 32px);min-height:0;gap:13px;flex-wrap:wrap;padding:14px 0 8px}
 .site-masthead .site-wordmark{font-size:21px}.site-emblem{width:33px;height:33px;font-size:25px}.site-wordmark small{font-size:9px;margin-top:3px}
 .site-masthead .site-nav{width:100%;gap:12px;justify-content:space-between;font-size:10px}.site-masthead .site-nav a{padding:7px 0}
 [data-site-lang=ar] .site-masthead .site-nav{font-size:13px}
 [data-site-page=wiki] .topbar{padding:8px 16px;gap:8px;min-height:52px;justify-content:space-between}
 [data-site-page=wiki] .topbar .viewtabs{order:0}[data-site-page=wiki] main{padding:26px 16px 50px}
 [data-site-page=wiki] .article{padding:24px 20px;border-radius:14px}
 [data-site-page=wiki] .art-head h1,[data-site-page=wiki][data-site-lang=ar] .art-head h1{font-size:30px}
 [data-site-page=wiki] .pagehead h1{font-size:31px}
 [data-site-page=wiki] a.acard{padding:20px}
 [data-site-page=wiki] .prose.ar{font-size:23px}
 [data-site-page=wiki] .filters{max-height:none}
 [data-site-page=atlas] header{min-height:0;padding:8px 12px}
 [data-site-page=atlas] header h1{font-size:16px}
 [data-site-page=atlas] #mapcol{min-height:185px}
 [data-site-page=graph] header{min-height:46px;padding:7px 14px}
 [data-site-page=graph] .graph-workspace{min-height:235px;flex-basis:46%}
 [data-site-page=network] .main{flex-direction:column}
 [data-site-page=network] .canvas-area{order:-1;flex:1;min-height:250px}
 [data-site-page=network] .sidebar{min-width:0;width:100%;flex:1;border-inline:0;border-top:1px solid var(--line)}
 [data-site-page=book] .cover{padding:46px 16px;margin-top:24px}
 [data-site-page=delta] h1{font-size:29px}
}
@media(max-width:1100px),(pointer:coarse){
 [data-site-page=book] .toc{top:var(--site-reader-top,50px);height:calc(100dvh - var(--site-reader-top,50px))}
}
@media print{.site-masthead{display:none!important}}
@media(prefers-reduced-motion:reduce){html[data-site-page]{scroll-behavior:auto}}