:root{
  --bg:#FDFCFA; --ink:#22201D; --primary:#3E6B5A; --accent:#E8A07C; --muted:#6B6763;
  --line:#E7E2DB; --radius:14px; --wrap:720px;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;
  font-size:17px; line-height:1.9;
}
main{max-width:var(--wrap); margin:0 auto; padding:24px 16px}
h1,h2,h3{line-height:1.45; font-weight:700; margin:1.6em 0 .6em}
h1{font-size:1.75rem; margin-top:.4em}
h2{font-size:1.3rem}
h3{font-size:1.1rem}
p{margin:0 0 1em}
a{color:var(--primary)}
.site-header{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  max-width:var(--wrap); margin:0 auto; padding:16px; border-bottom:1px solid var(--line);
}
.brand{font-weight:700; font-size:1.25rem; color:var(--ink); text-decoration:none}
.site-header nav a{margin-inline-start:14px; font-size:.95rem; text-decoration:none}
.card{border:1px solid var(--line); border-radius:var(--radius); padding:18px; margin:0 0 16px; background:#fff}
.card h2{margin-top:0}
.card h3{margin-top:0}
.cta{
  display:inline-block; background:var(--primary); color:#fff; text-decoration:none;
  padding:12px 20px; border-radius:var(--radius); font-weight:600;
}
.note{background:#FFF7F1; border-inline-start:4px solid var(--accent); padding:14px 16px; border-radius:8px; margin:1.5em 0}
.note p{margin:0}
.site-footer{
  border-top:1px solid var(--line); margin-top:48px; padding:24px 16px;
  max-width:var(--wrap); margin-inline:auto; color:var(--muted); font-size:.9rem; text-align:center;
}
.fine{font-size:.82rem; color:var(--muted)}
img{max-width:100%; height:auto; border-radius:10px}
table{width:100%; border-collapse:collapse; margin:1.5em 0; font-size:.95rem}
th,td{border:1px solid var(--line); padding:10px; text-align:start}
th{background:#F6F3EF; font-weight:600}
@media (min-width:768px){
  body{font-size:18px}
  h1{font-size:2.1rem}
}
.card h2 a{text-decoration:none}
.card h2 a:hover{text-decoration:underline}
.lbl{
  font-size:.78rem; font-weight:600; color:var(--muted);
  letter-spacing:.02em; margin:1.1em 0 .15em;
}
.card .lbl:first-of-type{margin-top:.8em}
.card p{margin:0 0 .5em}