:root{
  color-scheme:light;
  font-family:"Tajawal",Tahoma,Arial,sans-serif;
  color:#173747;
  background:#f4f8f8;
}

*{box-sizing:border-box}

body{
  margin:0;
  min-width:0;
  background:linear-gradient(180deg,#f4f8f8,#eef6f5);
  color:#173747;
  line-height:1.9;
}

a{color:#087b7a}
a:focus-visible{outline:3px solid #0da9a6;outline-offset:3px}

.info-shell{
  width:min(920px,calc(100% - 32px));
  margin-inline:auto;
  padding:32px 0;
}

.info-hero,
.info-card{
  margin-bottom:16px;
  padding:24px;
  border:1px solid #d5e7e5;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 34px rgba(23,55,71,.07);
}

.info-hero p:first-child{
  margin-top:0;
  color:#087b7a;
  font-weight:800;
}

h1,h2{margin-top:0;color:#075f61;line-height:1.45}
h1{font-size:clamp(28px,5vw,42px)}
h2{font-size:clamp(20px,3vw,25px)}
p:last-child{margin-bottom:0}

.info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.info-grid .info-card{margin:0}
.info-list{margin:0;padding-inline-start:22px}
.info-list li+li{margin-top:7px}

.info-note{
  padding:14px 16px;
  border-inline-start:4px solid #0da9a6;
  border-radius:12px;
  background:#eaf8f6;
}

.info-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.info-links a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:8px 14px;
  border:1px solid #bcdedb;
  border-radius:12px;
  background:#fff;
  font-weight:800;
  text-decoration:none;
}

@media(prefers-color-scheme:dark){
  :root{color-scheme:dark;background:#07111d;color:#dce8ed}
  body{background:linear-gradient(180deg,#07111d,#0b1723);color:#dce8ed}
  .info-hero,.info-card{border-color:#294152;background:#111d2a;box-shadow:none}
  h1,h2{color:#75d8d4}
  a{color:#75d8d4}
  .info-note{background:#102c31}
  .info-links a{border-color:#315464;background:#132331}
}

@media(max-width:640px){
  .info-shell{width:min(100% - 24px,920px);padding:16px 0}
  .info-hero,.info-card{padding:18px;border-radius:16px}
  .info-grid{grid-template-columns:1fr}
  .info-links{display:grid;grid-template-columns:1fr}
}