html:root{--reading:100%;--measure:100%}
html body .e-con{--container-max-width:1200px}
html body .serka-template-root .pg-wrap{max-width:1200px!important}
html body .pg-wrap.e-con>.e-con-inner{max-width:100%!important}
@media (max-width:720px){html body #hdr .topbar .tlabel{flex:1 1 0;min-width:0;max-width:none;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}html body #hdr .mainbar .brand{flex:1 1 0;min-width:0;max-width:none}html body #hdr .mainbar .brand .bt{flex:1 1 auto;min-width:0;max-width:none;overflow:visible}html body #hdr .mainbar .brand .bt b{max-width:none;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.1}html body #hdr .mainbar .brand .bt span{max-width:none;overflow:visible;text-overflow:clip;white-space:normal;line-height:1.3}}
@media (max-width:400px){html body[class] #hdr .mainbar .wrap{gap:6px;padding-inline:10px}html body #hdr .mainbar .brand{gap:8px}html body #hdr .mainbar .brand .logo{width:34px;height:34px}html body #hdr .mainbar .brand .bt b{letter-spacing:.02em}html body #hdr .mainbar .brand .bt span{letter-spacing:.14em}html body[class] #hdr .mainbar :is(.toggle,.burger){width:38px;height:38px;min-width:38px}}
@media (max-width:23rem){html body .serka-ctabar .serka-ctabar__dock{gap:4px;padding-inline:4px;flex-wrap:wrap;justify-content:safe center;row-gap:4px}html body .serka-ctabar .serka-ctabar__list{gap:4px}html body .serka-ctabar :is(.serka-ctabar__btn,.serka-ctabar__more){padding-inline:5px;gap:4px}}
@media (max-width:21rem){html body .serka-ctabar .serka-ctabar__dock{gap:3px;padding-inline:3px}html body .serka-ctabar .serka-ctabar__list{gap:3px}html body .serka-ctabar :is(.serka-ctabar__btn,.serka-ctabar__more){padding-inline:4px;gap:3px}html:lang(ar) body .serka-ctabar .serka-ctabar__dot{display:none}}
@media (max-width:620px){html body footer .ft-mark{font-size:27vw}}
@media (min-width:981px){html body .mainnav .nav-dd.nav-dd-blog{inset-inline-start:auto;inset-inline-end:0;transform:translateY(8px);inline-size:max-content;max-inline-size:min(34rem,calc(100vw - 40px))}html body .mainnav .nav-item:hover .nav-dd.nav-dd-blog{transform:translateY(0)}html body .mainnav .nav-dd.nav-dd-blog a{white-space:normal}}
@media (prefers-reduced-motion:reduce){html body .marq{mask-image:none;-webkit-mask-image:none}html body .marq .track{inline-size:auto;flex-wrap:wrap;justify-content:center;gap:8px 28px;padding-inline:16px;animation:none;transform:none}html body .marq .track span:nth-child(n+8),html body .marq .track span::after{display:none}}