/* Full-width wrapper with zero height restriction */
.pb-wrap {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0;
}

.pb-center { text-align: center; }

.pb-h1 { margin: 12px auto; font-size: 28px; text-align: center; }

.pb-table { width: 97%; margin: 0 auto; border-collapse: collapse; }
.pb-table th, .pb-table td {
  border: 2px solid #ddd; padding: 8px; text-align: center; font-size: 18px;
}
.pb-table th { background: #f0f0f0; color: #313030; }

.pb-btnbar { text-align: center; margin: 8px 0 14px; }
.pb-btnbar a {
  display: inline-block; margin: 6px; padding: 10px 14px; text-decoration: none; border-radius: 6px;
  border: 1px solid #ccc;
}
.pb-btn-danger { background:#f8d7da; }
.pb-btn-success{ background:#d1e7dd; }
.pb-btn-warning{ background:#fff3cd; }
.pb-btn-info   { background:#cff4fc; }

.pb-badges { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.pb-badge {
  border:1px solid #b3adad; padding:6px 10px; background:#fff; color:#313030; border-radius:6px; font-weight:700;
}

.pb-sticky {
  position: sticky; top: 10px; background: #f8f8f8; padding:10px; margin:10px auto; width:96%;
  border: 1px dashed #ddd;
}
.pb-sticky label { font-weight:700; margin-right:8px; }
.pb-input { width:65%; padding:10px 14px; border:2px solid red; border-radius:4px; }

.HideDesktop { display:none; }
@media (max-width: 780px) {
  .HideDesktop { display:block; }
  .HideMobile  { display:none; }
}

/* Image responsive */
.pb-hero { display:block; margin: 10px auto; max-width: 100%; height:auto; }