/* Education module unified UI (3D colorful icon chips) */
:root{
  --edu-bg:#f8fafc;
  --edu-card:#ffffff;
  --edu-text:#0f172a;
  --edu-muted:#64748b;
  --edu-border:#e2e8f0;
  --edu-shadow:0 10px 25px rgba(0,0,0,0.08);
}

/* icon chip (works for FontAwesome i + inline svg) */
.edu-chip{
  --ic1:#60a5fa;
  --ic2:#1d4ed8;
}
.edu-chip i,
.edu-chip svg{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  padding:8px;
  box-sizing:content-box;
  border-radius:14px;
  background:linear-gradient(180deg,var(--ic1),var(--ic2));
  color:#fff !important;
  box-shadow:0 14px 22px rgba(0,0,0,0.14),0 3px 0 rgba(17,24,39,0.18),inset 0 1px 0 rgba(255,255,255,0.22);
  flex:0 0 auto;
}
.edu-chip svg{ stroke:currentColor; }
.edu-chip svg path{ stroke:currentColor; }

/* 3D button polish */
.edu-btn-3d{
  box-shadow:0 10px 18px rgba(0,0,0,0.10),0 2px 0 rgba(17,24,39,0.16),inset 0 1px 0 rgba(255,255,255,0.18);
  transition:transform .15s, box-shadow .15s, filter .15s;
}
.edu-btn-3d:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 26px rgba(0,0,0,0.14),0 3px 0 rgba(17,24,39,0.18),inset 0 1px 0 rgba(255,255,255,0.20);
  filter:saturate(1.04);
}
.edu-btn-3d:active{
  transform:translateY(0);
  box-shadow:0 10px 18px rgba(0,0,0,0.10),0 2px 0 rgba(17,24,39,0.16),inset 0 1px 0 rgba(255,255,255,0.18);
}

/* Suggested color mapping by icon meaning */
.edu-ic-search{ --ic1:#fb7185; --ic2:#9f1239; }
.edu-ic-filter{ --ic1:#38bdf8; --ic2:#075985; }
.edu-ic-bookmark{ --ic1:#a78bfa; --ic2:#5b21b6; }
.edu-ic-upload{ --ic1:#34d399; --ic2:#059669; }
.edu-ic-user{ --ic1:#60a5fa; --ic2:#1d4ed8; }
.edu-ic-eye{ --ic1:#94a3b8; --ic2:#475569; }
.edu-ic-like{ --ic1:#22c55e; --ic2:#15803d; }
.edu-ic-share{ --ic1:#fbbf24; --ic2:#b45309; }

/* active filter chips */
.edu-active-filters{ margin-top:-6px; }
.edu-filter-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.edu-filter-chip{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,0.35);
  background:#fff;
  color:#0f172a;
  font-weight:700;
  font-size:13px;
}
.edu-filter-chip i{ margin:0; }

/* card polish */
.edu-card-3d{
  border:1px solid rgba(226,232,240,0.9);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 16px 28px rgba(0,0,0,0.08);
  transition:transform .18s, box-shadow .18s, filter .18s;
}
.edu-card-3d:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 40px rgba(0,0,0,0.12);
  filter:saturate(1.03);
}