/* Reset CSS dengan prefix */
        .quotes_post_content {
			padding: 9px 10px 5px 10px;
			background: #333;
		}
		.quotes_body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: #333;
            background-color: #f5f5f5;
            padding: 20px;
            margin: 0;
        }
        
        /* Container utama - DEFAULT LAYOUT */
        .quotes_container {
            display: flex;
            max-width: 1200px;
            margin: 0 auto;
            gap: 20px;
        }
        
        /* Kolom kiri (60%) - DEFAULT */
        .quotes_main-content {
            flex: 0 0 60%;
            background-color: #fff;
            border-radius: 50px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            overflow: hidden;
        }
        
        /* Kolom kanan (40%) - DEFAULT */
        .quotes_sidebar {
            flex: 0 0 calc(40% - 20px);
            background-color: #25817a;;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            padding: 20px;
        }
        
        /* Breakpoint 768px */
        @media screen and (max-width: 768px) {
            .quotes_main-content {
                flex: 0 0 55%; /* Sedikit lebih kecil */
            }
            
            .quotes_sidebar {
                flex: 0 0 calc(45% - 20px); /* Sedikit lebih besar */
            }
        }
        
        /* Breakpoint 480px - Sidebar turun ke bawah */
        @media screen and (max-width: 480px) {
            .quotes_container {
                flex-direction: column;
            }
            
            .quotes_main-content,
            .quotes_sidebar {
                flex: 1 1 100%;
                width: 100%;
            }
        }
        
        /* Gaya lainnya tetap sama seperti sebelumnya */
        .quotes_header {
		background-color: #393e3f;
		color: #eee;
		padding: 20px;
		text-align: center;
        }
        
        .quotes_header h1 {
            margin-bottom: 10px;
        }
        
        .quotes_post {
			padding: 20px;
			border-bottom: 1px solid #25817a;
			background: #25817a;
        }
        
        .quotes_post:last-child {
            border-bottom: none;
        }
        
        .quotes_post h2 {
		color: #eee;
		margin-bottom: 10px;
        }
        
        .quotes_post p {
			margin-bottom: 15px;
        }
        
        .quotes_footer {
			background-color: #393e3f;
			color: white;
			padding: 15px;
			text-align: center;
			font-size: 0.9em;
        }
        
        .quotes_widget {
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eee;
        }
        
        .quotes_widget:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        
        .quotes_widget h3 {
			color: #eee;
			margin-bottom: 15px;
			padding-bottom: 10px;
			border-bottom: 2px solid #454b4c;
        }

.gnr-share-container {
  border: 1px solid #e0e0e0;
  margin-bottom: 10px;
  clear: both;
}

.gnr-share-header {
  background-color: #454b4c;
  padding: 8px;
  border-bottom: 1px solid #e0e0e0;
}

.gnr-share-row {
  display: flex;
  padding: 8px;
  border-bottom: 1px solid #454b4c;
  align-items: center; /* Vertically align items in the row */
}

.gnr-share-row:last-child {
  border-bottom: none;
}

.gnr-share-label {
  width: 120px; /* Lebar label yang tetap */
  flex-shrink: 0; /* Agar label tidak menyusut */
}

.gnr-share-content {
  flex-grow: 1; /* Agar konten mengisi sisa ruang */
}

.gnr-share-links {
  display: flex;
  gap: 10px;
  flex-wrap: wrap; /* Agar ikon berbagi pindah ke baris berikutnya jika tidak cukup ruang */
}

.gnr-share-links a {
  display: inline-block; /* Agar margin dan padding berfungsi */
}

.gnr-textbox {
  width: 100%; /* Membuat input field mengisi lebar container */
  padding: 6px;
  box-sizing: border-box; /* Memastikan padding dan border tidak menambah lebar total */
  background-color: aqua;	
}

/* Media query untuk layar yang lebih kecil */
@media (max-width: 600px) {
  .gnr-share-row {
    flex-direction: column; /* Mengubah tata letak menjadi kolom pada layar kecil */
    align-items: flex-start; /* Mengatur alignment item menjadi rata kiri */
  }

  .gnr-share-label {
    width: 100%; /* Membuat label mengambil seluruh lebar */
    margin-bottom: 5px;
  }

  .gnr-share-links {
    margin-top: 5px;
  }
}

.Gemini20_container-popup {
    position: relative; /* Penting agar popup bisa diposisikan relatif terhadap container */
    display: inline-block; /* Agar container hanya selebar kontennya */
    cursor: pointer; /* Memberikan indikasi bahwa ini bisa diinteraksikan */
  }

.Gemini20_popup {
  visibility: hidden;
  width: 150px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 15px;
  position: absolute;
  z-index: 1000;
  bottom: 110%; /* Posisikan di atas container */
  left: 50%; /* Posisikan horizontal di tengah */
  transform: translateX(-50%); /* Koreksi posisi horizontal */
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
  /* Tombol Tutup */
  .Gemini20_popup .Gemini20_close-button {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #ccc;
    cursor: pointer;
  }

  .Gemini20_popup .Gemini20_close-button:hover {
    color: white;
  }

.Gemini20_popup::after { /* Panah */
  content: "";
  position: absolute;
  bottom: -10px; /* Di bawah popup */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent; /* Menunjuk ke atas */
}

  .Gemini20_container-popup:hover .Gemini20_popup {
    visibility: visible; /* Tampilkan popup saat container dihover */
    opacity: 1; /* Set opasitas menjadi 1 saat dihover */
  }