/*
 * CHEATER.fun — right sidebar layout repair
 * Loaded explicitly after style.min.css from main.tpl.
 *
 * Applies only to ordinary listing/category/home/FAQ pages.
 * Full publication pages (showfull) are excluded.
 */

@media (min-width: 1200px) {
  /*
   * Exact layout from main.tpl:
   * .rbx-content-layout
   *   > .rbx-main-content-column
   *   > .rbx-rightside-column
   *
   * A 250px rail matches --a-rightside-width from the theme variables.
   */
  .rbx-main-layout-shell > .rbx-content-layout.rbx-listing-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 250px !important;
    grid-template-rows: auto !important;
    align-items: start !important;
    justify-content: stretch !important;
    column-gap: 22px !important;
    row-gap: 0 !important;

    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    box-sizing: border-box !important;
  }

  .rbx-main-layout-shell > .rbx-content-layout.rbx-listing-layout > .rbx-main-content-column {
    grid-column: 1 !important;
    grid-row: 1 !important;

    display: block !important;
    position: relative !important;
    float: none !important;
    flex: none !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .rbx-main-layout-shell > .rbx-content-layout.rbx-listing-layout > .rbx-rightside-column {
    grid-column: 2 !important;
    grid-row: 1 !important;

    display: block !important;
    position: relative !important;
    float: none !important;
    flex: none !important;

    width: 250px !important;
    min-width: 0 !important;
    max-width: 250px !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    align-self: start !important;
  }
}

/* Tablet and mobile: one column, hide the desktop right rail. */
@media (max-width: 1199.98px) {
  .rbx-main-layout-shell > .rbx-content-layout.rbx-listing-layout {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .rbx-main-layout-shell > .rbx-content-layout.rbx-listing-layout > .rbx-main-content-column {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .rbx-main-layout-shell > .rbx-content-layout.rbx-listing-layout > .rbx-rightside-column {
    display: none !important;
  }
}

/*
 * Ad containment: only limit maximum width and intrinsic minimum width.
 * Do not force ad iframes to width:100%; Google chooses creative sizes.
 */
.rbx-listing-layout > .rbx-main-content-column,
.rbx-listing-layout > .rbx-main-content-column > *,
.rbx-listing-layout > .rbx-main-content-column .sect-content,
.rbx-listing-layout > .rbx-main-content-column .sect-content > * {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100%;
}

.rbx-listing-layout > .rbx-main-content-column .google-auto-placed,
.rbx-listing-layout > .rbx-main-content-column ins.adsbygoogle,
.rbx-listing-layout > .rbx-main-content-column iframe,
.rbx-listing-layout > .rbx-main-content-column [caramel-sdk-id],
.rbx-listing-layout > .rbx-main-content-column .ads-top {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}