/* NLC Academy, auto explainer archetype styles.
   Pairs with ep-explainer.css (which supplies the .exp chrome + a-* animations).
   ep-auto.js builds scenes from each page's own DOM, so one stylesheet
   serves every topic in EN and AR. */

.exp.ea .exp-scene{padding:0;}

/* ----- point scene (a single takeaway / deep-dive fact) ----- */
.ea-point{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:7% 8% 12%;}
.exp.ea[dir="rtl"] .ea-point{align-items:flex-start;text-align:right;}
.exp.ea[dir="rtl"] .ea-tablewrap{text-align:right;}
.ea-no{font-family:'Bizmo',var(--font,sans-serif);font-size:clamp(2.4rem,7vw,4.6rem);font-weight:900;line-height:1;color:var(--secondary);letter-spacing:.05em;margin-bottom:16px;}
.ea-head{font-size:clamp(1.35rem,3.6vw,2.55rem);font-weight:900;color:#fff;line-height:1.12;letter-spacing:-.01em;margin:0 0 16px;max-width:20ch;}
.ea-body{font-size:clamp(.92rem,2vw,1.22rem);font-weight:500;color:rgba(255,255,255,.74);line-height:1.6;max-width:48ch;margin:0;}

/* ----- table scene (animated reveal of the page's spec table) ----- */
.ea-tablewrap{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:6% 7% 11%;}
.ea-table-title{font-size:clamp(.6rem,1.5vw,.74rem);font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--secondary);margin-bottom:16px;}
html[dir="rtl"] .ea-table-title{font-size:clamp(1rem,2.6vw,1.4rem);letter-spacing:0;}
.ea-table{display:flex;flex-direction:column;gap:7px;width:100%;}
.ea-row{display:grid;gap:14px;align-items:center;padding:10px 18px;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);}
.ea-row.head{background:transparent;border:none;padding:2px 18px;}
.ea-row.head .ea-cell{font-size:clamp(.85rem,1.85vw,1.12rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.ea-cell{font-size:clamp(.78rem,1.65vw,1rem);color:rgba(255,255,255,.82);font-weight:500;line-height:1.35;}
.ea-cell.key{color:var(--secondary);font-weight:800;font-family:'Bizmo',var(--font,sans-serif);white-space:nowrap;}

/* ----- close scene CTA pill ----- */
.ea-cta{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:12px 28px;border-radius:50px;background:var(--secondary);color:#fff;font-weight:700;font-size:.95rem;}

.exp.ea .exp-center{padding:7%;}
.exp.ea .exp-center .k{margin-bottom:13px;}

@media (max-width:560px){
  .ea-point{padding:8% 8% 16%;}
  .ea-row,.ea-row.head{padding-left:12px;padding-right:12px;gap:8px;}
  .ea-cell{font-size:.74rem;}
}