:root {
  --brand: #A6DC32;
  --brand-dark: #5a7a10;
  --ink: #1f2328;
  --muted: #6b7280;
  --line: #e8eaed;
  --bg: #ffffff;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.75;
  padding: 26px 18px 56px;
  max-width: 760px;
  margin-inline: auto;
}
h1 {
  font-size: 1.55rem;
  font-weight: 800;
  line-height: 1.3;
  margin: 0 0 4px;
}
.meta {
  color: var(--muted);
  font-size: 0.9rem;
  margin: 0 0 22px;
}
.lead {
  color: #44474c;
  margin: 0 0 24px;
}
h2 {
  font-size: 1.12rem;
  font-weight: 700;
  margin: 30px 0 10px;
  padding-inline-start: 12px;
  border-inline-start: 4px solid var(--brand);
}
p { margin: 0 0 14px; }
ul { margin: 0 0 18px; padding-inline-start: 22px; }
li { margin: 0 0 10px; }
strong { font-weight: 700; }
a { color: var(--brand-dark); word-break: break-word; }
.divider { height: 1px; background: var(--line); border: 0; margin: 30px 0; }