/* =========================================================
   Custom: Layout & Typography overrides
   - Tách từ inline style để code gọn
   ========================================================= */

/* Shadow: theo yêu cầu */
.xq-wrap{
  box-shadow: 0px 0px 3px 5px #ddd;
}

/* Link trong nội dung: đồng bộ màu theo palette của site */
.xq-content a{
  color:var(--xq-link);
  text-decoration:none;
}
.xq-content a:hover{
  color:var(--xq-link-hover);
  text-decoration:underline;
}

/* Menu chữ to hơn (MENU + BÀI TẬP) */
.xq-menu a{
  font-size:16px;
}

/* Title box nhỏ ~14px */
.xq-box-title{
  font-size:14px;
}

/* =========================================================
   Breadcrumb (icon + links like demo)
   ========================================================= */
.xq-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}

.xq-breadcrumb .xq-bc-home{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  color:#111;
  text-decoration:none;
}

.xq-breadcrumb .xq-bc-link{
  color:var(--xq-link);
  text-decoration:none;
}
.xq-breadcrumb .xq-bc-link:hover{
  color:var(--xq-link-hover);
  text-decoration:underline;
}

.xq-breadcrumb .xq-bc-sep{ color:#777; }
.xq-breadcrumb .xq-bc-current{ color:#333; font-weight:600; }