/* === AIHub News page (scoped) === */
.aixh-news{ --navy:#00264d; --cyan:#00c6ff; --ink:#0e2a3f; --muted:#5e768e; }

.aixh-badges{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px; }
.aixh-badges .pill{
  display:inline-block; padding:6px 12px; font-size:12px; line-height:1;
  color:#0a3a56; background:#e7f7ff; border-radius:999px; border:1px solid #d2f2ff;
}
.aixh-badges .pill-blue{ color:#fff; background:linear-gradient(135deg,#0092d3,#00c6ff); border:0; }

/* ===== Featured ===== */
.aixh-fpost{
  display:grid; grid-template-columns:1.05fr 1fr; gap:22px;
  border:1px solid #e8eef6; border-radius:18px; margin:6px 0 26px;
  background:#fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .18);
}
.aixh-fpost .f-media img{
  width:100%; height:100%; object-fit:cover; border-radius: 14px 0 0 14px;
  display:block; box-shadow:0 8px 18px rgba(0,0,0,.08);
}
.aixh-fpost .f-body{ display:flex; flex-direction:column; justify-content: center; padding: 30px; }
.aixh-fpost .f-title{ font-size:24px; line-height:1.25; margin:6px 0 16px; color:var(--ink); }
.aixh-fpost .f-title a{ color:inherit; text-decoration:none; }
.aixh-fpost .f-excerpt{ color:#3b566f; margin:0 0 14px; }
.aixh-fpost .f-meta{ margin-top:20px; display:flex; gap:14px; align-items:center; justify-content:flex-start; }
.aixh-fpost .readtime{ color:#197aa1; display:inline-flex; align-items:center; gap:6px; font-weight:500; font-size: .8em; }
.aixh-fpost .readtime svg{ width:16px; height:16px; }
.aixh-fpost .f-more{ margin-left:auto; }

/* ===== Sections ===== */
.aixh-sec{ margin:26px 0; }
.aixh-sec .sec-head{ display:flex; align-items:center; gap:10px; margin:8px 0 14px; }
.aixh-sec .sec-head .ic{
  width:32px; height:32px;
  background:linear-gradient(135deg,#0092d3,#00c6ff);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23000' d='M4 6h12a2 2 0 0 1 2 2v8H6a2 2 0 0 1-2-2V6Zm14 2h2v10a2 2 0 0 1-2 2H6v-2h12V8Z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23000' d='M4 6h12a2 2 0 0 1 2 2v8H6a2 2 0 0 1-2-2V6Zm14 2h2v10a2 2 0 0 1-2 2H6v-2h12V8Z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.aixh-sec .sec-head h3{ font-size:26px; color:var(--navy); margin:0; }

.aixh-sec .sec-grid{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px;
}
.aixh-card{
  border:1px solid #e8eef6; border-radius:16px; background:#fff;
  box-shadow: 0 10px 15px rgba(0, 0, 0, .18); overflow:hidden;
  display:flex; flex-direction:column;
}
.aixh-card .c-media img{ width:100%; height:180px; object-fit:cover; display:block; }
.aixh-card .c-body{ padding:14px 14px 12px; display:flex; flex-direction:column; gap:8px; }
.aixh-card .c-title{ font-size:16.5px; line-height:1.35; margin:0; color:var(--ink); }
.aixh-card .c-title a{ color:inherit; text-decoration:none; }
.aixh-card .c-excerpt{ color:#45637d; margin:0; font-size:13.5px; }
.aixh-card .c-meta{ display:flex; align-items:center; gap:12px; margin-top:4px; }
.aixh-card .readtime{ color:#197aa1; display:inline-flex; align-items:center; gap:6px; font-size: .8em; }
.aixh-card .readtime svg{ width:15px; height:15px; }
.aixh-card .c-more{ margin-left:auto; color:#0aa9df; font-weight:500; text-decoration:none; font-size: .85em; }
.aixh-card .c-more:hover{ text-decoration:underline; }

/* === Featured Read More — scoped only inside [aixh_news] === */
.aixh-news .aixh-fpost .f-more{
  display:inline-flex; align-items:center; justify-content:center;
  gap:8px;

  height:35px; padding:0 15px;
  border:0 !important;
  border-radius:9px !important;

  background-image:linear-gradient(135deg,#00264d 0%, #00c6ff 100%) !important;
  color:#fff !important;
  text-transform:none !important;
  font-weight:500; font-size:.85em; letter-spacing: normal;

  box-shadow:0 8px 18px rgba(0,38,77,.18);
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
  position:relative;
}

/* tắt hiệu ứng gloss/bevel/shade của Flatsome chỉ cho nút này */
.aixh-news .aixh-fpost .f-more::before,
.aixh-news .aixh-fpost .f-more::after{ content:none !important; display:none !important; }

/* hover/active */
.aixh-news .aixh-fpost .f-more:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(0,38,77,.22);
  filter:brightness(1.02);
}
.aixh-news .aixh-fpost .f-more:active{
  transform:translateY(0);
  box-shadow:0 6px 14px rgba(0,38,77,.16);
}

/* thêm mũi tên gọn cho đồng bộ UI */
.aixh-news .aixh-fpost .f-more > span{
  display:inline-flex; align-items:center;
}
.aixh-news .aixh-fpost .f-more > span::after{
  content:"→"; margin-left:8px; font-weight:700;
}


/* === Community Shares (scoped inside .aixh-news) === */
.aixh-news .aixh-comm{ margin:28px 0 8px; }
.aixh-news .aixh-comm .comm-head{
  display:flex; align-items:center; gap:10px; margin-bottom:14px;
}
.aixh-news .aixh-comm .comm-head .ic{
  width:20px; height:20px; border-radius:4px;
  background:linear-gradient(135deg,#0092d3,#00c6ff);
  -webkit-mask-image:url('https://www.svgrepo.com/svg/533624/users');
          mask-image:url('https://www.svgrepo.com/svg/533624/users');
  -webkit-mask-repeat:no-repeat;        mask-repeat:no-repeat;
  -webkit-mask-position:center;         mask-position:center;
  -webkit-mask-size:contain;            mask-size:contain;
}

.aixh-news .aixh-comm .comm-head h3{
  margin:0; font-size:26px; color:#00264d;
}

.aixh-news .aixh-comm .comm-grid{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px;
}
.aixh-news .aixh-comm .comm-card{
  background:#fff; border:1px solid #e8eef6; border-radius:16px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, .18);
  padding:18px 20px; display:flex; flex-direction:column; gap:8px;
}
.aixh-news .aixh-comm .comm-top{ display:flex; align-items:center; gap:12px; }
.aixh-news .aixh-comm .comm-avatar{
    width: 49px;
    height: 49px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
    background-image: linear-gradient(135deg, #00264d 0%, #00c6ff 100%) !important;
}
.aixh-news .aixh-comm .comm-name{ font-weight:500; color:#0e2a3f; }
.aixh-news .aixh-comm .comm-role{ font-size:13px; color:#6b87a0; }

.aixh-news .aixh-comm .comm-text p{ margin:0 0 8px; color:#697e93; font-size: .88em; }
.aixh-news .aixh-comm .comm-date{ font-size:13px; color:#7d98b2; }

/* Community Shares — users/group icon via data-URI mask */
.aixh-news .aixh-comm .comm-head .ic{
  width:32px; height32px; 
  background:linear-gradient(135deg,#00c6ff,#0092d3);

  /* dùng mask kiểu như mày demo, nhưng là SVG users */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V20h14v-3.5C15 14.17 10.33 13 8 13zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V20h6v-3.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V20h14v-3.5C15 14.17 10.33 13 8 13zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V20h6v-3.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E") no-repeat center/contain;
}

/* Responsive */
@media (max-width: 980px){
  .aixh-fpost{ grid-template-columns:1fr; }
  .aixh-card .c-media img{ height:200px; }
  .aixh-sec .sec-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .aixh-fpost .f-title { font-size: 21px; }
  .aixh-fpost .f-media img { border-radius: 14px; }
  .aixh-fpost .f-body { padding: 0px; }
  .aixh-news .aixh-comm .comm-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px){
  .aixh-sec .sec-grid{ grid-template-columns:1fr; }
  .aixh-news .aixh-comm .comm-grid{ grid-template-columns:1fr; }
}