/* ===== Plazza shared banner ===== */
/* ===== global resets so banner looks consistent across pages ===== */
html, body { height: 100%; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
.plazza-topbar{
  position: static;
  padding: 0;  /* set banner internal vertical cushion here */
  background: linear-gradient(90deg, var(--primary, #7C2D12), #5b2413);
  color: #fff;
  border-bottom: 2px solid rgba(245, 158, 11, 0.55);
  min-height: 56px;   /* keep consistent across all pages */
  box-sizing: border-box;

  border-radius: 16px 16px 0 0; /* rounded top corners */
  overflow: hidden;             /* make gradient respect rounding */
}

/* banner width/padding container (self-contained) */
.plazza-topbar .page-container-tight{
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 12px;   /* <-- controls space above/below title */
}

.plazza-topbar a{
  color: inherit;
  text-decoration: none;
}

.plazza-topbar a:hover{
  text-decoration: none;
}

.plazza-topbar .titles-block h1{
  margin: 0;	/* Gap above banner */
  font-size: 1.15rem;
  line-height: 1.15;
  letter-spacing: 0.2px;
}

.plazza-topbar .subtitle{
  margin-top: 2px;   /* Gap above tagline */
  font-size: 0.85rem;
  opacity: 0.9;
}

/* For indenting login, signup, and edit pages */
/* Minimal left gutter for simple pages */
/* In HTML page, wrap content in this:
 * <div class="page-container-form"> */
.page-container-form {
  margin-top: 16px;
  padding-left: 12px;   /* ← THIS is the only thing you wanted */
  padding-right: 12px;
}