/* Minimal Gutenberg spacing helper */
.entry-content > .textbox-g1 {
  padding-left: 12rem;
  padding-right: 12rem;
}

/* Respect theme variable for flex layout gap (overrides core/global styles) */
:where(.is-layout-flex) {
  gap: var(--layout-flex-gap, 24px) !important;
}

@media (max-width: 1199.98px) {
  .entry-content > .textbox-g1 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (max-width: 767.98px) {
  .entry-content > .textbox-g1 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* Minimal table styling */
.wp-block-table {
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgb(var(--color-white-rgb) / 0.12);
  border-radius: 0.5rem;
}

.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
}

.wp-block-table th,
.wp-block-table td {
  padding: 0.75rem 0.9rem;
  border-bottom: 1px solid rgb(var(--color-white-rgb) / 0.12);
  color: rgb(var(--color-white-rgb) / 0.94);
}

.wp-block-table thead th {
  background: rgb(var(--color-tertiary-rgb) / 0.82);
  color: rgb(var(--color-white-rgb) / 0.98);
}

.wp-block-table tbody tr:nth-child(even) {
  background: rgb(var(--color-white-rgb) / 0.04);
}

/* Utility: make a column shrink-to-fit its content on desktop
   Usage: add `is-fit-content` to the column's Advanced → Additional CSS class(es)
   Applies only on larger viewports to keep mobile stacks intact. */
@media (min-width: 991.98px) {
  /* Support two usage patterns:
     - Add `is-fit-content` to a single `.wp-block-column`
     - Add `is-fit-content` to the `.wp-block-columns` container to make all children shrink-to-fit */
  .wp-block-columns.is-layout-flex .wp-block-column.is-fit-content,
  .wp-block-columns.is-fit-content .wp-block-column {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    align-self: start;
  }
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100%!important;
}