/* Core card */
.spe-grid { display:grid; gap:1rem; }
.spe-card { border:1px solid #e5e7eb; border-radius:16px; padding:16px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.04); overflow:hidden; }

/* Header flex logic */
.spe-card__header { display:flex; align-items:center; gap:16px; margin-bottom:12px; }
/* Left/Right */
.spe-card.is-left  .spe-card__header { flex-direction: row; }           /* Titel venstre, billede højre */
.spe-card.is-right .spe-card__header { flex-direction: row-reverse; }   /* Titel højre, billede venstre */
/* Top/Bottom */
.spe-card.is-top    .spe-card__header { flex-direction: column; }         /* Titel over, billede under  */
.spe-card.is-bottom .spe-card__header { flex-direction: column-reverse; } /* Titel under, billede over  */

/* When stacked, image can span full width */
.spe-card.is-top .spe-card__photo,
.spe-card.is-bottom .spe-card__photo { width:100% !important; height:auto !important; border-radius:16px; }

.spe-card__photo { width:140px; height:140px; object-fit:cover; background:#f3f4f6; display:block; }
.spe-card__photo--placeholder { display:flex; align-items:center; justify-content:center; font-size:12px; color:#9ca3af; background: repeating-linear-gradient(45deg,#f3f4f6,#f3f4f6 10px,#fff 10px,#fff 20px); }

.spe-card__name { margin:0; line-height:1.2; }
.spe-card__role { color:#6b7280; margin-top:4px; }
.spe-card__section { margin-top:14px; }
.spe-sec__heading { font-weight:600; margin-bottom:6px; }
.spe-rich p { margin: 0.5em 0; }
.spe-rich ul, .spe-rich ol { margin: 0.5em 0 0.5em 1.2em; }

.spe-card--empty, .spe-card--hidden { padding:12px; border:1px dashed #d1d5db; border-radius:8px; background:#f9fafb; }

@media (max-width: 768px) {
  .spe-card__photo { width:110px; height:110px; }
}