@font-face{font-family:R;src:url('./ArefRuqaa-Regular.ttf')}@font-face{font-family:B;src:url('./NotoSansArabic.ttf')}*{box-sizing:border-box}body{margin:0;background:#f3f0e8;color:#263630;font-family:B,sans-serif;direction:rtl}a{color:inherit;text-underline-offset:5px}header,footer{max-width:1400px;margin:auto;padding:25px 4vw;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #ccc5b8}header .brand{font:40px R;text-decoration:none}main{max-width:1400px;margin:auto;padding:35px 4vw 60px}h1,h2{font-family:R;font-weight:400}h1{font-size:70px;line-height:1.5;margin:12px 0 22px}h2{font-size:38px;margin:10px 0}p{line-height:1.9}.lead{max-width:55ch;font-size:19px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.tile img{width:100%;height:auto;display:block}.tile{text-decoration:none}.tile p{font-size:14px;margin:5px 0}.story{display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.intro{position:sticky;top:24px;align-self:start}.reader{min-width:0}#picture{display:block;width:100%;height:auto;touch-action:pan-y}.controls{display:flex;justify-content:space-between;align-items:center;margin:15px 0}button{font:16px B;color:inherit;border:1px solid #a9b0a4;background:transparent;padding:8px 18px;cursor:pointer}button:disabled{opacity:.3;cursor:default}.thumbs{display:flex;gap:10px;margin-top:16px}.thumbs button{width:25%;padding:3px;border-color:transparent}.thumbs button[aria-current]{border-color:#263630}.thumbs img{width:100%;height:auto;display:block}.download{display:inline-block;background:#263630;color:white;padding:13px 20px;text-decoration:none;margin:20px 0 0}.links{display:flex;justify-content:space-between;gap:18px;font-size:14px;margin:20px 0}.transcript{font-size:16px;line-height:1.9;white-space:pre-line}details{margin:24px 0;font-size:14px;line-height:1.9}summary{cursor:pointer}footer{font-size:13px;border-top:1px solid #ccc5b8;border-bottom:0}a:focus-visible,button:focus-visible{outline:3px solid #917043;outline-offset:4px}.eyebrow{font-size:14px;color:#677565}.hint{font-size:13px;text-align:center;color:#66715f}@media(max-width:760px){h1{font-size:51px}.grid{grid-template-columns:1fr;gap:35px}.story{display:flex;flex-direction:column;gap:28px}.intro{position:static}.lead{font-size:16px}main{padding-top:20px}.tile{max-width:540px}.links{font-size:13px}footer{align-items:start}.download{margin-top:8px}}