:root{--tick-angle:-4deg}.brand b{white-space:nowrap!important;display:block!important;font-family:'Cairo','Tajawal',system-ui,sans-serif;font-weight:800;font-size:1.22rem;line-height:1.25;overflow:visible!important;-webkit-line-clamp:unset!important;text-overflow:clip!important}.brand small{font-family:'Inter',system-ui,sans-serif;font-size:.7rem}.brand{min-width:0;overflow:visible}@media(max-width:1380px){.brand b{font-size:1.1rem}}@media(max-width:1240px) and (min-width:1021px){.brand b{display:block!important;font-size:.98rem}.brand img{height:42px}.nav a{padding:8px 6px;font-size:.82rem}.hdr .pf span{display:none}}@media(max-width:1020px){.brand b{font-size:1.05rem}}@media(max-width:720px){.brand b{font-size:.9rem}}@media(max-width:430px){.brand b{font-size:.8rem}.brand{gap:8px}.brand img{height:34px}}@media(max-width:360px){.brand b{font-size:.72rem}}.hero h1{font-family:'Cairo','Tajawal',system-ui,sans-serif;font-weight:800;font-size:clamp(1.55rem,3.7vw,3.3rem);line-height:1.5;max-width:none;text-wrap:pretty}.hero h1 .hl{display:inline}.hero h1 .hl+.hl{margin-inline-start:.28em}html[lang=en] .hero h1{font-family:'Inter',system-ui,sans-serif;font-size:clamp(1.6rem,3.4vw,3rem);line-height:1.25}.tick-w{background:#243344;padding:46px 0;overflow:hidden}.tick{transform:rotate(var(--tick-angle));width:108%;margin-inline:-4%;box-shadow:0 14px 30px -16px rgba(0,0,0,.55)}@media(max-width:720px){.tick-w{padding:34px 0}.tick{--tick-angle:-2.2deg}}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}@media(max-width:980px){.posts{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.posts{grid-template-columns:1fr}}.post{background:#fff;border:1px solid #e6e9ee;border-top:4px solid #f4c03b;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 30px -24px rgba(36,51,68,.55);transition:transform .3s,box-shadow .3s}.post:hover{transform:translateY(-6px);box-shadow:0 24px 40px -22px rgba(36,51,68,.6)}.post .pi{display:block;aspect-ratio:3/2;overflow:hidden;background:#e6e9ee}.post .pi img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.post:hover .pi img{transform:scale(1.06)}.pt2{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}.pt2 time{color:#b07d00;font-weight:700;font-size:.85rem}.pt2 h3{font-size:1.15rem;line-height:1.55;margin:0}.pt2 h3 a{color:#1f3d6b}.pt2 h3 a:hover{color:#b07d00}.pt2 p{color:#5d6877;line-height:1.85;flex:1;margin:0}.pt2 .btn{align-self:flex-start;margin-top:6px}.art{max-width:880px}.art .ah{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px;margin-bottom:30px;box-shadow:0 18px 36px -24px rgba(36,51,68,.6)}.art .ab p{font-size:1.08rem;line-height:2.05;margin:0 0 18px;color:#2c4a78}.art .ab .link{display:inline-block;margin-top:10px;font-weight:700}
/* mobile header: nothing overlaps, brand stays on one line */
.hdr .wrap.in{gap:10px}
.brand{flex:1 1 auto;min-width:0}
@media(max-width:720px){
.hdr .wrap.in{gap:6px;padding-inline:12px}
.lang{padding:6px 9px!important;font-size:.78rem!important;min-width:0}
.hdr .pf{padding:6px 7px!important;min-width:0}
.burger{margin:0;padding:6px}
.brand img{height:34px}
.brand b{font-size:.84rem}
.hero h1 .hl{display:inline-block}
}
@media(max-width:400px){.brand b{font-size:.76rem}.brand img{height:30px}.brand{gap:6px}.lang{padding:5px 7px!important}}
@media(max-width:350px){.brand b{font-size:.68rem}}
.nav-pf{display:none}
@media(max-width:480px){.hdr .pf{display:none!important}.nav-pf{display:block;font-weight:800}}
@media(max-width:400px){.brand b{font-size:.7rem}.brand img{height:28px}.hdr .wrap.in{gap:4px;padding-inline:10px}.lang{font-size:.72rem!important;padding:5px 6px!important}}
@media(max-width:350px){.brand b{font-size:.62rem}}
@media(max-width:340px){.brand b{font-size:.58rem}.brand img{height:24px}}