:root {
  --nil: #0a1628;
  --dahab: #c9a227;
  --raml: #e8dcc4;
  --hibr: #e8e4d8;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
  background: #07101c;
  color: var(--hibr);
  line-height: 1.85;
  direction: rtl;
}
h1, h2, h3 { font-weight: 700; }
a { color: var(--dahab); }
.nahr { height: 6px; background: linear-gradient(270deg, var(--dahab), #8a6b12); }
.masthead-qahira {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 5vw;
  background: var(--nil);
}
.masthead-qahira img { width: 56px; height: 56px; }
.masthead-qahira h1 { margin: 0; font-size: 22px; color: var(--dahab); }
.masthead-qahira h1 a { color: inherit; text-decoration: none; }
.masthead-qahira p { margin: 3px 0 0; color: var(--raml); font-size: 12px; letter-spacing: .12em; }
.rubu {
  display: flex;
  flex-wrap: wrap;
  background: #0e1d33;
}
.rubu a {
  color: var(--raml);
  text-decoration: none;
  padding: 12px 16px;
  font-size: 14px;
}
.rubu a:hover, .rubu a.fath { color: var(--dahab); background: #07101c; }
.studio { width: min(920px, 92vw); margin: 28px auto 70px; }
.iftitah h2 { font-size: clamp(26px, 4.4vw, 40px); margin: 0 0 12px; color: #fff; line-height: 1.25; }
.iftitah img { width: 100%; margin: 14px 0; border: 1px solid #1c2c44; }
.shabaka {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 22px;
}
.shabaka a {
  background: #0e1d33;
  border-right: 4px solid var(--dahab);
  padding: 18px 16px;
  text-decoration: none;
  color: inherit;
}
.shabaka h3 { margin: 0 0 8px; color: var(--dahab); }
.maqal {
  background: #0e1d33;
  padding: 26px 28px;
  border: 1px solid #1c2c44;
}
.khatima {
  background: var(--nil);
  color: #9aa6b4;
  padding: 24px 5vw 42px;
  font-size: 13px;
}
.khatima a { margin-left: 12px; }
@media (max-width: 700px) {
  .shabaka { grid-template-columns: 1fr; }
}