/* Results page 1.6.2 — approved results.html presentation. */
body.ar-results-v162{
  --ar162-navy:var(--ar160-navy,#0F2A5C);--ar162-blue:var(--ar160-blue,#1F55C7);--ar162-red:var(--ar160-red,#D4183D);
  --ar162-text:#0F1F45;--ar162-text2:#4A5878;--ar162-text3:#7B87A3;
  --ar162-line:#E3E9F4;--ar162-soft:var(--ar160-soft,#F3F7FD);
  background:#fff;color:var(--ar162-text);overflow-x:clip;
}
body.ar-results-v162 .ar162-results-hero{
  padding:30px 0 22px;
  background:radial-gradient(70% 40% at 90% 0%,rgba(31,85,199,.10),transparent 70%),radial-gradient(60% 40% at 0% 30%,rgba(212,24,61,.07),transparent 70%),#fff;
}
.ar162-results-hero h1{margin:0;font-size:clamp(28px,7.5vw,44px);font-weight:900;line-height:1.4;color:var(--ar162-red)}
.ar162-title-bar{display:block;width:46px;height:4px;margin-top:12px;border-radius:4px;background:var(--ar160-red,#D4183D)}
.ar162-results-hero p{max-width:54em;margin:14px 0 0;font-size:14.5px;line-height:1.95;color:var(--ar162-text2)}

.ar162-result-kpis{padding-block:14px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ar162-result-kpis>div{min-width:0;padding:18px 12px;text-align:center;color:#fff;background:linear-gradient(150deg,var(--ar160-navy,#0F2A5C),var(--ar160-blue,#1F55C7));border-radius:20px}
.ar162-result-kpis b{display:block;font:800 30px/1.2 Poppins,"IBM Plex Sans Arabic",sans-serif;white-space:nowrap}
.ar162-result-kpis span{display:block;margin-top:2px;font-size:13px;font-weight:700;line-height:1.6;color:#DCE7FF}

.ar162-results-wall{padding-block:26px 8px}
.ar162-section-tag{display:flex;align-items:center;gap:8px;color:var(--ar160-red,#D4183D);font-size:13px;font-weight:800}
.ar162-section-tag::before{content:"";width:22px;height:2px;background:var(--ar160-red,#D4183D)}
.ar162-results-wall h2{margin:8px 0 0;font-size:clamp(23px,6.2vw,32px);font-weight:900;line-height:1.4;color:var(--ar162-navy)}
.ar162-results-sub{margin:8px 0 0;font-size:15px;color:var(--ar162-text2)}
.ar162-result-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ar162-filter{min-height:42px;padding:7px 18px;border:1.5px solid #CFD9EC;border-radius:30px;background:#fff;color:var(--ar162-navy);font:700 14px "IBM Plex Sans Arabic",sans-serif;cursor:pointer}
.ar162-filter.is-active{border-color:var(--ar162-navy);background:var(--ar162-navy);color:#fff}
.ar162-filter:focus-visible,.ar162-results-more:focus-visible,.ar162-result-open:focus-visible,.ar162-lightbox-close:focus-visible{outline:3px solid rgba(31,85,199,.28);outline-offset:3px}

.ar162-result-grid{display:grid;gap:16px;margin-top:20px}
.ar162-result-card{display:block;overflow:hidden;background:#fff;border:1px solid var(--ar162-line);border-radius:20px;box-shadow:0 12px 30px rgba(15,42,92,.07)}
.ar162-result-card[hidden]{display:none!important}
.ar162-result-open{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;padding:0;border:0;border-radius:0;background:var(--ar162-soft);cursor:zoom-in}
.ar162-result-open img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:var(--ar162-soft)}
.ar162-result-meta{min-height:54px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ar162-result-platform{flex:none;padding:3px 12px;border-radius:30px;background:rgba(31,85,199,.1);color:var(--ar162-blue);font-size:12.5px;font-weight:800}
.ar162-result-metric{min-width:0;text-align:start;color:var(--ar162-red);font-size:13.5px;font-weight:800}
.ar162-more-wrap{display:flex;justify-content:center;margin-top:22px}
.ar162-results-more{width:54px;height:54px;min-height:0;padding:0;display:grid;place-items:center;border:1.5px solid #CFD9EC;border-radius:50%;background:#fff;color:var(--ar162-navy);cursor:pointer}
.ar162-results-more[hidden]{display:none}
.ar162-results-more svg{width:26px;height:26px}
.ar162-results-empty{margin:22px 0;padding:18px;border:1px dashed #CFD9EC;border-radius:18px;background:var(--ar162-soft);color:var(--ar162-text2)}

.ar162-results-cta-wrap{padding-block:34px 44px}
.ar162-results-cta{padding:26px 22px;display:grid;gap:16px;color:#fff;background:linear-gradient(to left,var(--ar160-navy,#0F2A5C) 25%,var(--ar160-blue,#1F55C7));border-radius:26px}
.ar162-results-cta h2{margin:0;font-size:23px;font-weight:900;line-height:1.5;color:#fff}
.ar162-results-cta p{margin:6px 0 0;color:#DDE6FA;font-size:14px;line-height:1.8}
.ar162-results-cta .ar160-btn{width:100%}

.ar162-results-lightbox{position:fixed;inset:0;z-index:999;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(10,20,45,.9)}
.ar162-results-lightbox[hidden]{display:none}
.ar162-results-lightbox img{display:block;max-width:100%;max-height:78vh;border-radius:12px;background:#fff;object-fit:contain}
.ar162-results-lightbox p{max-width:70ch;margin:0;text-align:center;color:#fff;font-size:15px;font-weight:700}
.ar162-lightbox-close{position:absolute;top:14px;inset-inline-start:14px;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--ar162-navy);font:400 26px/1 "IBM Plex Sans Arabic",sans-serif;cursor:pointer}
html.ar162-lightbox-open{overflow:hidden}

@media(min-width:900px){
  .ar162-results-hero{padding:46px 0 30px}.ar162-results-hero p{font-size:18px;line-height:2.05}
  .ar162-result-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ar162-result-kpis>div{padding:22px 16px}.ar162-result-kpis b{font-size:38px}
  .ar162-results-wall{padding-block:40px 10px}.ar162-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px}
  .ar162-results-cta-wrap{padding-block:50px 64px}.ar162-results-cta{grid-template-columns:1fr auto;align-items:center;padding:34px 40px}.ar162-results-cta .ar160-btn{width:auto;padding-inline:34px}
}

@media(max-width:380px){
  .ar162-result-kpis{gap:8px}.ar162-result-kpis>div{padding-inline:8px}.ar162-result-kpis b{font-size:27px}.ar162-result-kpis span{font-size:12px}
  .ar162-filter{padding-inline:14px;font-size:13px}
}