.arcadian-card {
    padding: 16px;
    margin: 5rem 0 0 0;
    box-sizing: border-box; /* Include border and padding in size calculations */
    background-color: #fff;;
}

.arcadian-card img {
    height: auto;
    object-fit: contain; /* ensures entire image fits inside container without cropping */
    max-width: min( 90%, 80vh );
    max-height: 80vh;
}

.arcadian-card h2 {
    font-size: 1.5em;
    margin-top: 10px;
}

.arcadian-card p {
    font-size: 1em;
    margin-top: 10px;
}

/* Editor-specific styles to ensure inputs are spaced properly */
.arcadian-card-editor {
  display: flex;
  flex-direction: column;
  gap: 10px; /* space between elements */
}

.arcadian-card-editor .image-container {
  margin-bottom: 10px;
}

.arcadian-card-editor .input-container {
  margin-bottom: 10px;
}

/* Optional: style the inputs for better editing experience */
.arcadian-card-editor h2,
.arcadian-card-editor p {
  border: 1px solid #ccc;
  padding: 5px;
  min-height: 40px; /* ensure enough height for editing */
}