@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/alexandria-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/alexandria-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/alexandria-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{color-scheme:light;--paper:#faf9f5;--ink:#172824;--muted:#56635d;--accent:#a65232;--space:1.25rem}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Alexandria,Arial,sans-serif;font-size:1rem;line-height:1.75}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:var(--accent);text-underline-offset:.2em}
a:hover{color:var(--accent)}
a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.skip{position:absolute;inset-inline-start:1rem;top:-8rem;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:10}
.skip:focus{top:1rem}
.site-shell{max-width:1440px;margin:auto;padding-inline:var(--space)}
.site-header{display:flex;align-items:flex-start;flex-direction:column;gap:1rem;padding-block:1.5rem 2.3rem}
.brand{font-size:1.08rem;font-weight:700;line-height:1.3;text-decoration:none;letter-spacing:-.02em}
.primary-nav,.site-footer nav{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;align-items:center}
.primary-nav a,.site-footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:.82rem;font-weight:550}
main{min-height:55vh}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:var(--muted);font-size:.8rem;margin-block:0 2rem}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}
.hero{display:grid;gap:2rem;align-items:center;margin-block:1rem 3.6rem}
.hero-copy{max-width:780px;min-width:0}
.hero h1{font-size:clamp(2.5rem,11vw,4rem);line-height:1.08;letter-spacing:-.055em;font-weight:630;margin:0 0 1.5rem;text-wrap:balance;overflow-wrap:anywhere}
.intro{font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.7;color:var(--muted);max-width:60ch;margin:0}
.hero-media{overflow:hidden;background:#e8e4dc;max-height:620px;min-width:0}
.hero-image{width:100%;height:100%;object-fit:cover;max-height:620px}
.home-hero .hero-media{height:320px}
.feature-grid,.listing-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:.25rem}
.feature-grid{margin-block:2rem 5rem}
.card{display:flex;flex-direction:column;gap:.8rem;align-items:start;text-decoration:none;padding-block:1.1rem 2rem;min-width:0}
.card-title{font-size:clamp(1.3rem,2vw,1.8rem);font-weight:610;line-height:1.32;letter-spacing:-.025em;overflow-wrap:anywhere}
.card-copy{font-size:.9rem;line-height:1.7;color:var(--muted)}
.card:hover .card-title{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.18em}
.article{max-width:65ch;margin-block:0 clamp(4rem,8vw,8rem)}
.article section{margin-block:0 2.7rem;scroll-margin-top:2rem}
h2{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.3;letter-spacing:-.035em;font-weight:620;margin:0 0 1.15rem;text-wrap:balance;overflow-wrap:anywhere}
p{margin:0 0 1.25rem}
.article p,.article li{color:#2e3d38;overflow-wrap:anywhere}
.article ul,.contents ol,.sources ul{padding-inline-start:1.4rem}
.article li{margin-block:.4rem}
.text-links,.archive-list{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;margin-block:1.2rem}
.contents{max-width:65ch;margin-block:0 3.5rem}
.contents h2{font-size:1rem;letter-spacing:0}
.contents li{margin:.3rem 0}
.listing,.related,.archive-links{margin-block:clamp(4rem,8vw,8rem)}
.filters{display:grid;grid-template-columns:1fr;gap:1rem 1.5rem;margin-bottom:2rem}
.filters label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--muted)}
.filters input,.filters select{font:inherit;color:var(--ink);background:#fff;padding:.7rem .8rem;width:100%;min-height:44px;border:1px solid #9caaa2;border-radius:0}
.sources{max-width:65ch;color:var(--muted);font-size:.82rem;margin-block:3rem 7rem}
.sources h2{font-size:1rem;letter-spacing:0}
.sources li{margin-block:.45rem}
.archive-links{max-width:65ch}
.archive-list a{font-size:.95rem;min-height:44px;display:inline-flex;align-items:center}
.site-footer{display:flex;flex-direction:column;gap:3rem;padding-block:3rem;color:var(--muted)}
.site-footer .brand{color:var(--ink)}
.site-footer p{font-size:.82rem;max-width:36ch;margin-top:.5rem}
[hidden]{display:none!important}
@media(min-width:561px){:root{--space:clamp(1.2rem,4vw,4rem)}.site-header{gap:1.5rem}.primary-nav,.site-footer nav{gap:.45rem 1.6rem}.primary-nav a,.site-footer a{font-size:.88rem}.hero{gap:2.5rem;margin-bottom:clamp(3rem,7vw,7rem)}.hero h1{font-size:clamp(2.7rem,7vw,6.4rem)}.home-hero .hero-media{height:360px}.feature-grid,.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}.feature-grid{margin-bottom:clamp(4rem,8vw,9rem)}.article section{margin-bottom:3.5rem}.filters{display:flex;flex-wrap:wrap}.filters input,.filters select{min-width:190px}.filters input{min-width:280px}.site-footer{padding-bottom:4rem}}
@media(min-width:801px){.site-header{align-items:center;justify-content:space-between;flex-direction:row;padding-bottom:3rem}.home-hero{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);min-height:min(65vh,680px)}.home-hero .hero-media{height:clamp(350px,55vw,620px)}.feature-grid,.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{justify-content:space-between;flex-direction:row}}