.elementor-115094 .elementor-element.elementor-element-d5f4919{--display:flex;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-115094 .elementor-element.elementor-element-7609af2.elementor-element{--align-self:center;}.elementor-115094 .elementor-element.elementor-element-8924b8b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-115094 .elementor-element.elementor-element-96c86ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-115094 .elementor-element.elementor-element-13dabbd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-115094 .elementor-element.elementor-element-c3d7875{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-115094 .elementor-element.elementor-element-20c6038{--display:flex;}.elementor-115094 .elementor-element.elementor-element-88979c3{padding:0px 0px 0px 20px;border-style:solid;border-width:0px 0px 0px 10px;border-color:#1FBC59;text-align:left;}@media(min-width:768px){.elementor-115094 .elementor-element.elementor-element-96c86ca{--width:100%;}.elementor-115094 .elementor-element.elementor-element-13dabbd{--width:66.6666%;}}@media(max-width:767px){.elementor-115094 .elementor-element.elementor-element-7609af2{padding:5px 5px 5px 5px;}}/* Start custom CSS for html, class: .elementor-element-c3d7875 */<!-- ====== DANH MỤC MÔN (HOÀN CHỈNH) ====== -->
<style>
  :root{
    --toc-brand:#2563eb;
    --toc-ink:#0f172a;
    --toc-muted:#64748b;
    --toc-soft:#f6f8ff;
    --toc-line:rgba(37,99,235,.18);
    --toc-line-strong:rgba(37,99,235,.32);
  }

  /* BOX NGOÀI: không padding */
  #toc26Box{
      height: 780px;
    min-width:320px;
    background:#fff;
    border:2px solid var(--toc-brand);
    border-radius:16px;
    box-shadow:0 10px 30px rgba(2,6,23,.06);

    display:flex;
    flex-direction:column;
    overflow:hidden;        /* khóa chiều cao, list sẽ scroll */
    box-sizing:border-box;
  }

  /* HEADER: tạo khoảng bằng margin (không padding) */
  #toc26Box .toc26__head{
    height:56px;
    display:flex;
    align-items:center;
    gap:10px;

    margin:12px 12px 8px;
    border-radius:12px;
    background:linear-gradient(180deg, rgba(37,99,235,.08), rgba(37,99,235,.03));
    border:1px solid var(--toc-line);
    box-sizing:border-box;
  }

  #toc26Box .toc26__headIcon{
    width:34px;height:34px;
    display:grid;place-items:center;
    border-radius:12px;
    background:var(--toc-soft);
    border:1px solid var(--toc-line);
    color:var(--toc-brand);
    margin-left:12px;       /* “đệm” bằng margin */
    flex:0 0 auto;
  }

  #toc26Box .toc26__title{
    font-weight:950;
    color:var(--toc-ink);
    font-size:15px;
    line-height:1.1;
  }
  #toc26Box .toc26__sub{
    font-size:12px;
    font-weight:700;
    color:var(--toc-muted);
    margin-top:2px;
    margin-right:12px;
  }

  /* NAV: chiếm phần còn lại và cuộn */
  #toc26Box .toc26__nav{
    margin:0 12px 12px;
    display:flex;
    flex-direction:column;
    gap:10px;

    flex:1 1 auto;
    min-height:0;           /* quan trọng để overflow hoạt động trong flex */
    overflow:auto;
    overscroll-behavior: contain;
  }

  #toc26Box .toc26__nav::-webkit-scrollbar{ width:8px; }
  #toc26Box .toc26__nav::-webkit-scrollbar-thumb{
    background:rgba(37,99,235,.18);
    border-radius:20px;
  }

  #toc26Box .toc26__group{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

  #toc26Box .toc26__gtitle{
    font-size:11.5px;
    letter-spacing:.08em;
    font-weight:900;
    color:var(--toc-muted);
    margin:4px 6px 0;       /* không padding */
  }

  /* ITEM: không padding, dùng height + margin */
  #toc26Box .toc26__item{
    height:46px;
    display:flex;
    align-items:center;
    gap:10px;

    border-radius:14px;
    background:linear-gradient(180deg, #fff, rgba(37,99,235,.03));
    border:1.5px solid var(--toc-line);
    text-decoration:none;
    color:var(--toc-ink);

    box-sizing:border-box;
    transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease;
  }

  #toc26Box .toc26__item:hover{
    transform:translateY(-1px);
    border-color:var(--toc-line-strong);
    box-shadow:0 10px 18px rgba(15,23,42,.06);
  }
  #toc26Box .toc26__item.is-active{
    border-color:rgba(37,99,235,.55);
    box-shadow:0 12px 24px rgba(37,99,235,.12);
  }

  #toc26Box .toc26__ico{
    width:30px;height:30px;
    display:grid;place-items:center;
    border-radius:12px;
    background:var(--toc-soft);
    border:1px solid var(--toc-line);
    margin-left:12px;
    flex:0 0 auto;
  }

  #toc26Box .toc26__name{
    font-weight:950;
    font-size:14px;
    line-height:1.1;
    margin-right:12px;
  }

  /* Mobile: không sync chiều cao, cho hiển thị tự nhiên */
  @media (max-width: 980px){
    #toc26Box{
      width:100%;
      min-width:0;
      height:auto !important;
    }
    #toc26Box .toc26__nav{ overflow:visible; }
  }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1763826 */:root{
  --brand:#2563eb;
  --ink:#0f172a;
  --muted:#64748b;
  --line:#dbeafe;
  --soft:#eff6ff;
  --r:12px;
}

.ssec{ padding: 10px 0 14px; background: transparent; }
.ssec__wrap{ width:min(1120px,92vw); margin:0 auto; }

.ssec__head{ display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.ssec__pin{ font-size:16px; }
.ssec__title{ margin:0; font-size:14px; font-weight:800; color:var(--ink); white-space:nowrap; }
.ssec__line{ height:1px; background:#e5e7eb; flex:1; opacity:.9; }

.slist{ display:flex; flex-direction:column; gap:10px; }

/* Row = gọn như ảnh nhưng đẹp hơn */
.srow{
  display:grid;
  grid-template-columns: auto 1fr auto;
  align-items:center;
  gap: 12px;
  padding: 10px 14px;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: var(--r);
  background:#fff;
  text-decoration:none;
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
  position:relative;
  overflow:hidden;
}

.srow::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(700px 90px at 15% 0%, rgba(37,99,235,.12), transparent 60%);
  pointer-events:none;
}

.srow:hover{
  border-color: rgba(37,99,235,.55);
  box-shadow: 0 10px 20px rgba(15,23,42,.06);
  transform: translateY(-1px);
}

/* Tag Sở/Tỉnh */
.srow__tag{
  font-size:12px;
  font-weight:800;
  color:#1d4ed8;
  background: var(--soft);
  border: 1px solid var(--line);
  padding: 4px 10px;
  border-radius: 999px;
  white-space:nowrap;
}

/* Tên đề */
.srow__name{
  font-size:14px;
  font-weight:800;
  color:var(--ink);
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Meta phải */
.srow__meta{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  white-space:nowrap;
  color: var(--muted);
  font-size:13px;
  font-weight:800;
}

.pill{
  background:#fff;
  border:1px solid #e2e8f0;
  padding: 4px 10px;
  border-radius: 999px;
  color:#0f172a;
  line-height:1;
}

.dot{ opacity:.6; }
.arr{ color: var(--brand); font-size: 15px; font-weight: 900; }

/* Mobile: xuống dòng gọn gàng */
@media (max-width: 720px){
  .srow{
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "name name"
      "tag meta";
    row-gap: 8px;
  }
  .srow__tag{ grid-area: tag; justify-self:start; }
  .srow__name{ grid-area: name; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .srow__meta{ grid-area: meta; justify-self:end; }
  .arr{ display:none; }
}/* End custom CSS */