/* Overrides loaded after the main stylesheet. Safe to edit without rebuilding the page. */
@media (prefers-color-scheme: dark){
  .hdr{background:#fff}
  .ptn div,.mgr .qr img{background:#fff}
}
@media (max-width:760px){
  .mgr{padding:24px 18px 22px;gap:14px}
  .mgr .ph{width:104px;height:104px}
  .mgr>div{width:100%;display:flex;flex-direction:column;align-items:center}
  .mgr h3{margin:2px 0 4px}
  .mgr ul{margin:0 0 4px}
  .mgr .yr{margin-top:10px;gap:10px}
  .mgr .yr b{font-size:34px}
  .mgr .qr{width:100%;display:flex;justify-content:center;margin:6px 0 0;padding-top:16px;border-top:1px solid var(--line)}
  .mgr .qr img{width:150px;margin:0 auto;padding:8px;border-radius:14px;box-shadow:none}
}
@media (max-width:760px){.mgr small{display:block;margin-top:6px}}
/* policy items: keep number badge + mixed Arabic/English text on one flow */
.policy li{display:block;position:relative;padding-inline-start:38px;line-height:1.7}
.policy li .k{position:absolute;inset-inline-start:0;top:1px}
@media (max-width:760px){
  .tgrow,.ask{flex-wrap:nowrap;align-items:flex-start;gap:14px}
  .tgrow p,.ask p{min-width:0;flex:1 1 auto}
  .follow{padding:30px 18px}
  .follow .soc{gap:10px;max-width:300px;margin:0 auto}
  .follow .soc a{width:48px;height:48px;border-radius:14px}
  footer .wrap{align-items:center;text-align:center;gap:20px}
  footer .soc{justify-content:center;max-width:300px}
  footer .soc a{width:38px;height:38px}
}
/* footer logo: use the original logo on a white chip */
footer img{content:url(/img/logo.png);background:#fff;padding:10px 16px;border-radius:14px;height:60px;width:auto}