@font-face{font-family:'Journal Naskh';font-weight:400;font-display:swap;font-style:normal;src:url('./fonts/Naskh.woff') format('woff');}
@font-face{font-family:'Journal Naskh';font-weight:700;font-display:swap;font-style:normal;src:url('./fonts/NaskhBold.woff') format('woff');}
@font-face{font-family:'Journal Sans';font-weight:400;font-display:swap;font-style:normal;src:url('./fonts/SansAr.woff') format('woff');}
@font-face{font-family:'Journal Sans';font-weight:700;font-display:swap;font-style:normal;src:url('./fonts/SansArBold.woff') format('woff');}
:root{--jd-paper:#f9f7f1;--jd-ink:#172e37;--jd-navy:#16313a;--jd-muted:#536265;--jd-copper:#875a3a;--jd-line:#d7d0c1;--jd-cream:#ede8dc;--jd-serif:"Journal Naskh",Georgia,"Times New Roman",serif;--jd-sans:"Journal Sans",Tahoma,Arial,sans-serif;--cover-ar-font:"Journal Naskh",Tahoma,serif;--jd-latin:Georgia,"Times New Roman",serif;color-scheme:light}
*{box-sizing:border-box}
html{scroll-padding-top:12px;background:var(--jd-paper)}
body{margin:0;background:var(--jd-paper);color:var(--jd-ink);font:15px/1.85 var(--jd-sans)}
html[lang=en] body, [lang=en].jd-root{font-family:Arial,sans-serif}
a{color:inherit;text-underline-offset:.22em}
a,button{touch-action:manipulation}
:focus-visible{outline:3px solid #ad7233;outline-offset:4px}
[hidden]{display:none!important}
.jd-bound{width:min(1170px,90%);margin-inline:auto}
.jd-header{border-top:4px solid var(--jd-navy);border-bottom:1px solid var(--jd-line)}
.jd-header-in{min-height:77px;display:flex;align-items:center;gap:28px}
.jd-brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;font:700 24px/1.5 var(--jd-serif)}
.jd-monogram{font:26px/1.2 var(--jd-latin);letter-spacing:-3px;border-inline-end:1px solid #a58757;padding-inline-end:12px;align-self:center}
.jd-header nav{display:flex;gap:clamp(13px,2vw,32px);align-self:stretch;align-items:center;margin-inline-start:auto}
.jd-header nav a{height:100%;display:flex;align-items:center;position:relative;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap;color:var(--jd-muted)}
.jd-header nav a[aria-current=page]{color:var(--jd-ink)}
.jd-header nav a[aria-current=page]::after{content:"";position:absolute;bottom:12px;inset-inline:0;height:2px;background:var(--jd-copper)}
.jd-lang{border:1px solid var(--jd-line);border-radius:2px;padding:3px 13px;color:var(--jd-muted);font-size:12px;font-weight:700;text-decoration:none}
.jd-lang:hover,.jd-lang:focus-visible{border-color:var(--jd-copper)}
.jd-hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(35px,7vw,100px);padding-block:clamp(36px,5.3vw,79px)}
.jd-overline{display:flex;align-items:center;gap:12px;font:700 12px/1.75 var(--jd-sans);color:var(--jd-copper)}
.jd-overline::before{content:"";height:1px;width:30px;flex:none;background:#ac8359}
.jd-hero h1,.jd-page-intro h1,.jd-features h2,.jd-prose h2,.jd-aside h2,.jd-contact h2,.jd-reading h1,.jd-reading h2,.jd-feature h3,.jd-entry h2{font-family:var(--jd-serif);margin:0;line-height:1.38}
.jd-hero h1{font-size:clamp(62px,6.6vw,99px);line-height:1.18;letter-spacing:-.025em;margin:17px 0 16px}
.jd-hero h1 em{display:block;font-style:normal;color:var(--jd-copper)}
:lang(en) .jd-hero h1{font-family:var(--jd-latin);font-size:clamp(53px,5.65vw,83px);line-height:1.07;letter-spacing:-.055em}
html[lang=en] .jd-brand,html[lang=en] .jd-page-intro h1,html[lang=en] .jd-features h2,html[lang=en] .jd-prose h2,html[lang=en] .jd-aside h2,html[lang=en] .jd-contact h2,html[lang=en] .jd-reading h2{font-family:var(--jd-latin);font-weight:500}
.jd-role,.jd-deck{margin:0;max-width:41em}
.jd-role{font-size:clamp(15px,1.4vw,20px);font-weight:700}
.jd-deck{margin-top:10px;color:var(--jd-muted);line-height:1.95}
.jd-actions{display:flex;flex-wrap:wrap;gap:25px;align-items:center;margin-top:26px}
.jd-button{display:inline-flex;gap:24px;align-items:center;background:var(--jd-navy);border:1px solid var(--jd-navy);border-radius:2px;text-decoration:none;color:#fff;font-size:14px;font-weight:700;min-height:45px;padding:6px 22px}
.jd-button:hover{background:#284b53}
.jd-button span,.jd-openicon{font-family:Arial,sans-serif}
.jd-textlink{color:var(--jd-ink);text-decoration:none;border-bottom:1px solid #ae8c62;font-size:13px;font-weight:700;line-height:1.9;padding:2px 0}
.jd-textlink:hover,.jd-inline:hover,.jd-reading a:hover,.jd-entry a:hover,.jd-feature a:hover{color:var(--jd-copper)}
.jd-hero-art{min-width:0;position:relative;padding:0 0 9px 9px}
.jd-hero-art::before{position:absolute;content:"";inset:13px 13px 0 0;border:1px solid #ab8b5a}
.jd-hero-art>*{position:relative}
.jd-hero-art .journal-cover,.jd-hero-art figure{margin:0}
.jd-features{padding-block:29px 39px;background:var(--jd-cream);border-block:1px solid var(--jd-line)}
.jd-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px}
.jd-section-head h2{font-size:clamp(29px,2.9vw,42px)}
.jd-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.jd-feature{display:flex;flex-direction:column;min-width:0;padding:0 clamp(14px,2vw,29px)}
.jd-feature:first-child{padding-inline-start:0}
.jd-feature:last-child{padding-inline-end:0}
.jd-feature+.jd-feature{border-inline-start:1px solid #c8bdab}
.jd-feature-meta,.jd-feature-source,.jd-entry-place{font-size:11px;color:var(--jd-muted);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.jd-feature-meta>span,.jd-entry-place>span{color:var(--jd-copper);font-weight:700}
.jd-feature h3{font-size:clamp(21px,1.9vw,28px);margin:10px 0 12px}
.jd-original[lang=en]{font-family:var(--jd-latin);line-height:1.3;font-weight:500;letter-spacing:-.025em}
.jd-original[lang=ar]{font-family:var(--jd-serif);line-height:1.52;font-weight:700}
.jd-original{display:inline-block;overflow-wrap:anywhere;text-align:start;max-width:100%}
.jd-feature h3 a,.jd-entry h2 a{text-decoration:none}
.jd-feature-source{border-top:1px solid #d6cbb9;padding-top:9px;margin-top:auto;justify-content:space-between;font-weight:700}
.jd-openicon{display:inline-flex;justify-content:center;align-items:center;color:var(--jd-copper);text-decoration:none;font-size:18px}
.jd-inner{padding-block:35px 53px;min-height:60vh}
.jd-page-intro{padding-bottom:20px;border-bottom:1px solid var(--jd-line);margin-bottom:24px}
.jd-page-intro h1{font-size:clamp(42px,4.7vw,66px);margin:9px 0 0}
.jd-filter{display:flex;flex-wrap:wrap;align-items:end;gap:13px;border:1px solid var(--jd-line);background:var(--jd-cream);padding:15px 18px}
.jd-filter label{display:grid;gap:3px;flex:1 1 120px;min-width:0;font-size:12px;font-weight:700}
.jd-filter label.jd-query{flex:2 1 210px}
.jd-filter input,.jd-filter select{border:1px solid #b9b2a7;border-radius:2px;background:#fffdf8;color:var(--jd-ink);font:14px/1.4 var(--jd-sans);min-height:40px;padding:6px 10px;min-width:0;width:100%}
.jd-filter button{min-height:39px;font:700 12px var(--jd-sans);color:var(--jd-copper);border:0;background:transparent;text-decoration:underline;cursor:pointer}
.jd-count{font-size:12px;color:var(--jd-muted);padding:13px 0 9px}
.jd-entry{display:grid;grid-template-columns:minmax(100px,.23fr) minmax(0,1fr) 24px;align-items:center;gap:22px;padding:18px 2px 19px;border-top:1px solid var(--jd-line)}
.jd-entry h2{font-size:clamp(22px,2.1vw,30px)}
.jd-entry-place{flex-direction:column;gap:4px}
.jd-entry p{font-size:12px;color:var(--jd-muted);margin:5px 0 0}
.jd-entry i,.jd-credit i{font-style:normal;color:#9a8d75;margin-inline:4px}
.jd-empty{padding:22px;text-align:center;background:var(--jd-cream)}
.jd-about-grid,.jd-article-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(235px,.7fr);gap:clamp(32px,6vw,78px);align-items:start}
.jd-prose p,.jd-reading-content{font:17px/2 var(--jd-sans);margin:0 0 15px}
.jd-prose p.jd-lead{font:26px/1.65 var(--jd-serif);margin:0 0 20px}
html[lang=en] .jd-prose p.jd-lead{font-family:var(--jd-latin)}
.jd-prose h2,.jd-aside h2,.jd-contact h2,.jd-reading h2{font-size:clamp(24px,2.3vw,33px);margin:22px 0 8px}
.jd-aside{padding:19px 23px 25px;border-top:2px solid #a68052;background:var(--jd-cream);display:grid;justify-items:start}
.jd-aside h2{font-size:24px;margin:1px 0 10px}
.jd-inline{display:inline-block;font-size:13px;font-weight:700;margin-inline-end:16px;color:var(--jd-copper)}
.jd-contact{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.jd-contact>div{padding:15px 22px;border-inline-start:2px solid #ae8d64;background:#f1ede3}
.jd-contact h2{margin:0 0 8px}
.jd-contact p{color:var(--jd-muted);font-size:13px}
.jd-contact a{overflow-wrap:anywhere}
.jd-breadcrumb a{font-size:12px;text-decoration:none;color:var(--jd-muted)}
.jd-breadcrumb{margin-bottom:22px}
.jd-reading{min-width:0}
.jd-reading h1{font-size:clamp(32px,3.4vw,53px);margin-block:12px 10px}
.jd-byline,.jd-credit{font-size:13px;color:var(--jd-muted);margin:3px 0}
.jd-reading-content{margin-top:24px;border-block:1px solid var(--jd-line);padding:8px 0 18px}
.jd-reading-content h2{margin:8px 0 6px}
.jd-status{font-size:13px;color:var(--jd-muted);margin:0 0 12px}
.jd-verbatim{font:21px/1.9 var(--jd-serif);white-space:pre-wrap;overflow-wrap:anywhere;text-align:start}
.jd-verbatim[lang=en]{font:20px/1.7 var(--jd-latin)}
.jd-related ul{margin:0;padding-inline-start:20px}
.jd-related li{margin:7px 0}
.jd-related .jd-original{font-size:17px}
.jd-article-art{min-width:0}
.jd-footer{border-top:1px solid var(--jd-line);color:var(--jd-muted);font-size:12px}
.jd-footer>.jd-bound{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-block:20px}
.jd-footer .jd-bound>div{display:flex;gap:12px;flex-wrap:wrap;align-items:baseline}
.jd-footer strong{color:var(--jd-ink)}
.jd-footer p{margin:0}
@media (max-width:830px){
 .jd-bound{width:92%}.jd-header-in{gap:18px}.jd-header nav{gap:14px}.jd-brand{font-size:19px}.jd-hero{gap:27px}.jd-deck{font-size:14px}
 .jd-about-grid,.jd-article-grid{gap:24px;grid-template-columns:minmax(0,1.65fr) minmax(195px,.68fr)}
}
@media (max-width:650px){
 .jd-bound{width:calc(100% - 36px)}.jd-header-in{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding-top:10px;min-height:0}
 .jd-header nav{grid-column:1/-1;grid-row:2;overflow-x:auto;margin-inline-start:0;gap:21px}
 .jd-header nav a{height:37px;min-height:37px;font-size:12px}.jd-header nav a[aria-current=page]::after{bottom:1px}
 .jd-lang{grid-column:2;grid-row:1}.jd-brand{font-size:19px}.jd-monogram{font-size:23px}
 .jd-hero{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding-block:28px}
 .jd-hero h1{font-size:clamp(48px,12vw,71px);margin:12px 0}.jd-hero h1 em{display:inline}
 :lang(en) .jd-hero h1{font-size:clamp(42px,10vw,65px)}.jd-hero-art{width:min(100%,440px);margin-inline:auto}
 .jd-actions{margin-top:16px;gap:19px}.jd-section-head{margin-bottom:8px}.jd-feature-grid{display:block}
 .jd-feature,.jd-feature:first-child,.jd-feature:last-child{padding:15px 0}
 .jd-feature+.jd-feature{border-inline-start:0;border-top:1px solid #c8bdab}.jd-feature-source{border:0;padding:0}
 .jd-features{padding:21px 0}.jd-inner{padding-block:24px 35px}.jd-page-intro{margin-bottom:15px}
 .jd-filter{gap:7px 10px;padding:12px}.jd-filter label.jd-query{flex-basis:100%}
 .jd-entry{grid-template-columns:minmax(0,1fr) 24px;gap:3px 10px;padding:13px 0}
 .jd-entry-place{grid-column:1/-1;flex-direction:row;gap:10px}.jd-entry p{margin-top:1px}
 .jd-about-grid,.jd-article-grid,.jd-contact{display:block}.jd-aside,.jd-article-art,.jd-contact>div+div{margin-top:18px}
 .jd-article-art{max-width:420px}.jd-footer>.jd-bound{flex-wrap:wrap;gap:7px 15px}.jd-footer .jd-bound>div{width:100%}
}
@media print{.jd-header nav,.jd-lang,.jd-filter,.jd-footer,.jd-openicon,.jd-breadcrumb{display:none}.jd-bound{width:100%}.jd-article-art{display:none}.jd-article-grid{display:block}a{color:inherit}}

.ay-cover {
  --cover-paper: #172d32;
  --cover-ink: #fbf6e9;
  --cover-line: #c9aa75;
  box-sizing: border-box;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: stretch;
  min-inline-size: 0;
  inline-size: 100%;
  container-type: inline-size;
  color: var(--cover-ink);
  background-color: var(--cover-paper);
  border: 1px solid color-mix(in srgb, var(--cover-ink) 20%, var(--cover-paper));
}

.ay-cover--sage {
  --cover-paper: #294438;
  --cover-ink: #faf6df;
  --cover-line: #c3c791;
}

.ay-cover--gold {
  --cover-paper: #65492d;
  --cover-ink: #fff9ed;
  --cover-line: #e1be8b;
}

.ay-cover--paper {
  --cover-paper: #eee5d5;
  --cover-ink: #293732;
  --cover-line: #877459;
}

.ay-cover::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 3.5%;
  inline-size: 0.3rem;
  border-inline: 1px solid var(--cover-line);
  opacity: 0.45;
  pointer-events: none;
}

.ay-cover__field {
  display: grid;
  align-content: center;
  align-items: center;
  justify-items: center;
  gap: 1.1rem;
  gap: clamp(0.65rem, 4cqi, 1.65rem);
  box-sizing: border-box;
  min-inline-size: 0;
  min-block-size: 11rem;
  min-block-size: clamp(9rem, 66cqi, 24rem);
  padding: 1.65rem 12%;
  padding-block: clamp(1.4rem, 7cqi, 3.5rem);
  text-align: center;
}

.ay-cover__rule {
  display: block;
  inline-size: min(23%, 4.25rem);
  block-size: 0;
  border-block-start: 1px solid var(--cover-line);
}

.ay-cover__rule--end {
  inline-size: min(12%, 2rem);
}

.ay-cover__title {
  display: block;
  min-inline-size: 0;
  max-inline-size: 100%;
  color: inherit;
  font-family: var(--cover-en-font, "Baskervville", Georgia, "Times New Roman", serif);
  font-size: 1.6rem;
  font-size: clamp(1.1rem, 8cqi, 3.6rem);
  font-weight: 500;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.ay-cover[lang="ar"] .ay-cover__title {
  font-family: var(--cover-ar-font, "Noto Naskh Arabic", "Amiri", Tahoma, serif);
  font-weight: 600;
  line-height: 1.65;
}

.ay-cover--long .ay-cover__title {
  font-size: 1.3rem;
  font-size: clamp(1.05rem, 6.5cqi, 2.65rem);
}

.ay-cover--longest .ay-cover__title {
  font-size: 1.1rem;
  font-size: clamp(1rem, 5.2cqi, 2.2rem);
}

.ay-cover--compact .ay-cover__field {
  gap: 0.6rem;
  min-block-size: 6rem;
  min-block-size: clamp(6rem, 51cqi, 12rem);
  padding-block: 0.9rem;
}

.ay-cover--compact .ay-cover__title {
  font-size: 1.05rem;
  font-size: clamp(1rem, 6.5cqi, 1.8rem);
}

.ay-cover--compact.ay-cover--longest .ay-cover__title {
  font-size: 1rem;
  font-size: clamp(1rem, 5cqi, 1.4rem);
}

@media (forced-colors: active) {
  .ay-cover {
    border: 1px solid CanvasText;
  }
  .ay-cover::before,
  .ay-cover__rule {
    border-color: CanvasText;
  }
}

@media print {
  .ay-cover {
    break-inside: avoid;
    color: #1e2928;
    background: white;
    border: 1px solid #67736d;
  }
  .ay-cover::before,
  .ay-cover__rule {
    border-color: #778178;
  }
}