/* Dodaj raz do arkusza CSS motywu. Reguły dotyczą tylko tej sekcji. */
.erasmus-trips { max-width: 1024px; margin: 24px 0; color: #292929; }
.erasmus-trips, .erasmus-trips * { box-sizing: border-box; }
.erasmus-trips .erasmus-intro { color: #606060; margin: 0 0 24px; }
.erasmus-trips details.erasmus-year {
  margin: 0 0 16px; padding: 0; border: 1px solid #dedede;
  border-radius: 10px; background: #fff; overflow: hidden;
}
.erasmus-trips .erasmus-year > summary {
  display: list-item; padding: 18px 22px; cursor: pointer;
  color: #841413; background: #f8f6f5; font-size: 22px;
  font-weight: 700; line-height: 1.4; list-style: disclosure-closed inside;
}
.erasmus-trips .erasmus-year[open] > summary {
  list-style-type: disclosure-open; border-bottom: 1px solid #e8e4e2;
}
.erasmus-trips .erasmus-year > summary:hover { background: #f1ecea; }
.erasmus-trips .erasmus-year > summary:focus-visible,
.erasmus-trips .erasmus-grid a.erasmus-card:focus-visible {
  outline: 3px solid #841413; outline-offset: -4px;
}
.erasmus-trips ul.erasmus-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
  gap: 12px; margin: 0; padding: 20px; list-style: none;
}
.erasmus-trips .erasmus-grid > li { min-width: 0; margin: 0; padding: 0; list-style: none; }
.erasmus-trips .erasmus-grid a.erasmus-card {
  display: flex; align-items: center; gap: 16px; height: 100%; min-height: 96px;
  padding: 18px; border: 1px solid #dedede; border-radius: 8px;
  color: #292929; background: #fff; text-decoration: none;
}
.erasmus-trips .erasmus-grid a.erasmus-card[href]:hover {
  border-color: #841413; background: #fcf8f7; color: #841413;
}
.erasmus-trips .erasmus-card img {
  display: block; flex: 0 0 52px; width: 52px; max-width: 52px; height: 36px;
  margin: 0; padding: 0; object-fit: contain; border: 1px solid #e5e5e5;
}
.erasmus-trips .erasmus-card strong { display: block; font-size: 18px; line-height: 1.35; }
.erasmus-trips .erasmus-card .erasmus-card-date { display: block; margin-top: 4px; color: #606060; font-size: 14px; line-height: 1.5; }
.erasmus-trips .erasmus-card[href]:hover strong { text-decoration: underline; }
