.block__title {
    font-size: 22px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 10px;
    cursor: pointer;
}

/* Warna link pakai warna tema */
.block__title a {
    color: rgb(89, 50, 60); /* warna utama tema */
    text-decoration: none;
    transition: all .2s ease;
}

/* Hover lebih gelap + underline */
.block__title a:hover {
    color: rgb(41, 16, 16); /* warna tema lebih gelap */
    text-decoration: underline;
}

.more-btn-wrapper {
    text-align: right;
    margin-top: 15px;
}

.more-btn {
    display: inline-block ;
    padding: 8px 14px ;
    font-size: 14px ;
    color: #fff ;
    text-decoration: none ;
    border-radius: 8px ;

    /* Gradient tema */
    background: linear-gradient(
        90deg,
        rgb(89, 50, 60),
        rgb(41, 16, 16)
    ) ;

    border: 1px solid rgba(41,16,16,0.25) ;
    box-shadow: 0 6px 16px rgba(41,16,16,0.25);
    transition: all 0.2s ease ;
}

/* Hover style */
.more-btn:hover {
    opacity: 0.92 ;
    transform: translateY(-2px) ;
}

.layout--twocol-section {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px; /* kompensasi margin anak */
  align-items: flex-start;
}

.layout--twocol-section > * {
  box-sizing: border-box;
  padding: 0 12px;         /* jarak kiri-kanan */
  margin-bottom: 24px;     /* jarak antar baris */
  margin-top: 24px;        /* jarak atas */
  flex: 0 0 50%;           /* dua kolom */
}

@media (max-width: 768px) {
  .layout--twocol-section {
    margin: 0;
  }
  .layout--twocol-section > * {
    flex: 0 0 100%;
    padding: 0;
    margin-top: 16px;      /* lebih kecil di mobile */
  }
}