.ce-accent-card {
  background: var(--ce-card-bg, var(--card-bg, #ffffff));
  border: 1px solid var(--ce-card-border, var(--border-color, rgba(0, 0, 0, 0.08)));
  border-top: var(--ce-card-accent-size, 5px) solid var(--ce-card-accent, var(--ceu-navy, var(--darkblue-color, #101767)));
  border-radius: var(--ce-card-radius, 24px);
  box-shadow: var(--ce-card-shadow, 0 10px 30px rgba(0, 0, 0, 0.02));
  padding: var(--ce-card-padding, 40px);
  position: relative;
}

@media (max-width: 768px) {
  .ce-accent-card {
    padding: var(--ce-card-mobile-padding, 30px 20px);
  }
}

.ce-note-card {
  background: var(--ce-note-bg, #f4faff);
  border: 1px solid var(--ce-note-border, #dbe7f3);
  border-radius: var(--ce-note-radius, 14px);
  padding: var(--ce-note-padding, 16px);
  box-shadow: var(--ce-note-shadow, 0 8px 20px rgba(16, 23, 103, 0.08));
  color: var(--ce-note-text, #64748b);
  font-size: 14px;
  line-height: 1.6;
}

.ce-note-card h3 {
  margin: 0 0 8px;
  color: var(--ce-note-heading, var(--ceu-navy, var(--darkblue-color, #101767)));
  font-size: 16px;
  font-weight: 900;
}

.ce-note-card p {
  margin: 0;
  color: var(--ce-note-text, #64748b);
  font-size: 14px;
  line-height: 1.6;
}

.ce-note-card strong {
  color: var(--ce-note-heading, var(--ceu-navy, var(--darkblue-color, #101767)));
}