.er-account-form,
.er-notice {
  max-width: 680px;
  margin: 24px auto;
  padding: 24px;
  border: 1px solid rgba(23, 32, 42, 0.12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 52px rgba(23, 32, 42, 0.08);
}

.er-account-form p {
  display: grid;
  gap: 8px;
}

.er-account-form label {
  font-weight: 800;
}

.er-account-form input,
.er-account-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d6dce5;
  border-radius: 12px;
  padding: 12px 14px;
  font: inherit;
}

.er-notice-success { border-color: #70b9a9; background: #f1fbf8; }
.er-notice-error { border-color: #dc8698; background: #fff5f7; }

.er-profile-grid,
.er-event-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin: 32px 0;
}

.er-profile-card,
.er-event-card {
  overflow: hidden;
  border: 1px solid rgba(23, 32, 42, 0.12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(23, 32, 42, 0.08);
}

.er-profile-card img,
.er-event-card img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.er-profile-card > div,
.er-event-card > div { padding: 20px; }
.er-profile-card h2,
.er-event-card h2 { margin: 0 0 8px; }

@media (max-width: 850px) {
  .er-profile-grid,
  .er-event-grid { grid-template-columns: 1fr; }
}