.buttonGoToCourse {
    background-color: #a435f0;
    border: none;
    border-radius: 30px;
    color: #FFFFFF;
    padding: 15px 32px;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    margin: 16px 0 !important;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
  }
  
 .Simple-tooltip {  
   position: relative;
   display:inline-block;
 }
 .Simple-tooltip .tt-content {
   visibility: hidden;
   border:2px solid #A435F0;
   padding: 5px;
   position: absolute; /* IMPORTANT - absolute position relative to parent */
   left: 282px; /*tooltip(with arrow) will move 102px in x-axis towards right */
   width:100%; /*controls the width of the tooltip */
   top:20px; /*tooltip(with arrow) will move 7px in y-axis in upward side */       
 }
 
 .tt-content::before {
  /*Below codes helps to create an arrow size */
  content: " "; /* empty space before the tooltip */
  position: absolute; /* IMPORTANT - absolute position relative to parent */
  right: 100%; /* right edge is positioned at 100% to left
                  of the right edge of its nearest positioned ancestor.
                   Just change this value and see how arrow changes.*/
  border-width: 15px; 
               /* This controls the arrow size */
  border-style: solid; 
              /* change this to ridge, dotted etc to see how arrow looks */
  border-color: transparent #A435F0 transparent transparent; 
               /*right border is green while others are transparent. */	  
  /* border-color: red green blue yellow; */
               /* just uncomment the above border-color and see how the generated
			      content looks like */
 }
 
 .Simple-tooltip:hover .tt-content {
    visibility: visible;
 }
  
  #udemypostercoursetable {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse!important;
    width: 100%!important;
  }
  
  #udemypostercoursetable td, #udemypostercoursetable th {
    border: 1px solid #ddd!important;
    padding: 8px!important;
  }
  
  #udemypostercoursetable tr:nth-child(even){background-color: #f2f2f2!important;}
  
  #udemypostercoursetable tr:hover {background-color: #ddd!important;}
  
  #udemypostercoursetable th {
    padding-top: 12px!important;
    padding-bottom: 12px!important;
    text-align: left!important;
    background-color: #696969!important;
    color: white!important;
  }
  


/* ===== Course Review Summary (AI) ===== */
.ctx-udemy-review-summary{
  background:#fff;
  border:1px solid #e5e7eb;           /* light border */
  border-radius:16px;
  padding:20px;
  margin:24px 0;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}

.ctx-udemy-review-summary .ctx-title{
  font-size:1.25rem;                  /* 20px */
  line-height:1.6;
  font-weight:700;
  margin:0 0 12px 0;
  color:#111827;                      /* near-black */
}

.ctx-udemy-review-summary .ctx-subtitle{
  font-size:.85rem;
  color:#6b7280;                      /* gray-500 */
  margin:-6px 0 12px 0;
}

.ctx-udemy-review-summary .ctx-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

@media (min-width:768px){
  .ctx-udemy-review-summary .ctx-grid{
    grid-template-columns:2fr 2fr 1fr;  /* Pros | Cons | Right column */
  }
}

.ctx-udemy-review-summary h3{
  font-size:1rem;
  margin:0 0 8px 0;
  font-weight:600;
  color:#111827;
}

.ctx-udemy-review-summary ul{
  margin:0;
  padding-left:18px;
}

.ctx-udemy-review-summary p{
  margin:0;
}

.ctx-udemy-review-summary .ctx-badge{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  background:#eef2ff;                 /* indigo-50 */
  border:1px solid #e0e7ff;           /* indigo-100 */
  font-size:.85rem;
  font-weight:600;
}

/* Small spacing tweak so the summary and the table breathe nicely */
#udemypostercoursetable + hr{
  margin-top: 16px !important;
}

/* Tooltip fix so it doesn’t overlap the summary weirdly on mobile */
.Simple-tooltip .tt-content{
  z-index: 5;
}
  
  
/* ========= Enhanced Review Summary styles (append at end) ========= */
.ctx-udemy-review-summary{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:22px;
  margin:22px 0;
  box-shadow:0 8px 24px rgba(17,24,39,.06);
}

/* header (sparkle icon + title + subtitle) */
.ctx-udemy-review-summary .ctx-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:14px;
}
.ctx-udemy-review-summary .ctx-head-icon{
  display:inline-grid; place-items:center;
  width:36px; height:36px;
  border-radius:999px;
  background:linear-gradient(135deg,#eef2ff,#f5f3ff);
  border:1px solid #e0e7ff;
}
.ctx-udemy-review-summary .ctx-title{
  margin:0; font-size:1.15rem; font-weight:800; color:#111827;
}
.ctx-udemy-review-summary .ctx-subtitle{
  margin:0; font-size:.85rem; color:#6b7280;
}

/* layout */
.ctx-udemy-review-summary .ctx-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
@media (min-width:768px){
  .ctx-udemy-review-summary .ctx-grid{ grid-template-columns:2fr 2fr 1.3fr; }
}

/* cards */
.ctx-udemy-review-summary .ctx-card{
  background:#fff;
  border:1px solid #f3f4f6;
  border-radius:12px;
  padding:14px 16px;
}
.ctx-udemy-review-summary .ctx-meta{ display:grid; gap:14px; }
.ctx-udemy-review-summary .ctx-meta-block{
  background:#fff;
  border:1px dashed #e5e7eb;
  border-radius:12px;
  padding:12px 14px;
}

/* headings + lists */
.ctx-udemy-review-summary h3{
  font-size:1rem; margin:0 0 8px 0; font-weight:600; color:#111827;
}
.ctx-udemy-review-summary .ctx-list{ margin:0; padding-left:18px; }
.ctx-udemy-review-summary p{ margin:0; }

/* icons */
.ctx-udemy-review-summary .ctx-icon{
  vertical-align:middle;
  display:inline-grid; place-items:center;
  margin-right:8px;
}
.ctx-udemy-review-summary .ctx-icon svg{ fill:#16a34a; }     /* green check */
.ctx-udemy-review-summary .ctx-icon.warn svg{ fill:#ef4444; } /* red x */

/* difficulty pill */
.ctx-udemy-review-summary .ctx-badge{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background:#eef2ff;
  border:1px solid #e0e7ff;
  font-size:.85rem;
  font-weight:700;
  color:#3730a3;
}

/* subtle text */
.ctx-udemy-review-summary .ctx-muted{ color:#374151; }

/* spacing harmony with the table/reminder */
#udemypostercoursetable + hr{ margin-top:14px !important; }
.ctx-udemy-review-summary + p mark{ background:#fffbe6; }

/* tooltip z-fix above the card on mobile */
.Simple-tooltip .tt-content{ z-index:5; }