/* RGB No-Clip (Anti-Recorte)
   - NeoGeo-ish: NO toca tu estilo, solo evita recortes horizontales.
   - Se activa cuando el JS marca un root con .rgb-no-clip
*/

/* 1) El root del documento: ocupa el ancho del contenedor del tema (NO vw) */
.entry-content .rgb-no-clip,
.entry-content main.rgb-no-clip,
.entry-content .rgb-no-clip.wrap,
.entry-content main.rgb-no-clip.wrap{
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  overflow: visible !important; /* por si el root tuviera overflow */
  box-sizing: border-box !important;
}

/* 2) Evitar que la topbar empuje botones fuera */
.entry-content .rgb-no-clip .topbar{
  flex-wrap: wrap !important;
  gap: 10px !important;
}
.entry-content .rgb-no-clip .topbar .brand{
  min-width: 0 !important;
}
.entry-content .rgb-no-clip .topbar .toggles{
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  width: 100% !important;
}

/* 3) Seguridad: nada dentro puede salirse por padding/border */
.entry-content .rgb-no-clip *{
  box-sizing: border-box;
  max-width: 100%;
}

/* 4) En móviles, un poco más de aire */
@media (max-width: 520px){
  .entry-content .rgb-no-clip,
  .entry-content main.rgb-no-clip{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}