/* Arabic (RTL) section — /ar/
   Deliberately standalone rather than reusing the Elementor stylesheets. Those
   are 56 files and ~6 MB per page and are all authored left-to-right; mirroring
   them would cost more than it saves. These pages carry REG's palette and load
   in a fraction of the weight. */

:root{
  --red:#e92627;
  --maroon:#782025;
  --ink:#1d1a1a;
  --body:#4a4544;
  --line:#e6e0df;
  --wash:#faf7f7;
  --white:#fff;
  --max:1080px;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:Tajawal,"Noto Kufi Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  background:var(--white);
  color:var(--body);
  font-size:17px;
  line-height:1.9;
}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px;}

a{color:var(--red);}
a:focus-visible,button:focus-visible{outline:3px solid var(--maroon);outline-offset:2px;}

/* ---------------------------------------------------------------- header -- */
.top{background:var(--maroon);color:#fff;font-size:14.5px;}
.top .wrap{display:flex;flex-wrap:wrap;gap:6px 22px;padding-top:9px;padding-bottom:9px;}
.top a{color:#fff;text-decoration:none;}
.top a:hover{text-decoration:underline;}

.head{border-bottom:1px solid var(--line);background:var(--white);}
.head .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;padding-top:16px;padding-bottom:16px;}
.head img{height:46px;width:auto;}
.nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-inline-start:auto;font-weight:500;}
.nav a{color:var(--ink);text-decoration:none;}
.nav a:hover{color:var(--red);}

/* ------------------------------------------------------------------ hero -- */
.hero{background:var(--wash);border-bottom:1px solid var(--line);}
.hero .wrap{padding-top:52px;padding-bottom:48px;}
h1{
  font-size:clamp(28px,4.6vw,44px);line-height:1.35;margin:0 0 16px;
  color:var(--ink);font-weight:700;
}
.lede{font-size:19.5px;margin:0 0 26px;max-width:62ch;color:var(--body);}

.cta{display:flex;flex-wrap:wrap;gap:12px;}
.btn{
  display:inline-block;padding:13px 26px;border-radius:4px;text-decoration:none;
  font-weight:700;font-size:16.5px;border:2px solid var(--red);
}
.btn-solid{background:var(--red);color:#fff;}
.btn-solid:hover{background:var(--maroon);border-color:var(--maroon);}
.btn-line{color:var(--red);background:transparent;}
.btn-line:hover{background:var(--red);color:#fff;}

/* --------------------------------------------------------------- content -- */
section{padding:46px 0;border-bottom:1px solid var(--line);}
section:last-of-type{border-bottom:none;}
h2{font-size:clamp(22px,3vw,30px);line-height:1.4;color:var(--ink);margin:0 0 14px;font-weight:700;}
h3{font-size:19.5px;color:var(--ink);margin:0 0 8px;font-weight:700;}
p{margin:0 0 16px;}
.prose{max-width:70ch;}

ul.ticks{list-style:none;padding:0;margin:0 0 16px;}
ul.ticks li{position:relative;padding-inline-start:28px;margin-bottom:11px;}
ul.ticks li::before{
  content:"";position:absolute;inset-inline-start:0;top:.62em;
  width:9px;height:9px;border-radius:50%;background:var(--red);
}

.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.card{border:1px solid var(--line);border-radius:6px;padding:22px;background:var(--white);}
.card p:last-child{margin-bottom:0;}

/* tables scroll rather than pushing the page sideways */
.tw{overflow-x:auto;}
table{border-collapse:collapse;width:100%;min-width:460px;}
th,td{text-align:right;padding:11px 14px;border-bottom:1px solid var(--line);}
th{background:var(--wash);color:var(--ink);font-weight:700;}

details{border:1px solid var(--line);border-radius:6px;padding:14px 18px;margin-bottom:11px;}
details[open]{background:var(--wash);}
summary{cursor:pointer;font-weight:700;color:var(--ink);font-size:17.5px;}
summary::-webkit-details-marker{display:none;}
details p{margin:12px 0 0;}

/* ---------------------------------------------------------------- footer -- */
footer{background:var(--ink);color:#d8d2d1;padding:38px 0;font-size:15.5px;}
footer a{color:#fff;}
footer h3{color:#fff;font-size:17px;margin-bottom:10px;}
.fgrid{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}
.fnote{margin-top:26px;padding-top:18px;border-top:1px solid #3a3535;font-size:14px;}

@media (max-width:600px){
  body{font-size:16px;}
  .hero .wrap{padding-top:36px;padding-bottom:32px;}
  section{padding:34px 0;}
}