#sidebar img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0 auto 8px auto;
}

.col-md-3 img,
.block img {
  max-width: 100% !important;
  height: auto !important;
}

/* =========================================================
   BANNER SUPERIOR
   ========================================================= */
.navbar-default {
  background-image: url('/public/journals/1/header-banner.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  min-height: 180px !important;
  border: none !important;
  padding-bottom: 0 !important;
}

.navbar-default .navbar-collapse {
  background: rgba(10, 25, 47, 0.82) !important;
  margin-top: 120px !important;
  padding-left: 15px !important;
}

.navbar-default .navbar-nav > li > a,
.nav-pills > li > a,
#navigationUser .dropdown-toggle {
  color: #ffffff !important;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-header {
  display: none !important;
}

/* Menú desplegable */
.navbar-nav .dropdown-menu {
  background-color: #0d2137 !important;
  border: 1px solid #c9a84c !important;
  border-radius: 0 !important;
}

.navbar-nav .dropdown-menu > li > a {
  color: #ffffff !important;
  background-color: transparent !important;
}

.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus {
  background-color: #1a3a5c !important;
  color: #c9a84c !important;
}

.nav.navbar-nav li.dropdown.open .dropdown-menu {
  background-color: #0d2137 !important;
}

.nav.navbar-nav li.dropdown.open .dropdown-menu li a {
  color: #ffffff !important;
}

li.dropdown.open > a.dropdown-toggle,
li.dropdown.open > a.dropdown-toggle:hover,
li.dropdown.open > a.dropdown-toggle:focus,
.nav-menu li.dropdown.open a.dropdown-toggle {
  background-color: #1a3a5c !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

/* =========================================================
   TÍTULO PRINCIPAL DEL NÚMERO ACTUAL
   ========================================================= */
.current_issue .page-header,
.page_issue .page-header {
  background-color: transparent !important;
  color: #000000 !important;
  padding: 0 !important;
  border: none !important;
  margin: 25px 0 12px 0 !important;
}

.current_issue .page-header h1,
.current_issue .page-header h2,
.page_issue .page-header h1,
.page_issue .page-header h2 {
  color: #000000 !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.current_issue .page-header small,
.page_issue .page-header small {
  color: #000000 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

.current_issue .description,
.page_issue .description,
.issue-summary .description {
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: #111111 !important;
}

/* =========================================================
   TÍTULOS DE SECCIÓN: EDITORIAL / ARTÍCULOS / ACTUALIZACIÓN
   ========================================================= */
.issue-toc .section {
  margin-top: 18px !important;
  margin-bottom: 10px !important;
}

/* Franja clara y título azul */
.issue-toc .section > h2,
.issue-toc .section > h3,
.issue-toc .section > .title:first-child,
.issue-toc .section > .section-title:first-child,
.issue-toc .section > .section_title:first-child,
.issue-toc .section > .toc-section-title:first-child,
.issue-toc .section .page-header {
  background-color: #ececec !important;
  color: #1f67b1 !important;
  -webkit-text-fill-color: #1f67b1 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  padding: 6px 12px !important;
  margin: 14px 0 12px 0 !important;
  border: none !important;
  text-transform: uppercase !important;
}

/* Refuerzo para enlaces, spans o textos internos dentro del título de sección */
.issue-toc .section > h2 *,
.issue-toc .section > h3 *,
.issue-toc .section > .title:first-child *,
.issue-toc .section > .section-title:first-child *,
.issue-toc .section > .section_title:first-child *,
.issue-toc .section > .toc-section-title:first-child *,
.issue-toc .section .page-header *,
.issue-toc .section .page-header h2,
.issue-toc .section .page-header h3,
.issue-toc .section .page-header h2 *,
.issue-toc .section .page-header h3 * {
  background: transparent !important;
  color: #1f67b1 !important;
  -webkit-text-fill-color: #1f67b1 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  text-transform: uppercase !important;
}

h2.pkp_helpers_invisible {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  color: transparent !important;
  background: transparent !important;
  border: none !important;
}

/* =========================================================
   REORGANIZACIÓN DEL LISTADO DE ARTÍCULOS
   ========================================================= */

/* Contenedor de cada artículo */
.issue-toc .obj_article_summary,
.issue-toc .media,
.issue-toc .article-summary {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 92px !important;
  margin: 0 0 18px 0 !important;
  padding: 0 105px 12px 0 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #d9d9d9 !important;
  box-sizing: border-box !important;
}

/* Quitar estructuras innecesarias de media object */
.issue-toc .media-left,
.issue-toc .media-right,
.issue-toc .media-object {
  display: none !important;
}

.issue-toc .media-body {
  width: auto !important;
  overflow: visible !important;
}

/* Título del artículo */
.issue-toc .media-heading,
.issue-toc .media-heading a,
.issue-toc .obj_article_summary .title,
.issue-toc .obj_article_summary .title a,
.issue-toc .obj_article_summary h3,
.issue-toc .obj_article_summary h3 a,
.issue-toc .article-summary h3,
.issue-toc .article-summary h3 a {
  display: block !important;
  background: transparent !important;
  color: #1958bd !important;
  -webkit-text-fill-color: #1958bd !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  border: none !important;
}

.issue-toc .media-heading a:hover,
.issue-toc .obj_article_summary .title a:hover,
.issue-toc .obj_article_summary h3 a:hover,
.issue-toc .article-summary h3 a:hover {
  text-decoration: underline !important;
}

/* Autores */
.issue-toc .authors,
.issue-toc .meta .authors,
.issue-toc .obj_article_summary .authors,
.issue-toc .article-summary .authors {
  display: block !important;
  color: #222222 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  text-transform: uppercase !important;
}

/* Páginas: a la derecha, debajo de los botones */
.issue-toc .pages,
.issue-toc .meta .pages,
.issue-toc .obj_article_summary .pages,
.issue-toc .article-summary .pages {
  position: absolute !important;
  top: 44px !important;
  right: 0 !important;
  width: 92px !important;
  text-align: center !important;
  color: #000000 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

/* Contenedores de botones PDF / MP3 */
.issue-toc .galleys,
.issue-toc .galleys_links,
.issue-toc .galleys-links,
.issue-toc .article_galleys,
.issue-toc .article-galleys,
.issue-toc .obj_article_summary .galleys,
.issue-toc .obj_article_summary .galleys_links,
.issue-toc .obj_article_summary .galleys-links,
.issue-toc .obj_article_summary .article_galleys,
.issue-toc .obj_article_summary .article-galleys,
.issue-toc .article-summary .galleys,
.issue-toc .article-summary .galleys_links,
.issue-toc .article-summary .galleys-links,
.issue-toc .media .galleys,
.issue-toc .media .galleys_links,
.issue-toc .media .galleys-links {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 92px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: right !important;
  background: transparent !important;
  border: none !important;
}

/* Lista interna de botones */
.issue-toc .galleys li,
.issue-toc .galleys_links li,
.issue-toc .galleys-links li,
.issue-toc .article_galleys li,
.issue-toc .article-galleys li {
  list-style: none !important;
  display: inline-block !important;
  margin: 0 0 4px 3px !important;
  padding: 0 !important;
}

/* Botones PDF / MP3 dentro de cada artículo */
.issue-toc .obj_article_summary .galley-link,
.issue-toc .obj_article_summary a.galley-link,
.issue-toc .obj_article_summary .btn,
.issue-toc .obj_article_summary a.btn,
.issue-toc .article-summary .galley-link,
.issue-toc .article-summary a.galley-link,
.issue-toc .article-summary .btn,
.issue-toc .article-summary a.btn,
.issue-toc .media .galley-link,
.issue-toc .media a.galley-link,
.issue-toc .media .btn,
.issue-toc .media a.btn {
  font-size: 12px !important;
  line-height: 1.2 !important;
  padding: 7px 12px !important;
  border-radius: 4px !important;
  display: inline-block !important;
  margin: 0 0 4px 3px !important;
  vertical-align: top !important;
}

/* Si el tema deja los botones sueltos debajo del autor, los sube a la derecha */
.issue-toc .obj_article_summary > .galley-link,
.issue-toc .obj_article_summary > a.galley-link,
.issue-toc .obj_article_summary > .btn,
.issue-toc .obj_article_summary > a.btn,
.issue-toc .article-summary > .galley-link,
.issue-toc .article-summary > a.galley-link,
.issue-toc .article-summary > .btn,
.issue-toc .article-summary > a.btn,
.issue-toc .media > .galley-link,
.issue-toc .media > a.galley-link,
.issue-toc .media > .btn,
.issue-toc .media > a.btn,
.issue-toc .media-body > .galley-link,
.issue-toc .media-body > a.galley-link,
.issue-toc .media-body > .btn,
.issue-toc .media-body > a.btn {
  position: absolute !important;
  top: 0 !important;
}

/* Primer botón a la izquierda del bloque derecho y segundo botón a la derecha */
.issue-toc .obj_article_summary > a.btn:first-of-type,
.issue-toc .obj_article_summary > a.galley-link:first-of-type,
.issue-toc .article-summary > a.btn:first-of-type,
.issue-toc .article-summary > a.galley-link:first-of-type,
.issue-toc .media > a.btn:first-of-type,
.issue-toc .media > a.galley-link:first-of-type,
.issue-toc .media-body > a.btn:first-of-type,
.issue-toc .media-body > a.galley-link:first-of-type {
  right: 48px !important;
}

.issue-toc .obj_article_summary > a.btn:nth-of-type(2),
.issue-toc .obj_article_summary > a.galley-link:nth-of-type(2),
.issue-toc .article-summary > a.btn:nth-of-type(2),
.issue-toc .article-summary > a.galley-link:nth-of-type(2),
.issue-toc .media > a.btn:nth-of-type(2),
.issue-toc .media > a.galley-link:nth-of-type(2),
.issue-toc .media-body > a.btn:nth-of-type(2),
.issue-toc .media-body > a.galley-link:nth-of-type(2) {
  right: 0 !important;
}

/* Cuando solo hay un PDF, que quede pegado a la derecha */
.issue-toc .obj_article_summary > a.btn:only-of-type,
.issue-toc .obj_article_summary > a.galley-link:only-of-type,
.issue-toc .article-summary > a.btn:only-of-type,
.issue-toc .article-summary > a.galley-link:only-of-type,
.issue-toc .media > a.btn:only-of-type,
.issue-toc .media > a.galley-link:only-of-type,
.issue-toc .media-body > a.btn:only-of-type,
.issue-toc .media-body > a.galley-link:only-of-type {
  right: 0 !important;
}

/* Evitar que metadatos hereden fondos extraños */
.issue-toc .meta,
.issue-toc .subtitle,
.issue-toc .obj_article_summary .meta,
.issue-toc .article-summary .meta {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* =========================================================
   RESPONSIVE
   En móvil pasa a una sola columna
   ========================================================= */
@media (max-width: 768px) {
  .navbar-default {
    min-height: 130px !important;
  }

  .navbar-default .navbar-collapse {
    margin-top: 80px !important;
  }

  .current_issue .page-header h1,
  .current_issue .page-header h2,
  .page_issue .page-header h1,
  .page_issue .page-header h2 {
    font-size: 22px !important;
  }

  .issue-toc .section > h2,
  .issue-toc .section > h3,
  .issue-toc .section .page-header,
  .issue-toc .section .page-header h2,
  .issue-toc .section .page-header h3 {
    font-size: 13px !important;
    padding: 6px 10px !important;
  }

  .issue-toc .obj_article_summary,
  .issue-toc .media,
  .issue-toc .article-summary {
    min-height: auto !important;
    padding: 0 0 12px 0 !important;
  }

  .issue-toc .galleys,
  .issue-toc .galleys_links,
  .issue-toc .galleys-links,
  .issue-toc .article_galleys,
  .issue-toc .article-galleys,
  .issue-toc .pages,
  .issue-toc .meta .pages,
  .issue-toc .obj_article_summary .pages,
  .issue-toc .article-summary .pages,
  .issue-toc .obj_article_summary > .galley-link,
  .issue-toc .obj_article_summary > a.galley-link,
  .issue-toc .obj_article_summary > .btn,
  .issue-toc .obj_article_summary > a.btn,
  .issue-toc .article-summary > .galley-link,
  .issue-toc .article-summary > a.galley-link,
  .issue-toc .article-summary > .btn,
  .issue-toc .article-summary > a.btn,
  .issue-toc .media > .galley-link,
  .issue-toc .media > a.galley-link,
  .issue-toc .media > .btn,
  .issue-toc .media > a.btn,
  .issue-toc .media-body > .galley-link,
  .issue-toc .media-body > a.galley-link,
  .issue-toc .media-body > .btn,
  .issue-toc .media-body > a.btn {
    position: static !important;
    width: auto !important;
    text-align: left !important;
    display: inline-block !important;
    margin-top: 6px !important;
  }

  .issue-toc .authors,
  .issue-toc .meta .authors,
  .issue-toc .obj_article_summary .authors,
  .issue-toc .article-summary .authors {
    text-transform: none !important;
  }
}


/* =========================================================
   BLOQUE DE SEGURIDAD: RESTAURAR VISIBILIDAD DE BOTONES
   Usar esta versión si los botones PDF / MP3 desaparecieron.
   ========================================================= */

.issue-toc .obj_article_summary a.btn,
.issue-toc .obj_article_summary a.galley-link,
.issue-toc .media a.btn,
.issue-toc .media a.galley-link,
.issue-toc .article-summary a.btn,
.issue-toc .article-summary a.galley-link,
.issue-toc .media-body a.btn,
.issue-toc .media-body a.galley-link {
  position: static !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 4px 3px 6px 0 !important;
  z-index: auto !important;
}

/* Mantener la paginación visible */
.issue-toc .pages,
.issue-toc .meta .pages,
.issue-toc .obj_article_summary .pages,
.issue-toc .article-summary .pages {
  visibility: visible !important;
  opacity: 1 !important;
}


/* =========================================================
   AJUSTE EXACTO SEGÚN HTML DE OJS
   Estructura detectada:
   div.article-summary.media
     div.media-body
       h3.media-heading
       p.pages
       div.btn-group
         a.galley-link.btn.btn-primary.pdf
   ========================================================= */

/* Cada artículo reserva espacio a la derecha para botones y páginas */
.issue-toc .article-summary.media {
  position: relative !important;
  padding-right: 115px !important;
  min-height: 92px !important;
  overflow: visible !important;
}

/* El cuerpo del artículo queda normal a la izquierda */
.issue-toc .article-summary.media .media-body {
  position: static !important;
  width: auto !important;
  overflow: visible !important;
}

/* Botonera PDF / MP3 alineada a la derecha */
.issue-toc .article-summary.media .media-body > .btn-group,
.issue-toc .article-summary.media .btn-group {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  gap: 4px !important;
  width: 105px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  text-align: right !important;
  z-index: 10 !important;
}

/* Botones dentro del grupo */
.issue-toc .article-summary.media .btn-group > a.galley-link,
.issue-toc .article-summary.media .btn-group > a.btn,
.issue-toc .article-summary.media .btn-group > a.pdf {
  position: static !important;
  display: inline-block !important;
  float: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  padding: 7px 12px !important;
  border-radius: 4px !important;
}

/* Páginas debajo de la botonera, también a la derecha */
.issue-toc .article-summary.media .media-body > p.pages,
.issue-toc .article-summary.media p.pages,
.issue-toc .article-summary.media .pages {
  position: absolute !important;
  top: 38px !important;
  right: 0 !important;
  width: 105px !important;
  display: block !important;
  float: none !important;
  clear: none !important;
  text-align: right !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #000000 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* En móvil vuelve a verse debajo del texto */
@media (max-width: 768px) {
  .issue-toc .article-summary.media {
    padding-right: 0 !important;
    min-height: auto !important;
  }

  .issue-toc .article-summary.media .media-body > .btn-group,
  .issue-toc .article-summary.media .btn-group,
  .issue-toc .article-summary.media .media-body > p.pages,
  .issue-toc .article-summary.media p.pages,
  .issue-toc .article-summary.media .pages {
    position: static !important;
    display: block !important;
    width: auto !important;
    text-align: left !important;
    margin-top: 6px !important;
  }

  .issue-toc .article-summary.media .btn-group {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 4px !important;
  }
}


/* =========================================================
   MOSTRAR LOGO DE LA REVISTA EN LA CABECERA
   Este bloque corrige el problema de que el logo no aparece.
   Antes estaba oculto por reglas display:none.
   ========================================================= */

/* Reactiva el área del logo */
.navbar-default .navbar-header {
  display: block !important;
  position: absolute !important;
  top: 22px !important;
  left: 35px !important;
  z-index: 20 !important;
}

/* Reactiva el enlace/marca del sitio */
.navbar-default .navbar-brand {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  line-height: normal !important;
}

/* Ajusta el tamaño del logo si OJS lo carga como imagen */
.navbar-default .navbar-brand img,
.navbar-default .navbar-header img,
.navbar-brand-logo img {
  display: block !important;
  max-height: 95px !important;
  max-width: 280px !important;
  width: auto !important;
  height: auto !important;
}

/* Si OJS muestra el nombre de la revista como texto en vez de imagen */
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:visited,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.45) !important;
  background: transparent !important;
}

/* Evita que el menú tape el logo */
.navbar-default {
  position: relative !important;
}

/* En móvil reduce el logo */
@media (max-width: 768px) {
  .navbar-default .navbar-header {
    top: 15px !important;
    left: 18px !important;
  }

  .navbar-default .navbar-brand img,
  .navbar-default .navbar-header img,
  .navbar-brand-logo img {
    max-height: 65px !important;
    max-width: 210px !important;
  }

  .navbar-default .navbar-brand {
    font-size: 20px !important;
  }
}


/* =========================================================
   AUMENTAR TAMAÑO DEL LOGO EN LA CABECERA
   Ajuste específico para que el logo de la revista se vea más grande.
   ========================================================= */

/* Área del logo */
.navbar-default .navbar-header {
  top: 18px !important;
  left: 35px !important;
  width: 420px !important;
  height: auto !important;
}

/* Enlace del logo */
.navbar-default .navbar-brand {
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Imagen del logo */
.navbar-default .navbar-brand img,
.navbar-default .navbar-header img,
.navbar-brand-logo img {
  max-height: 235px !important;
  max-width: 520px !important;
  width: auto !important;
  height: auto !important;
}

/* Si al crecer el logo queda muy pegado al menú, aumenta un poco la altura del banner */
.navbar-default {
  min-height: 190px !important;
}

/* Baja ligeramente el menú para que no choque con el logo */
.navbar-default .navbar-collapse {
  margin-top: 130px !important;
}

/* Ajuste para celular */
@media (max-width: 768px) {
  .navbar-default .navbar-header {
    top: 14px !important;
    left: 18px !important;
    width: 280px !important;
  }

  .navbar-default .navbar-brand img,
  .navbar-default .navbar-header img,
  .navbar-brand-logo img {
    max-height: 80px !important;
    max-width: 280px !important;
  }

  .navbar-default {
    min-height: 145px !important;
  }

  .navbar-default .navbar-collapse {
    margin-top: 95px !important;
  }
}


/* =========================================================
   CORRECCIÓN DE IMÁGENES SIN TOCAR EL LOGO
   Este bloque NO modifica la posición ni el tamaño del logo.
   Solo protege las imágenes del sidebar y las portadas de números.
   ========================================================= */

/* Imágenes generales dentro del contenido: proporcionales */
.pkp_structure_main img,
#main img,
.main img,
.page img {
  max-width: 100% !important;
  height: auto !important;
}

/* Imágenes del sidebar: miembros, acuerdos, logos, banners laterales */
#sidebar img,
.pkp_structure_sidebar img,
.sidebar img,
.col-md-3 img,
.block img,
.block_custom img,
.block_make_submission img,
.block_information img,
.block_language img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto 10px auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  object-fit: contain !important;
}

/* Evita que los bloques laterales corten imágenes grandes */
#sidebar,
.pkp_structure_sidebar,
.sidebar,
.col-md-3,
.block,
.block_custom,
.block_make_submission,
.block_information,
.block_language {
  overflow: visible !important;
}

/* Portadas de números: número actual, archivos y páginas de número */
.current_issue img,
.page_issue img,
.issue-summary img,
.obj_issue_toc img,
.issue-toc img.cover,
.issue-toc .cover img,
.issue-toc .issue_cover img,
.issue-toc .cover_image img,
.issue-summary .cover img,
.issue-summary .issue_cover img,
.obj_issue_toc .cover img,
.obj_issue_toc .issue_cover img {
  display: block !important;
  max-width: 250px !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  object-fit: contain !important;
}

/* Contenedores de portada: no cortar ni ocultar */
.current_issue .cover,
.page_issue .cover,
.issue-summary .cover,
.obj_issue_toc .cover,
.issue-toc .cover,
.issue_cover,
.cover_image {
  display: block !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* IMPORTANTE:
   No se agregan reglas para .navbar-brand, .navbar-header
   ni .navbar-brand img, para no mover ni redimensionar el logo.
*/

/* =========================================================
   CORRECCIÓN TÍTULOS LARGOS EN OTROS IDIOMAS
   ========================================================= */
.issue-toc .article-summary .media-body,
.issue-toc .media .media-body {
  display: block !important;
  width: 100% !important;
}

.issue-toc .article-summary .media-heading,
.issue-toc .media .media-heading {
  display: block !important;
  width: calc(100% - 120px) !important;
  padding-right: 10px !important;
  box-sizing: border-box !important;
}

.issue-toc .article-summary .btn-group,
.issue-toc .media .btn-group {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 110px !important;
}