:root{--brown:#4A2C22;--brown-soft:#7A5547;--line:#EBD6CE;--rose:#C48A84;--card:#FFFAF7}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:linear-gradient(160deg,#F7EEE8,#F3DED8) fixed;color:var(--brown);font:17px/1.7 'Jost',Arial,sans-serif}
.wrap{max-width:920px;margin:auto;padding:28px 16px 60px}
a{color:var(--brown);text-underline-offset:4px}
nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
nav a{border:1px solid var(--line);border-radius:999px;padding:8px 16px;background:var(--card);text-decoration:none;font-size:15px}
a:hover{color:#7A5547}a:focus-visible{outline:3px solid var(--rose);outline-offset:4px}
header{text-align:center;margin-bottom:28px}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;line-height:1.3}h1{font-size:36px;margin:0 0 12px}header p{color:var(--brown-soft);margin:0}
.ar{font-family:'Tajawal',Arial,sans-serif}.ar h2,h1 .ar{font-family:'El Messiri',serif}h1 .ar{display:block;font-size:29px;margin-top:10px}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:28px}
h2{font-size:24px;margin:0 0 12px}.ar h2{font-size:21px}p{margin:0}ul{padding-inline-start:22px;margin:0}li+li{margin-top:8px}
footer{text-align:center;font-size:13px;color:var(--brown-soft);margin-top:30px}
@media(max-width:640px){.card{grid-template-columns:1fr;gap:22px;padding:20px}.card .ar{border-top:1px solid var(--line);padding-top:20px}h1{font-size:30px}h1 .ar{font-size:25px}}
@media print{body{background:white}nav{display:none}.card{break-inside:avoid}}