:root{--navy:#0a2538;--navy2:#0c2d42;--teal:#22d3c5;--tealD:#0e8f8a;--cream:#f4efe6;--ink:#0b2a3d;--card:#fff;--line:#e3dccd;--muted:#5a6b78;--chip:#cdeeea;--chipT:#0e7c7b}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--cream:#0b1c2a;--ink:#eaf3f2;--card:#11293a;--line:#24435a;--muted:#a9bcc6;--chip:#12404a;--chipT:#5eead4;--tealD:#22d3c5}}
:root[data-theme="dark"]{--cream:#0b1c2a;--ink:#eaf3f2;--card:#11293a;--line:#24435a;--muted:#a9bcc6;--chip:#12404a;--chipT:#5eead4;--tealD:#22d3c5}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font:400 15px/1.8 Tajawal,Tahoma,sans-serif}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
svg.i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wrap{width:min(1140px,90%);margin-inline:auto}
h1,h2,h3{line-height:1.4}

/* hero */
.hero{background:linear-gradient(90deg,#0a2234,#0b2c40 60%,#0a2538);color:#fff;position:relative;overflow:hidden;min-height:420px}
.top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;line-height:1.3}
.brand svg{width:46px;height:54px;color:var(--teal);flex:none}.brand-logo{width:46px;height:50px;object-fit:contain;flex:none;border-radius:11px;background:#f8f6f0;padding:2px;box-shadow:0 2px 8px rgba(0,0,0,.16)}
.brand small{display:block;font:400 9.5px/1.35 Tajawal,sans-serif;opacity:.82;max-width:250px;direction:ltr;text-align:right}
.menu{display:flex;gap:24px;list-style:none;padding:0;font-size:14.5px;font-weight:500}
.menu a{padding:8px 4px;display:block}
.menu .on a{color:var(--teal);box-shadow:inset 0 -2px 0 var(--teal)}
.menu a:hover{color:var(--teal)}
.lang{display:flex;gap:14px;align-items:center;font-size:12.5px;font-weight:700;letter-spacing:.04em}
.lang b{color:var(--teal)}
.kick{color:var(--teal);font-size:18px;font-weight:500;margin-bottom:8px}
.txt h1{font-size:clamp(26px,3.1vw,40px);font-weight:700;margin-bottom:12px}
.txt p{font-size:17px;opacity:.92;margin-bottom:24px}
.btn{display:inline-flex;align-items:center;gap:22px;background:var(--teal);color:#06303a;font-weight:700;font-size:15px;padding:11px 26px;border-radius:12px;border:0;cursor:pointer}
.btn:hover{background:#5eead4}
.btn.o{background:none;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4);border-radius:10px;padding:7px 18px;gap:16px;font-size:14px}
.ctrl button{background:none;border:0;color:#fff;font-size:20px;cursor:pointer;line-height:1}
.ctrl button:hover{color:var(--teal)}
.dots{display:flex;gap:8px;align-items:center}
.dots i{display:block;width:14px;height:2px;background:var(--teal)}
.dots i.on{width:9px;height:9px;border-radius:50%;background:#fff}

.stage{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;padding-block:34px 104px}
.txt{position:relative}
.pic{aspect-ratio:4/3;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}
.pic img{width:100%;height:100%;object-fit:cover;display:block}
.ctrl{display:flex;gap:12px;align-items:center;margin-top:30px}
.cnt{font-weight:700;font-size:14px;direction:ltr;margin-inline-start:8px}

/* info */
.info{margin-top:-44px;position:relative;z-index:3}
.info ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);background:var(--navy2);color:#fff;border-radius:16px;box-shadow:0 0 0 1.5px #1c6a74,0 14px 34px rgba(0,0,0,.28)}
.info li{padding:18px 10px 16px;text-align:center;border-inline-start:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center}
.info li:last-child{border:0}
.info .i{font-size:30px;color:var(--teal);margin-bottom:4px}
.info b{font-size:14.5px}
.info span{font-size:12px;color:#c3d3da}

/* collections */
.cols{padding-block:44px 34px}
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:20px}
.sh h2{font-size:24px;font-weight:700}
.sh p{color:var(--muted);font-size:13.5px}
.more{color:var(--tealD);font-size:13px;font-weight:700;white-space:nowrap}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{position:relative;display:block;border-radius:16px;overflow:hidden;color:#fff;background:#0b2d42;box-shadow:0 10px 26px rgba(10,37,56,.28);border-bottom:4px solid var(--teal);transition:transform .35s,box-shadow .35s}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(10,37,56,.4)}
.card:before{content:"";display:block;aspect-ratio:2.15;background:var(--img) center/101% auto no-repeat;transition:background-size .6s}
.card:hover:before{background-size:118% auto}
.card h3{font-size:18px;font-weight:700;padding:12px 16px 0 60px}
.card p{font-size:12.5px;opacity:.92;padding:0 16px 14px 60px}
.card .i{position:absolute;right:auto;left:14px;bottom:14px;width:34px;height:34px;padding:7px;border-radius:50%;background:var(--teal);color:#06303a;stroke-width:2}
.card:hover .i{background:#fff}

/* timeline */
.time{background:linear-gradient(90deg,#0a2234,#0b2c40);color:#fff;padding-block:28px}
.tg{display:grid;grid-template-columns:1fr 1.18fr;gap:0;align-items:center}
.expo{display:flex;flex-direction:row-reverse;border-radius:14px;overflow:hidden;background:#0a2234;box-shadow:0 0 0 1px rgba(34,211,197,.25);margin-inline-end:28px}
.expo .im{flex:0 0 42%;background:url("/images/seed-fca0c18190.jpg") center/cover;-webkit-mask:linear-gradient(90deg,#000 70%,transparent);mask:linear-gradient(90deg,#000 70%,transparent);min-height:230px}
.expo .tx{flex:1;padding:18px 20px}
.bd{display:inline-block;border:1px solid var(--teal);color:var(--teal);font-size:12px;padding:0 12px;border-radius:8px;margin-bottom:8px}
.expo h3{font-size:25px;font-weight:700;margin-bottom:8px}
.dt{display:flex;gap:8px;align-items:center;font-weight:500;font-size:14px;margin-bottom:8px}
.dt .i{color:var(--teal);font-size:17px}
.expo p{font-size:13px;color:#cfdde3;margin-bottom:12px;line-height:1.7}
.tl h2{font-size:21px;font-weight:700}
.tl>p{font-size:13px;color:#cfdde3}
.line{display:flex;align-items:center;gap:8px;margin-block:20px 12px}
.arr{flex:none;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:none;color:#fff;font-size:12px;cursor:pointer}
.eras{flex:1;display:flex;justify-content:space-around;position:relative}
.eras:before{content:"";position:absolute;inset-inline:6%;top:31px;border-top:1.5px solid var(--teal);opacity:.8}
.era{position:relative;text-align:center}
.era img{width:64px;height:64px;border-radius:50%;border:2px solid var(--teal);object-fit:cover;display:block;margin:0 auto 6px;background:#0c2d42}
.era b{display:block;font-size:14px}
.era small{font-size:12.5px;color:#cfdde3}
.tl .btn{display:flex;width:max-content;margin:14px auto 0;padding:7px 22px;gap:14px;font-size:13px;border-radius:999px}

/* news */
.news{padding-block:34px 44px}
.ng{display:grid;grid-template-columns:1fr 2.4fr;gap:34px}
.sh.s h2{font-size:19px}
.ev{list-style:none;padding:0}
.ev li{display:flex;align-items:center;gap:12px;padding-block:10px;border-bottom:1px solid var(--line)}
.go{flex:none;width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:11px}
.ev h3{font-size:13.5px;font-weight:700;line-height:1.5}
.ev small{color:var(--tealD);font-size:11.5px;display:block}
.ev .tx{flex:1}
.d{flex:none;width:38px;text-align:center;background:var(--chip);color:var(--chipT);border-radius:5px;font-size:10px;line-height:1.2;padding:3px 0;font-weight:700}
.d b{display:block;font-size:19px}
.nl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.post{background:var(--card);border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(10,37,56,.12)}
.post img{width:100%;height:84px;object-fit:cover;display:block}
.post .b{padding:8px 12px 12px}
.post time{display:block;font-size:11.5px;color:var(--muted)}
.post h3{font-size:13.5px;font-weight:700;line-height:1.5;margin-block:2px 4px}
.post p{font-size:12px;color:var(--muted);line-height:1.65}

footer{background:linear-gradient(90deg,#0a2234,#0b2c40);color:#fff;padding-block:22px;font-size:12px}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
footer .brand{font-size:12px;font-weight:500}
footer .brand svg{width:30px;height:36px}footer .brand .footer-logo{width:30px;height:34px;object-fit:contain;border-radius:8px;background:#f8f6f0;padding:1px;flex:none}
footer .brand i{display:block;font-style:normal;color:var(--teal);font-weight:700}
footer ul{display:flex;list-style:none;padding:0;flex-wrap:wrap}
footer li+li{border-inline-start:1px solid rgba(255,255,255,.35);margin-inline-start:12px;padding-inline-start:12px}
footer .on{color:var(--teal)}
.soc{display:flex;gap:16px;color:var(--teal);font-size:17px}

@media (max-width:860px){
  .stage{grid-template-columns:1fr;gap:26px;padding-bottom:96px}
  .menu{display:none}.lang{margin-inline-start:auto}
  .info ul{grid-template-columns:repeat(2,1fr)}.info li{border:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.card{min-width:72%;scroll-snap-align:start}
  .tg,.ng{grid-template-columns:1fr}.expo{margin:0 0 26px}
  .nl{grid-template-columns:1fr}
  .brand small{display:none}.eras{flex-wrap:wrap;gap:14px}.eras:before{display:none}
}
/* polish */
.hero:before{content:"";position:absolute;inset:-18% auto auto -8%;width:560px;height:560px;background:radial-gradient(circle,rgba(34,211,197,.18),transparent 65%);pointer-events:none}
.stage{position:relative}
.cols{padding-block:56px 44px}
.sh h2:after{content:"";display:block;width:42px;height:3px;border-radius:2px;background:var(--teal);margin-top:4px}
.card{padding:8px 8px 0;border-radius:20px;border-bottom:0;background:#0b2d42;box-shadow:0 12px 30px rgba(10,37,56,.3),inset 0 0 0 1px rgba(34,211,197,.28)}
.card:before{aspect-ratio:1.7;border-radius:13px;background:var(--img) center/auto 104% no-repeat;transition:background-size .6s}
.card:hover:before{background-size:auto 124%}
.card:after{content:"";position:absolute;inset:8px 8px auto 8px;aspect-ratio:1.7;border-radius:13px;background:linear-gradient(0deg,rgba(6,22,34,.55),transparent 50%);pointer-events:none}
.card h3{padding:12px 10px 0 52px;font-size:19px}
.card p{padding:0 10px 14px 52px}
.card .i{left:16px;bottom:16px}
.info li{transition:background .25s}
.info li:hover{background:rgba(34,211,197,.09)}
.era img{transition:transform .3s,box-shadow .3s}
.era:hover img{transform:scale(1.08);box-shadow:0 0 0 5px rgba(34,211,197,.25)}
.post{transition:transform .3s,box-shadow .3s}
.post:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(10,37,56,.22)}
.ev li:hover .go{background:var(--teal);color:#06303a}
@media (prefers-reduced-motion:reduce){.card,.card:before,.post,.era img{transition:none}}
/* day mode */
.thm{background:none;border:1.5px solid currentColor;color:inherit;border-radius:999px;padding:1px 14px;font:700 12.5px Tajawal,sans-serif;cursor:pointer;letter-spacing:0}
.thm:hover{border-color:var(--teal);color:var(--teal)}
:root[data-theme="day"]{--teal:#FFC21A;--cream:#FFFDF5;--ink:#0b2a3d;--card:#fff;--line:#F3E3A6;--muted:#5d6975;--chip:#FFE58A;--chipT:#7a4a00;--tealD:#b45309}
:root[data-theme="day"] .hero{background:linear-gradient(115deg,#FFF3C2,#fff 55%,#FFE9A0);color:#0b2a3d}
:root[data-theme="day"] .hero:before{background:radial-gradient(circle,rgba(255,194,26,.5),transparent 65%)}
:root[data-theme="day"] .brand svg,:root[data-theme="day"] .lang b,:root[data-theme="day"] .kick,:root[data-theme="day"] .menu .on a,:root[data-theme="day"] .menu a:hover,:root[data-theme="day"] .thm:hover{color:#b45309}
:root[data-theme="day"] .menu .on a{box-shadow:inset 0 -2px 0 #FFC21A}
:root[data-theme="day"] .ctrl button{color:#0b2a3d}
:root[data-theme="day"] .dots i.on{background:#0b2a3d}
:root[data-theme="day"] .info ul{background:#fff;color:#0b2a3d;box-shadow:0 0 0 2px #FFD54A,0 16px 36px rgba(190,140,0,.28)}
:root[data-theme="day"] .info li{border-inline-start-color:rgba(11,42,61,.1)}
:root[data-theme="day"] .info .i{color:#e08a00}
:root[data-theme="day"] .info span{color:#5d6975}
:root[data-theme="day"] .info li:hover{background:rgba(255,194,26,.16)}
:root[data-theme="day"] .card{background:#fff;color:#0b2a3d;box-shadow:0 12px 30px rgba(190,140,0,.25),inset 0 0 0 2px #FFD54A}
:root[data-theme="day"] .card .i{background:#FFC21A;color:#0b2a3d}
:root[data-theme="day"] .card:hover .i{background:#0b2a3d;color:#FFC21A}
:root[data-theme="day"] .time{background:linear-gradient(90deg,#FFF1BE,#FFE695);color:#0b2a3d}
:root[data-theme="day"] .expo{background:#fff;box-shadow:0 0 0 2px #FFD54A}
:root[data-theme="day"] .expo p,:root[data-theme="day"] .tl>p,:root[data-theme="day"] .era small{color:#5d6975}
:root[data-theme="day"] .bd{color:#b45309;border-color:#E8A500}
:root[data-theme="day"] .dt .i{color:#d97706}
:root[data-theme="day"] .btn.o{color:#0b2a3d;box-shadow:inset 0 0 0 1.5px rgba(11,42,61,.4)}
:root[data-theme="day"] .btn.o:hover{background:#FFC21A}
:root[data-theme="day"] .arr{color:#0b2a3d;border-color:rgba(11,42,61,.45)}
:root[data-theme="day"] .eras:before{border-top-color:#E8A500}
:root[data-theme="day"] .era img{border-color:#E8A500;background:#fff}
:root[data-theme="day"] .go{background:#0b2a3d;color:#FFC21A}
:root[data-theme="day"] .post{box-shadow:0 2px 12px rgba(190,140,0,.22)}
:root[data-theme="day"] footer{background:linear-gradient(90deg,#FFD84D,#FFC21A);color:#0b2a3d}
:root[data-theme="day"] footer li+li{border-inline-start-color:rgba(11,42,61,.35)}
:root[data-theme="day"] footer .on,:root[data-theme="day"] footer .brand i{color:#7a3d00}
:root[data-theme="day"] footer .brand svg{color:#0b2a3d!important}
:root[data-theme="day"] .soc{color:#0b2a3d}
/* hero image */
.stage{grid-template-columns:1fr 1.18fr}
.pic{position:relative;isolation:isolate;aspect-ratio:1.38;-webkit-mask:none;mask:none}
.pic:before{content:"";position:absolute;inset:8% 10%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(34,211,197,.38),transparent 68%);filter:blur(14px)}
.pic img{filter:contrast(1.05) saturate(1.1) drop-shadow(0 18px 30px rgba(0,0,0,.35));-webkit-mask-image:radial-gradient(ellipse 74% 72% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 74% 72% at 50% 50%,#000 58%,transparent 100%)}
:root[data-theme="day"] .pic:before{background:radial-gradient(circle,rgba(255,194,26,.6),transparent 68%)}
:root[data-theme="day"] .pic img{filter:contrast(1.05) saturate(1.1) drop-shadow(0 16px 26px rgba(150,100,0,.3))}
/* full-bleed hero */
.hero{min-height:0}
.hb{position:relative;height:clamp(400px,35vw,480px);margin-top:4px}
.hl{position:absolute;left:0;top:0;height:100%;width:54%;object-fit:cover;object-position:35% top;-webkit-mask-image:linear-gradient(90deg,#000 60%,transparent);mask-image:linear-gradient(90deg,#000 60%,transparent);filter:contrast(1.05) saturate(1.08)}
.hr{position:absolute;right:0;top:0;height:100%;width:19%;object-fit:cover;-webkit-mask-image:linear-gradient(270deg,#000 62%,transparent);mask-image:linear-gradient(270deg,#000 62%,transparent)}
.txt{position:absolute;right:21%;top:20%;width:min(440px,34%)}
.ctrl{position:absolute;left:50%;bottom:64px;margin:0;translate:-50% 0}
.cn2{position:absolute;left:3%;bottom:64px;width:48px;direction:ltr;font-weight:700;font-size:14px;line-height:1.5;border-inline-start:2px solid var(--teal);padding-inline-start:10px}
@media (max-width:860px){.hb{height:auto;min-height:560px}.hl{width:100%;opacity:.35;-webkit-mask-image:none;mask-image:none}.hr{display:none}.txt{right:5%;left:5%;width:auto;top:12%}.ctrl{left:5%;translate:none;bottom:76px}.cn2{display:none}}
/* day: coral accent */
:root[data-theme="day"] .hero{background:linear-gradient(115deg,#FFF3C2,#fff 52%,#FFE3D8)}
:root[data-theme="day"] .kick{color:#D63B1F}
:root[data-theme="day"] .menu .on a{color:#D63B1F;box-shadow:inset 0 -2px 0 #FF6B4A}
:root[data-theme="day"] .sh h2:after{background:linear-gradient(90deg,#FFC21A,#FF6B4A)}
:root[data-theme="day"] .info li:nth-child(odd) .i{color:#FF6B4A}
:root[data-theme="day"] .info li:nth-child(odd){box-shadow:inset 0 -3px 0 #FF6B4A}
:root[data-theme="day"] .info li:nth-child(even){box-shadow:inset 0 -3px 0 #FFC21A}
:root[data-theme="day"] .card:nth-child(even){box-shadow:0 12px 30px rgba(220,90,50,.22),inset 0 0 0 2px #FF9B80}
:root[data-theme="day"] .card:nth-child(even) .i{background:#FF6B4A}
:root[data-theme="day"] .bd{background:#FF6B4A;color:#0b2a3d;border-color:#FF6B4A}
:root[data-theme="day"] .dt .i{color:#E5482A}
:root[data-theme="day"] .btn.o:hover{background:#FF6B4A;color:#0b2a3d}
:root[data-theme="day"] .era:nth-child(even) img{border-color:#FF6B4A}
:root[data-theme="day"] .ev li:nth-child(2) .d{background:#FFD3C6;color:#8f2a12}
:root[data-theme="day"] footer{background:linear-gradient(90deg,#FFC21A,#FF8A5C)}
:root[data-theme="day"] footer .on,:root[data-theme="day"] footer .brand i{color:#0b2a3d}
/* logo */
.brand svg{--logo2:#FFC21A;width:50px;height:58px}
footer .brand svg{width:34px;height:40px}
:root[data-theme="day"] .brand svg{color:#0b2a3d}
:root[data-theme="day"] footer .brand svg{--logo2:#0b2a3d}
/* history page */
#page-hist{display:none}
body.v-hist #page-hist{display:block}
body.v-hist .hb,body.v-hist .info,body.v-hist main{display:none}
.hh{padding-block:30px 34px}
.bc{font-size:13px;opacity:.85;margin-bottom:10px}
.bc a:hover{text-decoration:underline}
.hh h1{font-size:clamp(30px,4.4vw,46px);font-weight:700}
.hh .sub{max-width:56ch;opacity:.9;margin-top:4px}
.rail{display:flex;position:relative;margin-top:30px}
.rail:before{content:"";position:absolute;inset-inline:10%;top:35px;border-top:2px dashed currentColor;opacity:.35}
.prog{position:absolute;inset-inline-start:10%;top:34px;height:4px;border-radius:2px;background:var(--ec);transition:width .5s,background .5s}
.eb{flex:1;background:none;border:0;color:inherit;cursor:pointer;text-align:center;font:inherit;position:relative;padding:0 4px}
.eb .c{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 8px;border-radius:50%;border:3px solid var(--ec);overflow:hidden;background:rgba(255,255,255,.16);opacity:.7;transition:transform .3s,opacity .3s,box-shadow .3s}
.eb .c img{width:100%;height:100%;object-fit:cover}
.eb .c svg{width:30px;height:36px;color:var(--ec);--logo2:var(--ec)}
.eb b{display:block;font-size:15px}
.eb small{opacity:.8;font-size:12.5px}
.eb.on .c{opacity:1;transform:scale(1.14);box-shadow:0 0 0 6px rgba(255,255,255,.2)}
.eb:hover .c{opacity:1}
.hp{padding-block:46px 56px}
.hpg{display:grid;grid-template-columns:.8fr 1.5fr;gap:44px;align-items:start}
.hv{text-align:center;position:sticky;top:20px}
.big{width:min(250px,70%);aspect-ratio:1;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.55),transparent 55%),var(--ec);box-shadow:0 20px 44px rgba(10,37,56,.28);animation:pop .5s}
.big svg{width:44%;color:#0b2a3d;--logo2:#fff}
.yrs{font-size:26px;font-weight:700}
.cn3{color:var(--muted);font-size:14px}
.hc{animation:fd .45s}
.hc h2{font-size:clamp(26px,3.6vw,36px);font-weight:700}
.ld{font-size:17px;color:var(--muted);margin:6px 0 10px;max-width:60ch}
.hc h3{font-size:18px;margin-block:20px 10px}
.ms{list-style:none;padding:0}
.ms li{display:flex;gap:14px;align-items:baseline;background:var(--card);border:1.5px solid var(--line);border-inline-start:5px solid var(--ec);border-radius:12px;padding:10px 14px;margin-bottom:10px}
.ms b{flex:none;background:var(--ec);color:#0b2a3d;padding:0 12px;border-radius:999px;font-size:13px;white-space:nowrap}
.ms span{font-size:15px}
.tg2{display:flex;flex-wrap:wrap;gap:8px}
.tg2 span{background:var(--chip);color:var(--chipT);padding:2px 14px;border-radius:999px;font-size:14px;font-weight:500}
.nv{display:flex;justify-content:space-between;gap:12px;margin-top:26px}
.nb{background:var(--card);color:var(--ink);border:1.5px solid var(--line);border-radius:12px;padding:10px 18px;font:700 14px Tajawal,sans-serif;cursor:pointer}
.nb:hover{border-color:var(--ec)}
@keyframes fd{from{opacity:0;transform:translateY(10px)}}
@keyframes pop{from{opacity:0;transform:scale(.85)}}
@media (max-width:860px){.hpg{grid-template-columns:1fr}.hv{position:static}.big{width:150px}.eb b{font-size:12px}.eb small{display:none}.eb .c{width:52px;height:52px}.rail:before{top:26px}.prog{top:25px}}
@media (prefers-reduced-motion:reduce){.hc,.big{animation:none}.eb .c,.prog{transition:none}}
/* palette switcher */
.lang{flex-wrap:wrap;justify-content:flex-end}
.pm{position:absolute;z-index:60;top:74px;left:max(5%,calc((100% - 1140px)/2));width:min(320px,92vw);background:var(--card);color:var(--ink);border:1.5px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.4);padding:8px}
.pm[hidden]{display:none}
.po{display:flex;gap:12px;align-items:center;width:100%;background:none;border:0;color:inherit;font:inherit;text-align:start;cursor:pointer;padding:9px 10px;border-radius:10px}
.po:hover{background:var(--chip)}
.po.on{box-shadow:inset 0 0 0 2px var(--tealD)}
.sw{display:flex;flex:none;border-radius:8px;overflow:hidden}
.sw i{width:18px;height:32px;display:block;border:1px solid rgba(0,0,0,.08)}
.pt b{display:block;font-size:14.5px}
.pt small{display:block;color:var(--muted);font-size:12px;line-height:1.5}
:root[data-pal="neon"]{--navy:#0F0B2E;--navy2:#1B1545;--teal:#00E5C7;--coral:#FF5C7A;--yel:#D7FF3F;--hero:linear-gradient(90deg,#0F0B2E,#1B1545 60%,#0F0B2E);--cream:#120D36;--ink:#F4F1FF;--card:#1B1545;--line:#2E2766;--muted:#B4AEDD;--chip:#261E5C;--chipT:#00E5C7;--tealD:#00E5C7;--onA:#0F0B2E;--h1:#00E5C7;--h2:#FF5C7A;--h3:#D7FF3F;--e1:#00E5C7;--e2:#FF5C7A;--e3:#D7FF3F}
:root[data-pal="sunset"]{--navy:#5B2A86;--navy2:#5B2A86;--teal:#FF7A3D;--coral:#E0306F;--yel:#5B2A86;--hero:linear-gradient(90deg,#FF7A3D,#E0306F 48%,#5B2A86);--cream:#FFF4E6;--ink:#2A0F3D;--card:#fff;--line:#F2D9C4;--muted:#6B4A78;--chip:#FFD9C2;--chipT:#8A1F4E;--tealD:#B01E5C;--onA:#2A0F3D;--h1:#FFF4E6;--h2:#FFD0B0;--h3:#FFB3CF;--e1:#FF7A3D;--e2:#FF9AB8;--e3:#FFC9A0}
:root[data-pal="terra"]{--navy:#2B2D8F;--navy2:#2B2D8F;--teal:#FF9EB5;--coral:#E2572B;--yel:#7A8B3B;--hero:linear-gradient(90deg,#E2572B,#2B2D8F 55%,#2B2D8F);--cream:#FFF1DC;--ink:#1E2070;--card:#FFF9F0;--line:#EBCDA6;--muted:#6A5A7A;--chip:#FFD9E1;--chipT:#8A2A44;--tealD:#B8431D;--onA:#2B1E5A;--h1:#FF9EB5;--h2:#FFF1DC;--h3:#C9D77A;--e1:#FF9EB5;--e2:#F2A07B;--e3:#C9D77A}
:root[data-pal="manu"]{--navy:#0B0B10;--navy2:#17161F;--teal:#E8F36B;--coral:#7C5CFF;--yel:#fff;--hero:linear-gradient(90deg,#0B0B10,#17131F 60%,#0B0B10);--cream:#0F0F16;--ink:#F2F2F7;--card:#17161F;--line:#2A2838;--muted:#A9A7BD;--chip:#262338;--chipT:#E8F36B;--tealD:#E8F36B;--onA:#0B0B10;--h1:#E8F36B;--h2:#B7A6FF;--h3:#fff;--e1:#E8F36B;--e2:#B7A6FF;--e3:#fff}
:root[data-pal="algeria"]{--navy:#04281A;--navy2:#073A24;--teal:#006233;--coral:#C8102E;--yel:#FFFFFF;--hero:linear-gradient(120deg,#032117,#07462A 52%,#04281A);--cream:#F8F6F0;--ink:#0A1F16;--card:#FFFFFF;--line:#D8E4DC;--muted:#4E6659;--chip:#E4F2E9;--chipT:#005A2F;--tealD:#00552C;--onA:#FFFFFF;--h1:#FFFFFF;--h2:#F6C9D0;--h3:#C7E6D3;--e1:#006233;--e2:#C8102E;--e3:#0E5A36}
:root[data-pal] .hero,:root[data-pal] .time,:root[data-pal] footer{background:var(--hero);color:#fff}
:root[data-pal] .hero:before{background:radial-gradient(circle,color-mix(in srgb,var(--h1) 28%,transparent),transparent 65%)}
:root[data-pal] .brand svg{color:var(--h1);--logo2:var(--h2)}
:root[data-pal] .lang b,:root[data-pal] .kick,:root[data-pal] .menu a:hover,:root[data-pal] .dt .i,:root[data-pal] .info .i{color:var(--h1)}
:root[data-pal] .menu .on a{color:var(--h1);box-shadow:inset 0 -2px 0 var(--h1)}
:root[data-pal] .btn{background:var(--teal);color:var(--onA)}
:root[data-pal] .btn:hover{background:var(--teal);filter:brightness(1.1)}
:root[data-pal] .btn.o{background:none;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
:root[data-pal] .btn.o:hover{background:var(--teal);color:var(--onA)}
:root[data-pal] .dots i{background:var(--h1)}
:root[data-pal] .dots i.on{background:#fff}
:root[data-pal] .cn2{border-color:var(--h1)}
:root[data-pal] .info ul{background:var(--navy2);color:#fff;box-shadow:0 0 0 2px var(--h1),0 14px 34px rgba(0,0,0,.28)}
:root[data-pal] .info li:nth-child(even) .i{color:var(--h2)}
:root[data-pal] .info li:nth-child(odd){box-shadow:inset 0 -3px 0 var(--h1)}
:root[data-pal] .info li:nth-child(even){box-shadow:inset 0 -3px 0 var(--h2)}
:root[data-pal] .info span{color:rgba(255,255,255,.78)}
:root[data-pal] .sh h2:after{background:linear-gradient(90deg,var(--teal),var(--coral))}
:root[data-pal] .card{background:var(--navy2);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 0 0 1.5px var(--e1)}
:root[data-pal] .card:nth-child(even){box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 0 0 1.5px var(--e2)}
:root[data-pal] .card .i{background:var(--e1);color:var(--onA)}
:root[data-pal] .card:nth-child(even) .i{background:var(--e2)}
:root[data-pal] .card:hover .i{background:#fff}
:root[data-pal] .expo{background:var(--navy2);box-shadow:0 0 0 1.5px var(--h1)}
:root[data-pal] .expo p,:root[data-pal] .tl>p,:root[data-pal] .era small{color:rgba(255,255,255,.85)}
:root[data-pal] .bd{background:var(--h2);color:var(--onA);border-color:var(--h2)}
:root[data-pal] .eras:before{border-top-color:var(--h1)}
:root[data-pal] .era img{border-color:var(--h1);background:var(--navy2)}
:root[data-pal] .era:nth-child(even) img{border-color:var(--h2)}
:root[data-pal] .arr{border-color:rgba(255,255,255,.5);color:#fff}
:root[data-pal] .go{background:var(--navy2);color:#fff}
:root[data-pal] .ev .d{background:var(--e1);color:var(--onA)}
:root[data-pal] .ev li:nth-child(2) .d{background:var(--e2)}
:root[data-pal] .ev li:nth-child(3) .d{background:var(--e3)}
:root[data-pal] .post{box-shadow:0 2px 12px rgba(0,0,0,.18)}
:root[data-pal] footer .on,:root[data-pal] footer .brand i,:root[data-pal] .soc{color:var(--h1)}
:root[data-pal] footer .brand svg{color:var(--h1)!important;--logo2:var(--h2)}
:root[data-pal] .ms b{color:var(--onA)}
:root[data-pal] .big svg{color:var(--onA);--logo2:#fff}
:root[data-pal="algeria"] .bd{background:var(--coral);color:#fff;border-color:var(--coral)}
:root[data-pal="algeria"] .btn{color:#fff}
:root[data-pal="algeria"] .hero:after{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#006233 0 33.33%,#fff 33.33% 66.66%,#C8102E 66.66% 100%);z-index:4;pointer-events:none}
:root[data-pal="algeria"] .cards .card:nth-child(2n){border-bottom-color:var(--coral)}
/* museum pages */
.tk{padding:7px 16px;font-size:13.5px;gap:8px}
.pg{display:none}.pg.on{display:block}
body.v-pg .hb,body.v-pg .info,body.v-pg main{display:none}
.pgc{padding-block:38px 50px}
.gx{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-bottom:20px}
.bx{background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:18px 20px}
.bx h3{font-size:18px;margin-bottom:10px;font-weight:700}
.bx p,.bx li{font-size:14.5px}
.bx ul,.bx ol{padding-inline-start:20px}
.ht{width:100%;border-collapse:collapse;font-size:14.5px}
.ht td{padding:6px 0;border-bottom:1px solid var(--line)}
.ht td:last-child{text-align:end}
.ht tr.today td{font-weight:700;color:var(--tealD)}
.h2s{font-size:24px;font-weight:700;margin:30px 0 14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.fc{display:inline-block;background:var(--card);color:var(--ink);border:1.5px solid var(--line);border-radius:99px;padding:2px 14px;font:500 14px Tajawal,sans-serif;cursor:pointer}
.fc:hover{border-color:var(--teal)}
.fc.on{background:var(--teal);color:#06303a;border-color:var(--teal);font-weight:700}
.tool{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.srch input,.nlfm input,.cfm input,.cfm textarea{background:var(--card);border:1.5px solid var(--line);color:var(--ink);border-radius:12px;padding:9px 14px;font:inherit;width:100%}
.srch{width:min(280px,100%)}
.og{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.ob{background:var(--card);border:1.5px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;text-align:start;padding:0;color:var(--ink);font:inherit;transition:transform .3s,box-shadow .3s}
.ob:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(10,37,56,.22)}
.ph{aspect-ratio:1.45;background-size:cover;background-position:center;background-color:var(--navy2)}
.ob .tx{padding:10px 14px 14px}
.ob b{display:block;font-size:15px}
.ob small{color:var(--muted);font-size:12.5px;display:block}
.cnt2{color:var(--muted);font-size:13.5px;margin-bottom:12px}
.smp{color:var(--muted);font-size:12.5px;margin-top:14px}
.ex{background:var(--card);border:1.5px solid var(--line);border-radius:16px;overflow:hidden}
.ex .ph{aspect-ratio:2}
.ex .tx{padding:14px 18px 18px}
.tg3{display:inline-block;background:var(--chip);color:var(--chipT);font:700 12.5px Tajawal,sans-serif;padding:0 12px;border-radius:99px;margin-bottom:6px}
.ex h3{font-size:19px;margin-block:2px 4px}
.ex .d2{color:var(--tealD);font-size:13.5px;font-weight:700}
.ex p{color:var(--muted);font-size:14px;margin-top:6px}
details.fq{background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:10px}
details.fq summary{font-weight:700;cursor:pointer}
details.fq p{margin-top:8px;color:var(--muted);font-size:14.5px}
.map{height:130px;border-radius:12px;background:linear-gradient(135deg,var(--chip),var(--card));border:1.5px solid var(--line);display:grid;place-items:center;margin-bottom:10px;font-size:34px}
.cn4{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px;text-align:center}
.cn4 b{display:block;font-size:30px;color:var(--tealD)}
.cfm{display:grid;gap:10px}
.nlfm{display:flex;gap:10px;flex-wrap:wrap}
.nlfm input{flex:1;min-width:200px;width:auto}
dialog.od{border:0;border-radius:18px;padding:0;background:var(--card);color:var(--ink);width:min(820px,94vw);max-height:92vh;overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.5);margin:auto}
dialog.od::backdrop{background:rgba(5,15,25,.7)}
.odw{display:grid;grid-template-columns:1.1fr 1fr}
.odi{min-height:340px;background-size:cover;background-position:center;background-color:var(--navy2)}
.odt{padding:22px}
.odt h2{font-size:24px;margin-bottom:6px}
.odt dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin-block:12px;font-size:14.5px}
.odt dt{color:var(--muted)}
.odt dd{margin:0}
.odt .row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.potd{padding-block:10px 40px}
.potd .wrap{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.potd .ph{aspect-ratio:1.6;border-radius:18px}
.potd h2{font-size:28px;font-weight:700;margin-block:4px 6px}
.potd p{color:var(--muted);margin-bottom:14px}
.vt{padding-block:34px}
.vtg{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.vt h2{font-size:26px}
.vt p{opacity:.9}
.nl2{padding-block:40px}
#ts{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;translate:-50% 20px;background:var(--teal);color:#06303a;font-weight:700;padding:8px 20px;border-radius:12px;opacity:0;transition:.3s;z-index:90;pointer-events:none}
#ts.on{opacity:1;translate:-50% 0}
@media (max-width:700px){.odw,.potd .wrap{grid-template-columns:1fr}.odi{min-height:220px}.tk{display:none}}
body.v-admin .hero,body.v-admin footer{display:none}
#pg-admin{min-height:100vh}
.hl{transition:opacity .45s,transform .9s}
.hl.out{opacity:0!important}
.hl.sm{left:5%;top:9%;width:46%;height:84%;object-fit:cover;-webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 52%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 52%,transparent 100%)}
@media (max-width:860px){.hl.sm{left:0;top:0;width:100%;height:100%}}
.hb:hover .hl{transform:scale(1.02)}
@media (prefers-reduced-motion:reduce){.hl,.hb:hover .hl{transition:none;transform:none}}
/* full-width mosaic hero */
.hb{overflow:hidden}
.hm{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 50%;transform-origin:30% 50%;transition:transform 1.5s ease,transform-origin 1.5s ease}
.hm.p0{transform:scale(1)}
.hm.p1{transform:scale(1.28);transform-origin:12% 45%}
.hm.p2{transform:scale(1.35);transform-origin:50% 88%}
.hm.p3{transform:scale(1.3);transform-origin:96% 40%}
.hov{position:absolute;inset:0;background:linear-gradient(270deg,rgba(7,26,40,.95) 0,rgba(7,26,40,.84) 30%,rgba(7,26,40,.4) 56%,rgba(7,26,40,.04) 82%),linear-gradient(0deg,rgba(7,26,40,.6),transparent 38%)}
.hb{color:#fff}
.txt{right:max(5%,calc((100% - 1140px)/2));width:min(480px,46%)}
:root .hb .kick{color:#FFC21A}
:root .hb .ctrl button{color:#fff}
:root .hb .dots i{background:rgba(255,255,255,.55)}
:root .hb .dots i.on{background:#fff}
.hb .cn2{border-color:#FFC21A}
@media (max-width:860px){.hov{background:rgba(7,26,40,.74)}.txt{width:auto}}
@media (prefers-reduced-motion:reduce){.hm{transition:none}}
/* statue slide */
.hl,.hr{opacity:0;transition:opacity .9s,transform .9s}
.hm{transition:transform 1.5s ease,transform-origin 1.5s ease,opacity .9s}
.hb.st{background:linear-gradient(90deg,#0a2234,#0b2c40 60%,#0a2538)}
.hb.st .hm{opacity:0}
.hb.st .hl,.hb.st .hr{opacity:1}
.hx{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s}
.hb.px .hx{opacity:1}
.hb.px .hm{opacity:0}
#ann{background:#FFC21A;color:#0b2a3d;text-align:center;padding:6px 16px;font-weight:700;font-size:14px}
#ann a{margin-inline-start:10px;text-decoration:underline}
body.v-admin #ann{display:none}
#prevb{position:fixed;top:0;inset-inline:0;z-index:80;background:#FF6B4A;color:#0b2a3d;display:flex;gap:12px;justify-content:center;align-items:center;padding:6px 12px;font-weight:700;font-size:14px;flex-wrap:wrap}
#prevb button{background:#0b2a3d;color:#fff;border:0;border-radius:8px;padding:2px 14px;font:700 13px Tajawal,sans-serif;cursor:pointer}
body.v-admin #prevb{display:none}
.lgw{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 30% 20%,var(--chip),var(--cream))}
.lgc{width:min(420px,100%);background:var(--card);border:1.5px solid var(--line);border-radius:20px;padding:28px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.lgl{width:54px;height:64px;color:var(--tealD);--logo2:#FFC21A;margin-bottom:8px}
.lgc h1{font-size:24px;margin-bottom:6px}
.lgc p{color:var(--muted);margin-bottom:14px}
.lgid{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:14px}
.lgid i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:700 22px Tajawal,sans-serif;font-style:normal;color:#0b2a3d}
.lgc input{width:100%;background:var(--cream);border:1.5px solid var(--line);color:var(--ink);border-radius:12px;padding:10px 14px;font:inherit;text-align:center;letter-spacing:.3em;margin-bottom:10px}
.lgc small{display:block;color:var(--muted);font-size:12.5px;margin-top:14px}
#lgm{color:#d63b1f;min-height:1.4em;font-size:14px}
#prevb[hidden]{display:none}
/* header: two tiers */
.top{flex-wrap:wrap;row-gap:0}
.brand{order:1;flex:1 1 auto}
.top .opn,.top .mnb,.top .tk,.top .lang{order:2}
.top .lang{flex-wrap:nowrap}
.top nav{order:3;flex:0 0 100%;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);margin-top:8px}
.menu{justify-content:center;gap:34px}
.menu a{padding:12px 4px}
.opn{font-size:12.5px;font-weight:700;display:inline-flex;gap:7px;align-items:center;padding:3px 12px;border-radius:99px;border:1.5px solid color-mix(in srgb,currentColor 45%,transparent)}
.opn:before{content:"";width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.25)}
.opn.cl:before{background:#d63b1f;box-shadow:0 0 0 3px rgba(214,59,31,.22)}
.opn[hidden]{display:none}
.mnb{display:none;place-items:center;width:42px;height:42px;border-radius:12px;border:1.5px solid color-mix(in srgb,currentColor 45%,transparent);background:none;color:inherit;font-size:20px;cursor:pointer}
.menu .mt{display:none}
.hb .cn2{width:auto;white-space:nowrap}
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.rv.in{opacity:1;transform:none}
@media (max-width:860px){
  .mnb{display:inline-grid}
  .top{gap:10px}
  .brand{font-size:13px}.brand small{display:none}.brand svg{width:36px;height:42px}.brand-logo{width:38px;height:42px}
  .top nav{display:none;border-top:0;margin-top:0}
  .top nav.open{display:block}
  .top nav.open .menu{display:flex;flex-direction:column;gap:0;background:var(--navy);color:#fff;border-radius:14px;padding:6px 14px;margin-top:6px}
  .top nav.open .menu a{padding:13px 6px;border-bottom:1px solid rgba(255,255,255,.12)}
  .menu .mt{display:block;padding:12px 0 6px}
  .menu .mt a{display:block;text-align:center;border:0;color:#06303a}
  .opn{display:none}
}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
/* phase 2 */
.srb{background:none;border:0;color:inherit;cursor:pointer;padding:4px}
.it{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:start}
.it .ph{aspect-ratio:1.4;border-radius:18px;box-shadow:0 14px 34px rgba(10,37,56,.25)}
.it h1{font-size:clamp(26px,4vw,38px);margin-block:6px 10px}
.it dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin-block:14px;font-size:15px}
.it dt{color:var(--muted)}
.it dd{margin:0;font-weight:500}
.it .lead{font-size:17px;line-height:1.9}
.acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}
.shr input{width:100%;margin-top:10px;background:var(--card);border:1.5px solid var(--line);color:var(--ink);border-radius:12px;padding:9px 14px;font:inherit;direction:ltr;text-align:left}
.rel{margin-top:44px}
.flt{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.flt select{background:var(--card);color:var(--ink);border:1.5px solid var(--line);border-radius:12px;padding:7px 12px;font:inherit;font-size:14px}
.ex[data-it],.post[data-it]{cursor:pointer}
.ex[data-it]:hover{box-shadow:0 12px 26px rgba(10,37,56,.2)}
dialog.gs{width:min(640px,94vw);margin-top:8vh}
.gsw{padding:18px}
.gsw input{width:100%;background:var(--cream);border:1.5px solid var(--line);color:var(--ink);border-radius:12px;padding:12px 16px;font:inherit;font-size:17px}
.gsr{margin-top:12px;max-height:55vh;overflow:auto}
.gsr h4{font-size:13px;color:var(--muted);margin:12px 0 4px}
.gsr button{display:block;width:100%;text-align:start;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);font:inherit;padding:9px 6px;cursor:pointer}
.gsr button:hover{background:var(--chip)}
.gsr small{color:var(--muted);margin-inline-start:8px}
.gsh{color:var(--muted);padding:10px 4px}
@media (max-width:820px){.it{grid-template-columns:1fr}}

/* language switcher */
.langselect{background:none;border:1.5px solid color-mix(in srgb,currentColor 45%,transparent);color:inherit;border-radius:999px;padding:2px 10px;font:700 12.5px Tajawal,sans-serif;cursor:pointer;max-width:160px}
.langselect:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.langselect option{color:var(--ink);background:var(--card)}
.langs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.langbtn{background:none;border:1px solid color-mix(in srgb,currentColor 35%,transparent);color:inherit;border-radius:999px;padding:2px 10px;font:700 12px Tajawal,sans-serif;cursor:pointer}
.langbtn.on{border-color:var(--teal);color:var(--teal)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* LTR layout bridges */
html[dir="ltr"] body{font-family:Inter,Tajawal,Tahoma,sans-serif}
html[dir="ltr"] .txt{right:auto;left:max(5%,calc((100% - 1140px)/2));text-align:left}
html[dir="ltr"] .hl{left:auto;right:0;object-position:65% top;-webkit-mask-image:linear-gradient(270deg,#000 60%,transparent);mask-image:linear-gradient(270deg,#000 60%,transparent)}
html[dir="ltr"] .hr{right:auto;left:0;-webkit-mask-image:linear-gradient(90deg,#000 62%,transparent);mask-image:linear-gradient(90deg,#000 62%,transparent)}
html[dir="ltr"] .expo{flex-direction:row}
html[dir="ltr"] .card .i{left:auto;right:14px}
html[dir="ltr"] .card h3,html[dir="ltr"] .card p{padding-left:16px;padding-right:60px}
html[dir="ltr"] .cn2{left:auto;right:3%}
html[dir="ltr"] .brand small{text-align:left}
html[dir="ltr"] .more{direction:ltr}
@media (max-width:860px){html[dir="ltr"] .txt{left:5%;right:auto}}