.st005796a{display: flex!important;gap: 10px!important;margin-top: 22px!important}
.st084398d{margin-top: 8px!important}
.st2ac9c3c{flex: 1!important}
.st3545b69{display: flex!important;flex-wrap: wrap!important;justify-content: space-between!important;gap: 12px!important;font-size: 14px!important;color: var(--dim)!important}
.st6e0be88{display: flex!important;align-items: center!important;gap: 12px!important}
.st738e115{margin: 44px 0 20px!important}
.st7d5c904{padding-top: 64px!important;padding-bottom: 40px!important}
.stb10caf5{position: absolute!important;background: linear-gradient(180deg, rgba(9,7,6,.92), rgba(9,7,6,.0))!important}
.std8c5edf{margin-top: 18px!important;max-width: 360px!important;font-size: 15px!important;line-height: 1.9!important;color: var(--muted)!important}
.ste11f996{display: flex!important;align-items: center!important;gap: 44px!important}
.ste28b059{width: 100%!important;margin-top: 16px!important}
.ste551eba{min-width: 0!important}
.stf7c33d2{display: block!important;width: 190px!important;height: auto!important}

body{margin:0;background:#0c0907}
.W{--bg0:#0c0907;--bg1:#120e0b;--plate:#1a1511;--plate2:#221b16;--edge:rgba(255,196,140,.12);--text:#ece6d8;
  --muted:#c2b7a8;--dim:#b5aa9b;--ember:#ff6a1a;--ember2:#ffb547;--gold:#d6b25e;--ok:#6fcf8e;
  font-family:'Readex Pro',Tahoma,sans-serif;color:var(--text);background:var(--bg0);direction:rtl;
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.W *{box-sizing:border-box}
.W a{color:inherit;text-decoration:none}
.W a:hover{color:var(--ember2)}
.W h1,.W h2,.W h3,.W h4{margin:0;font-weight:400}
.W p{margin:0}
.W .lz{font-family:'Lalezar',Tahoma,sans-serif;font-weight:400;letter-spacing:0}
.W .rq{font-family:'Aref Ruqaa',serif;font-weight:700}
.W .nw{white-space:nowrap}
.W .num{font-variant-numeric:tabular-nums}
.W .wrap{max-width:1280px;margin:0 auto;padding:0 48px}
.W .grain{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .8 0 0 0 .05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.W .muted{color:var(--muted)}
.W .dim{color:var(--dim)}
.W .em{color:var(--ember2)}
.W .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* forged plates */
.W .plate{position:relative;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .8 0 0 0 .05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"),linear-gradient(180deg,#201914,#15110e);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);
  box-shadow:inset 0 0 0 1px var(--edge),inset 0 1px 0 rgba(255,214,170,.14),inset 0 -1px 0 rgba(0,0,0,.6)}
.W .plate.sm{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
.W .plate.flat{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .8 0 0 0 .05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"),#16120f}
.W .rule{height:1px;background:linear-gradient(90deg,rgba(255,181,71,0),rgba(255,181,71,.35),rgba(255,181,71,0))}
/* buttons */
.W .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 30px;
  font-family:'Lalezar',Tahoma,sans-serif;font-size:22px;line-height:1;color:#1a0b03;white-space:nowrap;cursor:pointer;
  border:0;background:radial-gradient(120% 140% at 50% 0%,#ffd58f 0%,#ff9a3c 38%,#f06212 70%,#c2410a 100%);
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));box-shadow:inset 0 1px 0 rgba(255,240,210,.8),inset 0 -2px 0 rgba(120,30,0,.5);
  transition:filter .15s,transform .15s}
.W .btn:hover{filter:brightness(1.08);color:#1a0b03;transform:translateY(-1px)}
.W .btn:active{transform:translateY(1px);filter:brightness(.88) saturate(1.1)}
.W .btn2.ghost{position:relative;isolation:isolate;color:#f3e6d6;background:rgba(255,236,214,.5);box-shadow:none}
.W .btn2.ghost::before{content:"";position:absolute;inset:1.5px;z-index:-1;background:#15110e;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}
.W .btn2.ghost:hover{background:var(--ember2);color:#fff}
.W .btn2:focus-visible,.W .tab:focus-visible{outline:2px solid #ffd08a;outline-offset:-5px}
.W .btn:focus-visible{outline:2px solid #1a0b03;outline-offset:-5px}
.W .btn.lg{min-height:64px;padding:0 40px;font-size:28px}
.W .btn.sm{min-height:40px;padding:0 18px;font-size:18px}
.W .btn2{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;
  font-size:16px;font-weight:600;color:#fff3e4;white-space:nowrap;cursor:pointer;border:0;
  position:relative;isolation:isolate;background:rgba(255,181,71,.6);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:background .15s,color .15s}
.W .btn2::before{content:"";position:absolute;inset:1px;z-index:-1;background:linear-gradient(180deg,#221a14,#16110d);clip-path:polygon(0 0,calc(100% - 9.4px) 0,100% 9.4px,100% 100%,9.4px 100%,0 calc(100% - 9.4px))}
.W .btn2:hover{background:var(--ember2);color:#fff}
.W .btn2.sm{min-height:40px;padding:0 16px;font-size:15px}
.W .lnk{color:var(--ember2);font-weight:600}
.W .lnk:hover{color:#fff}
.W .lnk svg,.W a.alt svg{vertical-align:middle}
.W a.lnk:has(svg),.W span.lnk:has(svg){display:inline-flex;align-items:center;gap:4px}
/* chips */
.W .chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:13px;font-weight:600;
  line-height:1;white-space:nowrap;background:rgba(255,106,26,.12);color:#ffc98a;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px))}
.W .chip.iron{background:rgba(255,255,255,.06);color:var(--muted)}
.W .chip.ok{background:rgba(111,207,142,.12);color:#9fe3b4}
.W .chip.gold{background:rgba(214,178,94,.16);color:#f0d68e}
.W .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(111,207,142,.18)}
/* header */
.W .hdr{position:absolute;inset:0 0 auto;z-index:20}
.W .hdr .bar{display:flex;align-items:center;justify-content:space-between;height:88px;gap:24px}
.W .hlogo{display:block;width:168px;height:auto}
.W .nav{display:flex;gap:28px;font-size:16px;font-weight:500;color:#ddd3c6;white-space:nowrap}
.W .nav a{position:relative;padding:8px 0}
.W .nav a.on{color:#fff}
.W .nav a.on::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--ember)}
.W .ib{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:#ddd3c6;background:none;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.W .ib:hover{color:#fff;background:rgba(255,181,71,.1)}
.W .reglnk{position:relative;isolation:isolate;display:inline-flex;align-items:center;height:38px;padding:0 16px;font-size:15px;font-weight:600;color:#ffb547;white-space:nowrap;background:#ff6a1a;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.W .reglnk::before{content:"";position:absolute;inset:1px;z-index:-1;background:#120e0b;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.W .reglnk:hover{color:#fff}
.W .reglnk:hover::before{background:#2a1a10}
/* keyboard focus: an outline drawn inside the shape, so chamfered (clip-path) controls still show it */
.W :focus-visible{outline:2px solid #ffb547;outline-offset:-3px}
.W a:not([class]):focus-visible{outline-offset:2px}
.W .fs:focus-within,.W .ctags:focus-within{box-shadow:inset 0 0 0 1px var(--ember2)!important}
.W select:focus-visible{box-shadow:inset 0 0 0 2px var(--ember2)!important}
/* footer */
.W .foot{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .8 0 0 0 .05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"),#090706;border-top:1px solid rgba(255,181,71,.12)}
.W .foot h4{font-size:15px;font-weight:600;color:#fff;margin-bottom:14px}
.W .foot ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px;color:var(--muted)}
.W .fgrid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:40px}
/* section heads: a title and, at the far end, one link (no eyebrows) */
.W .shead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.W .shead h2{font-family:'Lalezar',Tahoma,sans-serif;font-size:48px;line-height:1.05;color:#fff}
.W .shead h2::before{content:"";display:block;width:40px;height:3px;margin-bottom:16px;background:var(--ember)}
.W .kick{display:block;font-family:'Aref Ruqaa',serif;font-weight:700;font-size:22px;line-height:1.2;color:var(--gold);margin-bottom:6px}
.W .sect{padding:96px 0}
.W .sep{position:relative;height:1px;max-width:1184px;margin:0 auto;background:linear-gradient(90deg,rgba(255,106,26,0),rgba(255,106,26,.45) 30%,rgba(255,106,26,.45) 70%,rgba(255,106,26,0))}
.W .sep::after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background:#0c0907;box-shadow:inset 0 0 0 1px rgba(255,106,26,.7)}
.W .card{position:relative;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 .9 0 0 0 0 .8 0 0 0 .05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"),linear-gradient(180deg,#231b16,#16110e);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));
  box-shadow:inset 0 0 0 1px #4a3a2b,inset 0 2px 0 rgba(255,190,120,.12),inset 0 -2px 0 rgba(0,0,0,.6);transition:box-shadow .2s}
.W .card::before,.W .card::after{content:"";position:absolute;z-index:2;width:18px;height:18px;pointer-events:none}
.W .card::before{top:0;right:0;background:linear-gradient(to bottom left,rgba(0,0,0,0) calc(50% - 1px),rgba(255,140,60,.75) calc(50% - 1px),rgba(255,140,60,.75) calc(50% + 1.5px),rgba(0,0,0,0) calc(50% + 1.5px))}
.W .card::after{bottom:0;left:0;background:linear-gradient(to top right,rgba(0,0,0,0) calc(50% - 1px),rgba(255,140,60,.75) calc(50% - 1px),rgba(255,140,60,.75) calc(50% + 1.5px),rgba(0,0,0,0) calc(50% + 1.5px))}
.W .lift{filter:drop-shadow(0 18px 28px rgba(0,0,0,.55)) drop-shadow(0 2px 4px rgba(0,0,0,.5))}
.W a.card:hover,.W button.card:hover,.W .card.hov:hover{box-shadow:inset 0 0 0 1px rgba(255,106,26,.6),inset 0 0 24px rgba(255,106,26,.12),inset 0 2px 0 rgba(255,190,120,.18)}
.W .frame{position:relative;display:block;overflow:hidden}
.W .frame::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #3a2a1e,inset 0 0 40px rgba(0,0,0,.45);background:rgba(255,106,26,.06);mix-blend-mode:normal}
.W .btn3{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;font-size:15px;font-weight:600;color:var(--ember2);white-space:nowrap;background:linear-gradient(to bottom left,transparent 50%,var(--ember) 50%,var(--ember) calc(50% + 1px),transparent calc(50% + 1px)) top right/8px 8px no-repeat,linear-gradient(to top right,transparent 50%,var(--ember) 50%,var(--ember) calc(50% + 1px),transparent calc(50% + 1px)) bottom left/8px 8px no-repeat;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));box-shadow:inset 0 0 0 1px var(--ember)}
.W .btn3:hover{color:#fff;background:linear-gradient(to bottom left,transparent 50%,var(--ember) 50%,var(--ember) calc(50% + 1px),transparent calc(50% + 1px)) top right/8px 8px no-repeat,linear-gradient(to top right,transparent 50%,var(--ember) 50%,var(--ember) calc(50% + 1px),transparent calc(50% + 1px)) bottom left/8px 8px no-repeat,rgba(255,106,26,.14)}
.W .shead p{margin-top:10px;font-size:18px;color:var(--muted);max-width:620px}
/* embers */
.W .emb{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffb547;box-shadow:0 0 6px 2px rgba(255,120,30,.6);
  opacity:0;animation:rise 9s linear infinite}
@keyframes rise{0%{transform:translate(0,0);opacity:0}10%{opacity:.9}80%{opacity:.5}100%{transform:translate(-40px,-520px);opacity:0}}
@keyframes drift{0%{transform:scale(1.04) translate(0,0)}100%{transform:scale(1.10) translate(-1.5%,-1%)}}
@media (prefers-reduced-motion: reduce){.W .emb{animation:none;display:none}.W .kb{animation:none!important}}
/* phone */
.W .sm-only{display:none}
.W .mnav summary{list-style:none;cursor:pointer}
.W .mnav summary::-webkit-details-marker{display:none}
.W .mnav[open] summary{color:#fff;background:rgba(255,106,26,.18)}
.W .mpanel{position:absolute;top:56px;left:0;right:0;z-index:60;display:grid;padding:10px 16px 20px;background:#0d0a08;box-shadow:0 1px 0 rgba(255,181,71,.18),0 24px 40px rgba(0,0,0,.6)}
.W .mpanel a.ml{display:flex;align-items:center;min-height:52px;padding:0 6px;font-size:18px;font-weight:600;color:#efe5d8;border-bottom:1px solid rgba(255,255,255,.06)}
.W .mpanel a.ml.on{color:var(--ember2);box-shadow:inset -3px 0 0 var(--ember)}
.W .mpanel a.ml.on{padding-right:14px}
.W .macts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.W .macts .btn2{min-height:48px}
.W .macts.one{grid-template-columns:1fr}
.W .hdr .btn.here{filter:none;transform:none;box-shadow:inset 0 1px 0 rgba(255,240,210,.8),inset 0 -3px 0 #1a0b03}
.W .hlogin,.W .hme{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 8px;font-size:15px;font-weight:600;color:#e8ddcf}
.W .hlogin:hover,.W .hme:hover{color:var(--ember2)}
.W .hme{color:#fff}
html:not(.mirage-in) .W .m-only{display:none!important}
html.mirage-in .W .g-only{display:none!important}
.W .hlogin.here{color:#ffb547;box-shadow:inset 0 -2px 0 #ffb547}
.W .mdisc{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:10px;font-size:15px;font-weight:600;color:var(--ember2)}
@media (max-width: 760px){
  .W .wrap{padding:0 16px}
  .W .lg-only{display:none!important}
  .W .sm-only{display:block}
  .W .ib.sm-only{display:inline-flex}
  .W .shead{flex-direction:column;align-items:flex-start;margin-bottom:22px}
  .W .shead h2{font-size:34px}
  .W .sect{padding:72px 0}
  .W .btn.lg{min-height:56px;font-size:24px;padding:0 28px}
  .W .hdr .bar{height:56px}
  .W .fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
  .W .fgrid > div:first-child{grid-column:1 / -1}
  .W .hlogo{width:auto;height:28px}
  .W a.sm-only{display:block}
  .W .btn.sm.sm-only{display:inline-flex;min-height:44px;padding:0 14px;font-size:16px}
  .W .btn.sm,.W .btn2.sm{min-height:44px}
  .W span.sm-only{display:inline}
  .W a.lnk{padding-top:12px;padding-bottom:12px}
}

.W .phd{position:relative;overflow:hidden;min-height:440px;padding:150px 0 64px;display:flex;align-items:flex-end;background:#0c0907}
/* the painting fills the head from the left and fades out under the title (right, RTL); the scrim is dark only where
   the text and the header sit (panel r5_inner_A_p1: "dark only behind the text", "the subject away from the title") */
.W .phd .bg{position:absolute;inset:0;background-size:cover;background-position:center 42%;
  -webkit-mask-image:linear-gradient(270deg,rgba(0,0,0,.35) 0%,#000 46%);mask-image:linear-gradient(270deg,rgba(0,0,0,.35) 0%,#000 46%)}
.W .phd .bg.city{filter:brightness(1.25) saturate(1.05)}
.W .phd .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c0907 0%,rgba(12,9,7,.55) 22%,rgba(12,9,7,0) 52%,rgba(12,9,7,0) 78%,rgba(9,7,6,.8) 100%),linear-gradient(270deg,rgba(10,7,5,.78) 0%,rgba(10,7,5,.35) 34%,rgba(10,7,5,0) 56%)}
.W .phd .wrap{position:relative;width:100%}
.W .crumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:#d2c3b1}
.W .crumbs a:hover{color:var(--ember2)}
.W .crumbs svg{opacity:.6}
.W .phd h1{margin-top:12px;font-family:'Lalezar',Tahoma,sans-serif;font-size:72px;line-height:1.05;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.6)}
.W .phd .lead3{margin-top:12px;max-width:660px;font-size:19px;line-height:1.75;color:#f0e4d4;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.W .phd .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.W .phd .place2{position:absolute;left:48px;top:118px;font:700 30px/1 'Aref Ruqaa',serif;color:#f3e6cf;text-shadow:0 2px 8px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.9)}
.W .pgw{padding-top:64px;padding-bottom:104px}
.W .h2s{font-family:'Lalezar',Tahoma,sans-serif;font-size:40px;line-height:1.1;color:#fff;margin-bottom:20px}
.W .h2s::before{content:"";display:block;width:36px;height:3px;margin-bottom:14px;background:var(--ember)}
.W .h2s.sm{font-size:30px}
.W .sub2{margin:-8px 0 22px;font-size:17px;color:var(--muted);max-width:720px}
.W .g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.W .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.W .g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.W .side{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}
.W .pc{padding:26px 28px}
.W .pc h3{font-family:'Lalezar',Tahoma,sans-serif;font-size:28px;line-height:1.15;color:#fff}
.W .pc p{margin-top:8px;font-size:16px;line-height:1.85;color:var(--muted)}
.W .ico3{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:14px;color:#1a0b03;background:var(--ember2);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.W .num3{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;font-family:'Lalezar',Tahoma,sans-serif;font-size:24px;line-height:1;color:#ffb547;background:linear-gradient(to bottom left,transparent 50%,#ff6a1a 50%,#ff6a1a calc(50% + 1px),transparent calc(50% + 1px)) top right/7px 7px no-repeat,linear-gradient(to top right,transparent 50%,#ff6a1a 50%,#ff6a1a calc(50% + 1px),transparent calc(50% + 1px)) bottom left/7px 7px no-repeat,#1c1612;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));box-shadow:inset 0 0 0 1px #ff6a1a}
.W .stepl{display:grid;gap:12px}
.W .stepl li{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:rgba(255,255,255,.03);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));box-shadow:inset 0 0 0 1px rgba(255,181,71,.12)}
.W .stepl li div>b{display:block;font-size:17px;color:#fff}
.W .stepl li div>span{display:block;margin-top:2px;font-size:15px;line-height:1.75;color:var(--muted)}
.W ul.clean,.W ol.clean{margin:0;padding:0;list-style:none}
.W .ticks{display:grid;gap:10px;margin-top:14px}
.W .ticks li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.75;color:#e8ddcf}
.W .ticks li svg{flex:none;margin-top:5px;color:var(--ember2)}
.W .acc{display:grid;gap:10px}
.W .acc .q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:18px 22px;border:0;cursor:pointer;text-align:right;
  font:600 17px 'Readex Pro',Tahoma,sans-serif;color:#f3e9dd;background:rgba(255,255,255,.035);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));box-shadow:inset 0 0 0 1px rgba(255,181,71,.14)}
.W .acc .q:hover{box-shadow:inset 0 0 0 1px rgba(255,181,71,.45)}
.W .acc .q svg{flex:none;color:#ffb547;transform:rotate(-90deg);transition:transform .2s}
.W .acc .q.on svg{transform:rotate(90deg)}
.W .acc .q.on{background:rgba(255,106,26,.08);box-shadow:inset -3px 0 0 var(--ember),inset 0 0 0 1px rgba(255,181,71,.3)}
.W .acc .a{margin:0;padding:14px 22px 18px;font-size:16px;line-height:1.85;color:var(--muted);background:#1a1512;border-top:1px solid #2a221c}
.W .seg2{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:rgba(0,0,0,.35);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));box-shadow:inset 0 0 0 1px rgba(255,181,71,.14)}
.W .seg2 button{height:42px;padding:0 18px;border:0;cursor:pointer;background:none;font:600 15px 'Readex Pro',Tahoma,sans-serif;color:var(--muted)}
.W .seg2 button:hover{color:#fff}
.W .seg2 button.on{color:#1a0b03;background:var(--ember2)}
.W .tbl{width:100%;border-collapse:collapse;font-size:15px}
.W .tbl th{padding:12px 16px;text-align:right;font-size:13px;font-weight:600;color:var(--dim);border-bottom:1px solid rgba(255,181,71,.18)}
.W .tbl td{padding:14px 16px;color:#e8ddcf;border-bottom:1px solid rgba(255,255,255,.06)}
.W .tbl tr:hover td{background:rgba(255,106,26,.04)}
.W .fld{display:grid;gap:8px}
.W .fld label{font-size:14px;font-weight:600;color:#efe5d8}
.W .inp{display:block;width:100%;height:50px;padding:0 16px;border:0;outline:0;font:inherit;font-size:16px;color:#fff;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
.W .inp:focus{box-shadow:inset 0 0 0 1px var(--ember2)}
.W .inp.bad{box-shadow:inset 0 0 0 1px #d96b4f}
.W select.inp{padding:0 12px}
.W .ferr{font-size:13px;color:#ffb4a0}
.W .tgl{display:flex;align-items:center;gap:10px;font-size:15px;color:#e8ddcf;cursor:pointer}
.W .tgl input{width:18px;height:18px;accent-color:#ff6a1a}
.W .notice{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;font-size:15px;line-height:1.75;color:#f0d68e;background:rgba(214,178,94,.1);box-shadow:inset -3px 0 0 var(--gold)}
.W .notice svg{flex:none;margin-top:3px}
.W .notice.ok{color:#bdf0cc;background:rgba(111,207,142,.1);box-shadow:inset -3px 0 0 var(--ok)}
.W .notice.bad{color:#ffc2b0;background:rgba(201,99,74,.13);box-shadow:inset -3px 0 0 #d96b4f}
.W .art169{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.W .rq2{font-family:'Aref Ruqaa',serif;font-weight:700}
.W .kv{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;font-size:15px}
.W .kv dt{color:var(--dim)}
.W .kv dd{margin:0;color:#efe5d8;font-weight:600}
.W .toast2{position:fixed;bottom:24px;left:24px;z-index:90;display:flex;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:600;color:#1a0b03;background:var(--ember2);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}
@media (max-width: 760px){
  .W .phd{min-height:340px;padding:96px 0 40px}
  .W .phd h1{font-size:42px}
  .W .phd .lead3{font-size:17px}
  .W .phd .place2{display:none}
  .W .pgw{padding-top:44px;padding-bottom:72px}
  .W .h2s{font-size:32px}
  .W .g2,.W .g3,.W .g4,.W .side{grid-template-columns:minmax(0,1fr)}
  .W .pc{padding:22px 20px}
  .W .seg2{display:flex;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}
  .W .seg2::-webkit-scrollbar{display:none}
  .W .seg2.scrolls{padding-left:28px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 30px);mask-image:linear-gradient(to right,transparent 0,#000 30px);scroll-snap-type:x proximity}
  .W .seg2.scrolls button{scroll-snap-align:start}
  .W .seg2 button{flex:1 0 auto;padding:0 14px;white-space:nowrap}
  .W .tbl{font-size:14px}
  .W .tbl th,.W .tbl td{padding:10px 8px}
}
.W .gsteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.W .gdl2{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:16px 22px}
.W .gdl2 p{margin:0;font-size:15px;color:var(--muted)}
@media (max-width: 760px){ .W .gsteps{grid-template-columns:minmax(0,1fr)} .W .gdl2{flex-direction:column;align-items:stretch} }
.W .gdl h3{font-family:'Lalezar',Tahoma,sans-serif;font-size:28px;color:#fff;margin-bottom:8px}
.W .meta2{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;color:var(--dim);margin-bottom:12px}
/* news kinds: one style per kind, one accent (panel r5_inner_A_p3): ميزة filled ember, تحديث ember outline, فعالية amber
   on dark, إعلان grey outline (r5_sites.chip_cls) */
.W .chip.k-feat{background:#ff6a1a;color:#1a0b03}
.W .chip.k-upd{background:transparent;color:#ffb547;box-shadow:inset 0 0 0 1px rgba(255,106,26,.75)}
.W .chip.evt{background:#2a1f18;color:#ffb547;box-shadow:inset 0 0 0 1px rgba(255,106,26,.4)}
.W .chip.k-ann{background:transparent;color:#ddd0bf;box-shadow:inset 0 0 0 1px #8a7d70}
/* hover states found missing by the detail audit (r5/UI-AUDIT.md) */
.W .pw button{width:44px;height:44px;left:2px;align-items:center;justify-content:center;padding:0}
.W .pw button:hover{color:var(--ember2)}
.W .anav button:not(.on):hover{color:#fff;background:rgba(255,255,255,.05)}
.W .cts button:not(.on):hover{color:#fff;box-shadow:inset 0 0 0 1px var(--ember2)}
.W .cfil button:not(.on):hover{color:#fff;background:rgba(255,255,255,.09)}
@media (max-width: 760px){
  .W .crumbs a{padding-top:10px;padding-bottom:10px;margin-top:-10px;margin-bottom:-10px}
  .W .crumbs a{display:inline-block}
}
/* side drawer (store item, map) */
.W .drawer{position:fixed;top:0;bottom:0;left:0;z-index:70;width:440px;max-width:100%;overflow:auto;padding:28px 30px;background:#17120e;box-shadow:20px 0 60px rgba(0,0,0,.6),inset -1px 0 0 rgba(255,181,71,.25)}
.W .dback{position:fixed;inset:0;z-index:69;border:0;background:rgba(5,3,2,.6)}
.W .drawer .x{position:absolute;top:14px;right:14px;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;cursor:pointer;color:#e8ddcf;background:rgba(12,9,7,.7);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}
.W .drawer .x:hover{color:#fff;background:rgba(255,106,26,.3)}

.W .art{max-width:820px}
.W .art .meta2{margin:0 0 18px}
.W .art p{font-size:19px;line-height:1.95;color:#e8ddcf}
.W .art p+p{margin-top:16px}
.W .art h2{margin:40px 0 14px;font-family:'Lalezar',Tahoma,sans-serif;font-size:34px;color:#fff}
.W .art figure{margin:30px 0}
.W .art figure img{display:block;width:100%;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
.W .art figcaption{margin-top:10px;font-size:14px;color:var(--dim)}
.W .art .lede{font-size:22px;line-height:1.8;color:#fff}
.W .quote2{margin:26px 0;padding:18px 24px;font-size:18px;line-height:1.8;color:#f3e6d2;background:rgba(255,255,255,.04);box-shadow:inset -3px 0 0 var(--ember2)}
.W .quote2 small{display:block;margin-top:6px;font-size:13px;color:var(--dim)}
.W .share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,181,71,.14)}
.W .rel{display:grid;gap:14px}
.W .rel a{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;padding:10px;background:rgba(255,255,255,.03);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.W .rel a:hover{box-shadow:inset 0 0 0 1px rgba(255,181,71,.45)}
.W .rel img{width:120px;height:72px;object-fit:cover}
.W .rel b{display:block;font-size:16px;color:#fff}
.W .rel div>span{font-size:13px;color:var(--dim)}

.W .alist{display:grid;gap:10px;margin:0}
.W .alist li{display:flex;align-items:baseline;gap:12px;font-size:18px;line-height:1.8;color:#e8ddcf}
.W .alist li>i{width:8px;height:8px;flex:none;transform:translateY(-3px) rotate(45deg);background:var(--ember2)}
.W .alist b{color:#fff}

[data-live]:not([data-live-owned]){visibility:hidden}
.nojs{margin:48px;font-family:Tahoma,sans-serif;color:#efe2d2}