/* ==========================================================================
   components/education.css — Education cards grid
   Desktop: 2 columns (3rd card spans full width)
   Mobile: 1 column — overrides in responsive.css
   ========================================================================== */

/* --------------------------------------------------------------------------
   GRID
   -------------------------------------------------------------------------- */
.education-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-md);
}

/* Full-width span for third card */
.edu-wide {
  grid-column: span 2;
}

/* --------------------------------------------------------------------------
   CARD
   -------------------------------------------------------------------------- */
.edu-card {
  border-radius: var(--radius-3xl);
  padding: 14px 15px;
  position: relative;
  overflow: hidden;
}

/* Top shimmer */
.edu-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  height: .5px;
  background: rgba(255, 255, 255, .18);
}

/* --------------------------------------------------------------------------
   CARD CONTENT
   -------------------------------------------------------------------------- */
.edu-icon {
  font-size: 18px;
  margin-bottom: 7px;
  position: relative;
  z-index: 1;
}

.edu-title {
  font-family: var(--font-display);
  font-size: var(--fs-base);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 2px;
  position: relative;
  z-index: 1;
  line-height: 1.3;
}

.edu-subtitle {
  font-size: var(--fs-xs);
  color: var(--color-text-secondary);
  position: relative;
  z-index: 1;
  line-height: 1.5;
}

/* --------------------------------------------------------------------------
   CARD COLOUR VARIANTS
   -------------------------------------------------------------------------- */

/* КГТУ «КНИТУ» — violet */
.edu-card-violet {
  background: rgba(124, 58, 237, .22);
  border: 1px solid rgba(124, 58, 237, .40);
}

[data-theme="light"] .edu-card-violet {
  background: rgba(67, 56, 202, .08);
  border-color: rgba(67, 56, 202, .18);
}

/* OTUS — blue */
.edu-card-blue {
  background: rgba(37, 99, 235, .20);
  border: 1px solid rgba(37, 99, 235, .38);
}

[data-theme="light"] .edu-card-blue {
  background: rgba(8, 145, 178, .08);
  border-color: rgba(8, 145, 178, .18);
}

/* Flutter / МТС Teta — teal */
.edu-card-teal {
  background: rgba(15, 118, 110, .20);
  border: 1px solid rgba(15, 118, 110, .38);
}

[data-theme="light"] .edu-card-teal {
  background: rgba(15, 118, 110, .08);
  border-color: rgba(15, 118, 110, .18);
}