.publication-controls {
  margin: 28px 0 20px;
  padding: 24px;
  border: 1px solid var(--soft-gold);
  background: var(--cream);
}

.publication-controls legend {
  padding: 0 10px;
  color: var(--deep-emerald);
  font: 700 1.25rem Georgia, serif;
}

.publication-controls input[type="datetime-local"] {
  max-width: 360px;
}

.timezone-note {
  margin-top: 0;
  color: var(--muted);
  font-size: .9rem;
}

.form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.form-actions .button {
  margin-left: 0;
}

.button.schedule {
  background: var(--gold);
  color: var(--charcoal);
}

.button.schedule:hover {
  background: var(--soft-gold);
}

@media (max-width: 520px) {
  .publication-controls { padding: 18px; }
  .form-actions .button { width: 100%; text-align: center; }
}