/* =========================================================
   Thumbs: CORE layout (card + thumbnail)
   ========================================================= */

.ex-card{
  display:flex;
  gap:16px;
  padding:14px 0;
  margin:0;
  border:0;
  background:transparent;
  box-shadow:none;
  border-bottom:1px dashed #bfa573; /* ---- giống demo */
}

.ex-card:last-child{border-bottom:0}

.ex-thumb{
  display:block;
  width:240px;
  flex:0 0 240px;
  text-decoration:none;
}

.xq-thumb-board{
  width:240px;
  height:270px;
  border:1px solid #999;
  background:#f3f0da;
  position:relative;
  overflow:hidden;
}

/* Không cho tương tác trên thumbnail, nhưng vẫn click được vào thẻ <a> */
.xq-thumb-board *{pointer-events:none !important}

.ex-info{flex:1;min-width:260px}

/* Tiêu đề: bỏ gạch chân */
.ex-title{margin:0 0 8px 0;font-size:16px}
.ex-title a{color:var(--xq-link);text-decoration:none}
.ex-title a:hover{text-decoration:none}

/* Tick xanh (đã giải thành công) */
.ex-done{
  display:inline-flex;
  width:18px;
  height:18px;
  align-items:center;
  justify-content:center;
  margin-left:6px;
  border-radius:50%;
  background:#22c55e;
  color:#fff;
  font-size:12px;
  line-height:18px;
  vertical-align:middle;
}

@media (max-width: 720px){
  .ex-card{flex-direction:column}
  .ex-thumb{width:100%;flex:auto}
  .xq-thumb-board{width:100%;height:320px}
}