/* Dezelfde opbouw, titelafstanden en bediening als Experiences. */
@import url("./experiences.css");

.education .work-title__o { margin-right: -.47em; }
.edu__details { margin: 0 0 1.25rem; }
.edu__details span { display: block; }
.edu__qualification { font-style: italic; }

/* Op mobiel: dezelfde gevulde beelden, afgeronde hoeken en ruimte als Experiences. */
.education .exp__gallery img { object-fit: cover; border-radius: 6px; }

/* Vanaf de bestaande galerijgrens staan alle drie op één rij.
   Kolommen volgen de bronverhoudingen voor gelijke hoogte zonder bijsnijden. */
@media (min-width: 499px) {
  .education .exp__gallery {
    grid-template-columns: var(--edu-columns);
    grid-template-rows: auto;
    aspect-ratio: auto;
    gap: .65rem;
  }
  .education .exp__gallery img,
  .education .exp__gallery img:first-child {
    grid-column: auto;
    grid-row: auto;
    height: auto;
    aspect-ratio: var(--edu-ratio);
  }
}

/* Op mobiel delen logo en diploma één hoogte, met hun eigen breedte. */
@media (max-width: 499px) {
  #edu-tm .exp__gallery { grid-template-columns: 1.0004545455fr .7063636364fr; }
  #edu-hc .exp__gallery { grid-template-columns: 1fr .68fr; }
  .education .exp__gallery img:not(:first-child) {
    height: auto;
    aspect-ratio: var(--edu-ratio);
    object-fit: contain;
  }
}