[x-cloak] { display: none !important; }

.section-card {
  border: 1px solid #e5e7eb; border-radius: 10px;
  background: #fff; margin-bottom: 1.25rem;
}
.section-card.padded { padding: 1.25rem 1.5rem; }
.section-title {
  font-size: .72rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .05em; color: #9ca3af; margin-bottom: .85rem;
}

/* Cover image preview */
.cover-preview-wrap {
  position: relative; display: inline-block;
}
.cover-preview-img {
  width: 100%; max-height: 160px; object-fit: cover;
  border-radius: 8px; border: 1px solid #e5e7eb;
}
.cover-remove-btn {
  position: absolute; top: .35rem; right: .35rem;
  background: rgba(0,0,0,.55); color: #fff; border: none;
  border-radius: 50%; width: 24px; height: 24px;
  font-size: .65rem; cursor: pointer; display: flex;
  align-items: center; justify-content: center;
}
.cover-remove-btn:hover { background: #dc2626; }

.slug-row { display: flex; gap: .5rem; align-items: center; }
.slug-row input { flex: 1; font-family: monospace; font-size: .82rem; }
.slug-gen-btn {
  font-size: .73rem; white-space: nowrap;
  padding: .28rem .7rem; border-radius: 6px;
  border: 1.5px solid #d1d5db; background: #f9fafb;
  color: #6b7280; cursor: pointer;
}
.slug-gen-btn:hover { background: #e5e7eb; }