:root {
  --bg: #06140c;
  --ink: #eef8f1;
  --muted: #8fb39a;
  --green: #16b85a;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font: 18px/1.55 system-ui, "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--ink);
}
header, main { max-width: 42rem; margin: 0 auto; padding: 1.25rem 1.25rem 0; }
header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.brand { font-weight: 800; color: var(--green); margin: 0; }
nav { display: flex; gap: 1rem; font-size: 0.9rem; }
a { color: var(--green); }
h1 { font-size: 1.85rem; line-height: 1.2; }
h2 { margin-top: 1.75rem; font-size: 1.15rem; }
.meta, p { color: var(--muted); }
p, li { color: #d7eadc; }
.btn {
  display: inline-block;
  margin: 0.4rem 0.4rem 0 0;
  padding: 0.7rem 1rem;
  border-radius: 0.7rem;
  background: var(--green);
  color: #06210f;
  font-weight: 800;
  text-decoration: none;
}
.btn.ghost { background: transparent; color: var(--green); box-shadow: inset 0 0 0 1px var(--green); }
hr { border: 0; border-top: 1px solid #1e3d2a; margin: 2.5rem 0; }
[lang="ar"] { font-size: 1.05rem; }