:root{--ink:#ede4cf;--muted:#b9ad93;--gold:#c9a55c;--bg:#14161c;--bg2:#1b1e26;--rule:#2c303a}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--ink);font:19px/1.65 "EB Garamond","Cormorant Garamond",Georgia,"Times New Roman",serif}
body{margin:0}
a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,165,92,.45)}
a:hover,a:focus{border-bottom-color:var(--gold)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:38rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}
header.site{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1.5rem 1.25rem;max-width:38rem;margin:0 auto;border-bottom:1px solid var(--rule)}
header.site .name{font-size:1.05rem;letter-spacing:.01em;border:0;color:var(--ink)}
header.site .name b{color:var(--gold);font-weight:600}
header.site nav a{border:0;color:var(--muted);font-size:.95rem;margin-left:1rem}
h1{font-size:2.4rem;line-height:1.1;font-weight:600;margin:1.5rem 0 .75rem;letter-spacing:-.01em}
.lede{font-size:1.25rem;line-height:1.45;color:var(--ink);margin:0 0 2rem;padding-left:1rem;border-left:3px solid var(--gold)}
h2{font-size:1.15rem;font-weight:600;color:var(--gold);margin:2.2rem 0 .5rem}
p{margin:0 0 1.1rem}
em{font-style:italic}
.arabic{font-family:"Amiri","Scheherazade New",serif;font-size:1.6rem;direction:rtl;text-align:right;color:var(--gold)}
figure.video{margin:2.2rem 0;padding:0;background:var(--bg2);border:1px solid var(--rule)}
figure.video .frame{position:relative;padding-top:177.78%;max-width:22rem;margin:0 auto}
figure.video.empty .frame{padding-top:0;height:3.2rem;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.95rem}
figure.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
figure.video figcaption{padding:.6rem 1rem;color:var(--muted);font-size:.95rem}
.last{margin:2.5rem 0 2rem;padding:1.5rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:1.6rem;line-height:1.25;color:var(--gold);font-weight:600}
.sources{font-size:.95rem;color:var(--muted);line-height:1.5}
.sources h2{color:var(--muted);font-size:1rem}
footer.site{max-width:38rem;margin:0 auto;padding:2rem 1.25rem 3rem;color:var(--muted);font-size:.95rem;border-top:1px solid var(--rule)}
footer.site a{color:var(--muted)}
/* index */
.toc{list-style:none;padding:0;margin:2rem 0}
.toc li{padding:1.4rem 0;border-top:1px solid var(--rule)}
.toc li:last-child{border-bottom:1px solid var(--rule)}
.toc a.t{display:block;font-size:1.5rem;line-height:1.2;font-weight:600;color:var(--ink);border:0;margin-bottom:.35rem}
.toc a.t:hover{color:var(--gold)}
.toc .l{color:var(--muted);margin:0}
.toc .end{color:var(--gold);margin:.5rem 0 0;font-style:italic}
@media (max-width:600px){html{font-size:17px}h1{font-size:1.9rem}.last{font-size:1.35rem}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}