/* =========================================================
   Silk Robotics — Education page (education.html), on top of schools.css
   ========================================================= */

.ed-hero { padding-bottom: clamp(40px, 5vw, 64px); }
.ed-hero .sc-hero__grid { align-items: center; }
.ed-hero__media { position: relative; margin: 0; }
.ed-hero__media img { width: 100%; height: auto; }
.ed-badge {
  position: absolute; left: 6%; bottom: 8%;
  display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 12px;
  border: 1px solid var(--line-strong); background: rgba(13,19,48,.92);
  font-size: 16px; letter-spacing: .02em;
}
.ed-badge b { font-weight: 800; }
.ed-badge b:last-child { color: var(--saffron); text-transform: lowercase; }
.ed-badge span { color: var(--text-faint); }

.ed-perks { row-gap: 32px; }
.ed-note { margin-top: 28px; font-size: 14px; color: var(--text-faint); }
.ed-note a { color: var(--text); }

.tags { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.tags li { padding: 10px 16px; border-radius: 999px; border: 1px solid var(--line-strong); background: var(--card); font-weight: 600; font-size: 15px; }

@media (max-width: 1100px) { .ed-hero__media { max-width: 560px; } }

.ed-badge img { height: 30px; width: auto; display: block; }