
.nfal-wrap,.nfal-wrap *{box-sizing:border-box}
.nfal-wrap{direction:rtl;width:100%;padding:26px 0;color:#f7f8fc;font-family:inherit}
.nfal-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.nfal-kicker{display:block;margin-bottom:8px;color:#8e94ff;font:800 10px/1 Arial,sans-serif;letter-spacing:1.8px}
.nfal-head h2{margin:0 0 8px;color:#fff;font-size:clamp(25px,3vw,34px);line-height:1.5}
.nfal-head p{margin:0;color:#98a4b7;font-size:14px;line-height:1.9}
.nfal-all{flex:none;padding:10px 14px;border:1px solid rgba(105,104,255,.25);border-radius:10px;background:rgba(105,104,255,.07);color:#b6b9ff!important;text-decoration:none;font-size:12px;font-weight:800}
.nfal-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.nfal-filters button{appearance:none;border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:8px 13px;background:#0b1120;color:#909caf;cursor:pointer;font:inherit;font-size:12px;transition:.2s}
.nfal-filters button:hover,.nfal-filters button.is-active{border-color:rgba(105,104,255,.35);background:rgba(105,104,255,.15);color:#fff}
.nfal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.nfal-card{overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:17px;background:linear-gradient(180deg,#0c1222,#080e1b);transition:.22s}
.nfal-card:hover{transform:translateY(-3px);border-color:rgba(105,104,255,.3);box-shadow:0 18px 45px rgba(0,0,0,.2)}
.nfal-card[hidden]{display:none!important}
.nfal-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#090f1e}
.nfal-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.nfal-card:hover .nfal-media img{transform:scale(1.025)}
.nfal-placeholder{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 50% 40%,rgba(105,104,255,.25),transparent 38%),#080e1b}
.nfal-placeholder span{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#6a68ff,#805dff);color:#fff;font:900 24px/1 Arial,sans-serif;box-shadow:0 10px 35px rgba(105,104,255,.25)}
.nfal-cat{position:absolute;right:12px;top:12px;padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(5,9,20,.78);backdrop-filter:blur(8px);color:#dfe3ff;font-size:10.5px;font-weight:800}
.nfal-card-body{padding:17px}
.nfal-meta{display:flex;align-items:center;gap:8px;color:#738097;font-size:10.5px}
.nfal-meta i{width:3px;height:3px;border-radius:50%;background:#536078}
.nfal-card h3{margin:10px 0 8px;font-size:17px;line-height:1.75}
.nfal-card h3 a{color:#fff!important;text-decoration:none}
.nfal-card p{min-height:52px;margin:0 0 14px;color:#96a2b5;font-size:12.5px;line-height:1.9}
.nfal-read{display:inline-flex;align-items:center;gap:9px;color:#adb1ff!important;text-decoration:none;font-size:11.5px;font-weight:800}
.nfal-empty{grid-column:1/-1;padding:28px;border:1px dashed rgba(255,255,255,.1);border-radius:14px;color:#8e99aa;text-align:center}
@media(max-width:900px){.nfal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.nfal-wrap{padding:18px 0}.nfal-head{align-items:flex-start;flex-direction:column}.nfal-grid{grid-template-columns:1fr}.nfal-card p{min-height:0}}

/* v0.5.1: existing Academy section owns its heading; shortcode shows only 3 dynamic cards */
.nfal-head,.nfal-filters{display:none!important}
.nfal-wrap{padding:0}

#nf-academy-latest-slot{width:100%;margin-top:28px}
#nf-academy-latest-slot[aria-busy="true"]{min-height:90px;position:relative}
#nf-academy-latest-slot[aria-busy="true"]:before{
 content:"در حال دریافت آخرین آموزش‌ها…";display:block;padding:24px;
 border:1px dashed rgba(255,255,255,.1);border-radius:14px;
 color:#7f8ca1;text-align:center;font-size:12px
}


/* v0.5.5 — Latest Articles layout fix
   Force the injected area to use the full Academy section width. */
#nf-academy-latest-slot{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:28px 0 0!important;
  padding:0!important;
  clear:both!important;
}
#nf-academy-latest-slot .nfal-wrap{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
#nf-academy-latest-slot .nfal-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
}
#nf-academy-latest-slot .nfal-card{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  overflow:hidden!important;
}
#nf-academy-latest-slot .nfal-media{
  width:100%!important;
  min-width:0!important;
  aspect-ratio:16/9!important;
}
#nf-academy-latest-slot .nfal-card-body{
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  padding:18px!important;
}
#nf-academy-latest-slot .nfal-card h3{
  width:100%!important;
  margin:11px 0 9px!important;
  font-size:17px!important;
  line-height:1.8!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  white-space:normal!important;
}
#nf-academy-latest-slot .nfal-card h3 a{
  display:block!important;
  word-break:normal!important;
  white-space:normal!important;
}
#nf-academy-latest-slot .nfal-card p{
  width:100%!important;
  min-height:52px!important;
  margin:0 0 15px!important;
  font-size:12.5px!important;
  line-height:1.95!important;
  word-break:normal!important;
}
#nf-academy-latest-slot .nfal-read{margin-top:auto!important}

@media(max-width:900px){
  #nf-academy-latest-slot .nfal-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:600px){
  #nf-academy-latest-slot .nfal-grid{
    grid-template-columns:1fr!important;
  }
  #nf-academy-latest-slot .nfal-card p{min-height:0!important}
}


/* v0.5.6 — Dynamic cards now inherit the Academy page's native card design. */
#nf-academy-latest-slot{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
#nf-academy-latest-slot > .nf-compact-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
#nf-academy-latest-slot .nf-dynamic-academy-card{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
}

/* v0.5.7 final width guard */
#nf-academy-latest-slot{
  grid-column:1 / -1!important;
  justify-self:stretch!important;
  align-self:stretch!important;
  width:100%!important;
  max-width:none!important;
}
#nf-academy-latest-slot .nf-dynamic-latest-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;
  max-width:none!important;
}
@media(max-width:900px){
 #nf-academy-latest-slot .nf-dynamic-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 #nf-academy-latest-slot .nf-dynamic-latest-grid{grid-template-columns:1fr!important}
}
