/* Workshop chapter image alignment fix
   Keeps the original chapter-wise images, centers the artwork,
   and crops extra blank space from the bottom. */

.workshop-chapter-image {
  aspect-ratio: 3 / 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #efe2cf !important;
  overflow: hidden !important;
}

.workshop-chapter-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}

@media (max-width: 900px) {
  .workshop-chapter-image {
    aspect-ratio: 16 / 10 !important;
  }
}


/* Visible chapter click buttons */
.workshop-chapter-card {
  text-decoration: none;
  cursor: pointer;
}

.workshop-view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 18px 0 0;
  padding: 10px 20px;
  border-radius: 999px;
  background: #243047;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.02em;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.workshop-chapter-card:hover .workshop-view-btn {
  transform: translateY(-2px);
  opacity: 0.9;
}

/* FINAL VERIFIED: three visible clickable buttons */
.workshop-chapter-card { text-decoration: none !important; cursor: pointer !important; }
.workshop-view-btn { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:fit-content !important; max-width:100% !important; min-width:150px !important; margin-top:18px !important; padding:12px 22px !important; border-radius:999px !important; background:#243047 !important; color:#fff !important; font-size:16px !important; line-height:1 !important; text-align:center !important; white-space:nowrap !important; box-sizing:border-box !important; pointer-events:auto !important; position:relative !important; z-index:999 !important; }
@media (max-width:768px){.workshop-view-btn{width:100% !important;min-width:0 !important;padding:12px 16px !important;font-size:15px !important;}}
@media (max-width:480px){.workshop-view-btn{width:100% !important;padding:11px 14px !important;font-size:14px !important;white-space:normal !important;}}