/* Infochief CIO course detail – scoped additions only */
.course-detail-page{background:#f5f8fc}.course-detail-page .hero{margin-bottom:0}.course-detail-page .hero-copy h1{font-size:clamp(38px,4vw,58px)}
.course-shell{padding:34px 0 58px}.course-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:22px;align-items:start}.course-main{display:grid;gap:16px}.course-sidebar{display:grid;gap:14px;position:sticky;top:96px}.course-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 7px 24px rgba(29,75,122,.06);scroll-margin-top:100px}.course-panel h2{margin:0 0 14px;color:#153f70;font-size:24px;letter-spacing:-.4px}.course-panel h2 .n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#153f70;font-size:13px;margin-right:8px}.course-panel h3{color:#173f6b;margin:18px 0 8px;font-size:16px}.course-panel p{margin:0 0 12px;color:#445d78;font-size:14px}.course-panel ul,.course-panel ol{margin:8px 0 0;padding-left:21px;color:#445d78;font-size:13px}.course-panel li{margin:7px 0}.course-panel strong{color:#173f6b}.course-toc{padding:20px 24px}.course-toc h2{font-size:19px}.course-toc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px;border:1px dashed #f29a24;border-radius:12px;padding:14px}.course-toc-grid a{font-size:12px;font-weight:800;color:#174a82;padding:7px 8px;border-radius:8px}.course-toc-grid a:hover{background:#fff5df;color:#d26b00}.course-toc-grid span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f28a16;color:white;font-size:10px;margin-right:7px}.course-intro-grid{display:grid;grid-template-columns:1.4fr .7fr;gap:20px;align-items:start}.course-intro-grid img{width:100%;border-radius:13px;aspect-ratio:4/3;object-fit:cover}.course-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:12px;background:var(--blue-050);margin-top:18px}.course-facts div{padding:15px;border-right:1px solid var(--line)}.course-facts div:last-child{border:0}.course-facts strong{display:block;font-size:12px}.course-facts span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.objective-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.objective-grid li::marker{color:#1d77ca}.audience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.audience-card{background:#f8fbff;border:1px solid var(--line);border-radius:11px;padding:13px}.audience-card strong{display:block;font-size:13px}.audience-card span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.curriculum{display:grid;gap:9px}.curriculum details{border:1px solid var(--line);border-radius:11px;background:#fbfdff;overflow:hidden}.curriculum summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:900;color:#153f70;font-size:13px;background:#f1f6fb}.curriculum summary::-webkit-details-marker{display:none}.curriculum summary span{color:#ef7f11;margin-right:7px}.curriculum .module-body{padding:12px 18px 15px}.curriculum .module-body ul{columns:2;column-gap:30px}.method-tags{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.method-tags span{border-radius:999px;padding:9px 11px;text-align:center;background:#eaf3fc;color:#174d84;font-size:11px;font-weight:900}.method-tags span:nth-child(3n+2){background:#fff0d9;color:#a75b00}.method-tags span:nth-child(3n){background:#e8f7f1;color:#16715b}.method-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.method-gallery figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}.method-gallery img{aspect-ratio:4/3;width:100%;object-fit:cover}.method-gallery figcaption{padding:7px;font-size:12px;font-weight:800;color:#174a82;text-align:center}.schedule-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px}.schedule-table th{background:#174b82;color:white;padding:10px 8px;text-align:left}.schedule-table td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}.schedule-table .price{font-weight:900;color:#163f6b}.schedule-table .deal{color:#d46d00}.schedule-note-box{margin-top:14px;background:#fff7e8;border-left:4px solid var(--accent);padding:13px 15px;font-size:13px;color:#70552a}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.material-card{border:1px solid var(--line);border-radius:12px;padding:16px;background:#f8fbff}.material-card strong{display:block}.cert-row{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px;align-items:center;margin-top:16px}.cert-row img{width:100%;border:1px solid var(--line);border-radius:10px;background:white}.faculty-course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.faculty-course-grid article{border:1px solid var(--line);border-radius:12px;padding:15px;background:#f8fbff}.faculty-course-grid strong{display:block}.faculty-course-grid small{display:block;margin-top:5px;color:var(--muted)}.course-testimonials{display:grid;grid-template-columns:1fr 1fr;gap:12px}.course-testimonial{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff;display:flex;flex-direction:column;min-height:225px}.course-testimonial-person{display:flex;align-items:center;gap:12px;margin:0 0 15px}.course-testimonial-person img{width:62px;height:72px;flex:0 0 62px;border-radius:10px;object-fit:cover;object-position:center top;background:var(--blue-050);border:1px solid #dce7f3}.course-testimonial-person strong{display:block;color:#173e69;font-size:12px}.course-testimonial-person small{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:3px}.course-testimonial p{position:relative;margin:0;color:#445d78;font-style:italic;font-size:14px;line-height:1.7;padding-left:28px}.course-quote-mark{position:absolute;left:0;top:-8px;color:var(--accent-strong);font-size:38px;line-height:1;font-weight:900;font-style:normal}.customer-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.customer-gallery a{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white}.customer-gallery img{width:100%;aspect-ratio:3/2;object-fit:cover}.customer-gallery span{display:block;padding:9px;font-size:12px;font-weight:800;color:#173f6b}.course-ad{display:block;border-radius:15px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 8px 24px rgba(29,75,122,.08);transition:.2s}.course-ad:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.course-ad img{width:100%;height:auto}.sidebar-cta{padding:20px;border-radius:15px;background:linear-gradient(145deg,#194a7d,#31659f);color:white}.sidebar-cta h2{font-size:20px;margin:0 0 7px}.sidebar-cta p{font-size:11px;color:#ddecfb;margin:0 0 14px}.sidebar-cta .btn{width:100%}.course-bottom-cta{margin-top:18px}.course-source-note{font-size:10px;color:#7a8797;margin-top:12px}.course-detail-page .site-footer{margin-top:0}
@media(max-width:1020px){.course-toc-grid{grid-template-columns:1fr 1fr}.course-layout{grid-template-columns:1fr}.course-sidebar{position:static;grid-template-columns:1fr 1fr}.course-sidebar .sidebar-cta{grid-column:1/-1}.course-intro-grid{grid-template-columns:1fr}.course-main{min-width:0}.course-facts{grid-template-columns:1fr 1fr}.course-facts div:nth-child(2){border-right:0}.course-facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.course-shell{padding-top:24px}.course-sidebar{grid-template-columns:1fr}.course-sidebar .sidebar-cta{grid-column:auto}.objective-grid,.audience-grid,.material-grid,.cert-row,.faculty-course-grid,.course-testimonials{grid-template-columns:1fr}.curriculum .module-body ul{columns:1}.method-gallery{grid-template-columns:1fr 1fr}.method-tags{grid-template-columns:1fr 1fr}.customer-gallery{grid-template-columns:1fr 1fr}.course-panel{padding:19px}.course-panel h2{font-size:21px}.course-toc-grid{grid-template-columns:1fr}.schedule-table{display:block;overflow-x:auto;white-space:nowrap}}
@media(max-width:520px){.course-facts,.method-gallery,.method-tags,.customer-gallery{grid-template-columns:1fr}.course-panel{padding:16px}.course-toc{padding:16px}.course-detail-page .hero-copy h1{font-size:34px}}

/* =========================================================
   CIO course sidebar – professional partners + premium cards
   ========================================================= */
.course-sidebar{position:static;gap:18px}
.expert-partners{background:#fff;border:1px solid #cfdceb;border-radius:12px;padding:6px;box-shadow:0 8px 24px rgba(29,75,122,.07);overflow:hidden}
.expert-partners h2{margin:0;background:linear-gradient(90deg,#f47a12,#ff6508);color:#fff;border-radius:8px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;line-height:1.15;letter-spacing:.02em;text-align:center}
.partner-head-icon{width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%}.partner-head-icon svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.expert-partner-list{list-style:none;margin:7px 0 5px;padding:0 10px 4px}.expert-partner-list li{position:relative;margin:0;padding:0 0 0 13px;border-bottom:1px solid #eef2f6}.expert-partner-list li:last-child{border-bottom:0}.expert-partner-list li::before{content:'•';position:absolute;left:0;top:9px;color:#ff6508;font-size:11px;line-height:1}.expert-partner-list a{position:relative;display:block;padding:7px 20px 7px 0;color:#f05f00;font-size:11px;font-weight:800;line-height:1.35;transition:.18s}.expert-partner-list a::after{content:'↗';position:absolute;right:0;top:7px;color:#9daabc;font-size:10px;opacity:0;transform:translate(-3px,2px);transition:.18s}.expert-partner-list a:hover,.expert-partner-list a:focus-visible{color:#174b82}.expert-partner-list a:hover::after,.expert-partner-list a:focus-visible::after{opacity:1;transform:translate(0,0)}
.sidebar-resource-grid{display:grid;gap:18px}
.premium-resource-card{position:relative;display:block;aspect-ratio:1/1;border-radius:18px;overflow:hidden;border:1px solid rgba(20,61,105,.13);background:#113f72;box-shadow:0 13px 32px rgba(22,62,106,.12);isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.premium-resource-card::after{content:'';position:absolute;inset:0;z-index:2;border:1px solid rgba(255,255,255,.24);border-radius:inherit;pointer-events:none}
.premium-resource-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .3s ease}
.premium-resource-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,39,73,.04) 24%,rgba(8,39,73,.42) 55%,rgba(7,34,65,.97) 100%)}
.premium-resource-content{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:22px 22px 20px;color:#fff;display:flex;flex-direction:column;align-items:flex-start}
.premium-resource-content small{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.92);color:#174b82;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.11em;line-height:1;text-transform:uppercase;margin-bottom:8px;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.premium-resource-content strong{display:block;color:#fff;font-size:23px;line-height:1.1;letter-spacing:-.45px;text-shadow:0 2px 10px rgba(0,0,0,.18)}
.premium-resource-content em{display:block;max-width:94%;margin-top:7px;color:#e8f2fb;font-size:10.5px;line-height:1.48;font-style:normal}
.premium-resource-content b{display:inline-flex;align-items:center;gap:6px;margin-top:13px;color:#fff;background:rgba(247,179,43,.96);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:7px 10px;font-size:9px;line-height:1;font-weight:900;box-shadow:0 5px 16px rgba(0,0,0,.15)}
.premium-resource-content b span{font-size:12px;transition:transform .2s}.premium-resource-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(22,62,106,.19);border-color:#aec9e5}.premium-resource-card:hover>img{transform:scale(1.045);filter:saturate(1.05)}.premium-resource-card:hover .premium-resource-content b span{transform:translateX(3px)}
.course-sidebar .sidebar-cta{box-shadow:0 13px 30px rgba(25,73,125,.15)}
@media(max-width:1020px){.course-sidebar{grid-template-columns:1fr 1fr}.expert-partners,.sidebar-resource-grid,.course-sidebar .sidebar-cta{grid-column:1/-1}.sidebar-resource-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.course-sidebar,.sidebar-resource-grid{grid-template-columns:1fr}.expert-partners,.sidebar-resource-grid,.course-sidebar .sidebar-cta{grid-column:auto}.premium-resource-content{padding:20px}.premium-resource-content strong{font-size:22px}}

/* ===== Premium full-width CIO hero 1920x800 ===== */
.course-hero{
  position:relative;
  isolation:isolate;
  width:100%;
  height:clamp(390px,27.8vw,535px);
  min-height:390px;
  max-height:535px;
  padding:0;
  overflow:hidden;
  background:#092d56;
  color:#fff;
}
.course-hero::before{display:none}
.course-hero .hero-grid-overlay{display:none}
.course-hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 15%;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.course-hero-shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(5,37,73,.42) 0%,
      rgba(5,37,73,.22) 30%,
      rgba(5,37,73,.07) 48%,
      rgba(5,37,73,0) 66%),
    linear-gradient(180deg,rgba(3,28,56,.08),rgba(3,28,56,.12));
}
.course-hero-content{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  align-items:center;
}
.course-hero-copy{
  width:min(610px,50%);
  padding:24px 0 22px;
}
.course-hero-copy h1{
  margin:0 0 14px;
  max-width:680px;
  color:#fff;
  font-size:clamp(50px,3.4vw,68px);
  line-height:1.56;
  font-weight:900;
  text-wrap:balance;
  text-shadow:0 2px 18px rgba(0,20,47,.22);
}
.course-hero-copy h1::after{
  content:"";
  display:block;
  width:76px;
  height:3px;
  margin-top:15px;
  border-radius:999px;
  background:var(--accent);
  box-shadow:0 6px 18px rgba(247,179,43,.28);
}
.course-hero .hero-lead{
  max-width:590px;
  margin:0;
  color:#f1f7fd;
  font-size:clamp(14px,.95vw,16px);
  line-height:1.62;
  font-weight:500;
  text-shadow:0 2px 14px rgba(0,24,52,.22);
}

@media (max-width:1220px){
  .course-hero-copy{width:min(590px,56%)}
  .course-hero-copy h1{font-size:clamp(41px,4.6vw,58px)}
}
@media (max-width:1020px){
  .course-hero{
    height:430px;
    min-height:430px;
    max-height:none;
  }
  .course-hero-bg{object-position:61% 25%}
  .course-hero-shade{
    background:
      linear-gradient(90deg,
        rgba(5,37,73,.80) 0%,
        rgba(5,37,73,.62) 43%,
        rgba(5,37,73,.25) 68%,
        rgba(5,37,73,.08) 100%);
  }
  .course-hero-copy{width:min(610px,68%);padding:28px 0}
}
@media (max-width:760px){
  .course-hero{
    height:410px;
    min-height:410px;
  }
  .course-hero-bg{object-position:67% 30%}
  .course-hero-shade{
    background:
      linear-gradient(90deg,
        rgba(6,42,79,.94) 0%,
        rgba(6,42,79,.86) 52%,
        rgba(6,42,79,.50) 78%,
        rgba(6,42,79,.22) 100%);
  }
  .course-hero-copy{width:78%;padding:26px 0}
  .course-hero-copy h1{
    font-size:clamp(36px,7.2vw,48px);
    letter-spacing:-1.5px;
    margin-bottom:16px;
  }
  .course-hero-copy h1::after{width:60px;height:3px;margin-top:16px}
  .course-hero .hero-lead{font-size:14px;line-height:1.65}
}
@media (max-width:520px){
  .course-hero{
    height:390px;
    min-height:390px;
  }
  .course-hero-bg{object-position:70% 32%}
  .course-hero-shade{
    background:linear-gradient(90deg,
      rgba(6,42,79,.97) 0%,
      rgba(6,42,79,.92) 58%,
      rgba(6,42,79,.62) 82%,
      rgba(6,42,79,.38) 100%);
  }
  .course-hero-copy{width:88%}
  .course-hero-copy h1{font-size:35px;line-height:1.08}
  .course-hero .hero-lead{font-size:13.5px}
}

/* ===== Course mega menu: viewport-wide 3-column layout ===== */
@media (min-width:1021px){
  .site-header .mega-menu{
    position:fixed;
    top:calc(var(--top-header-h, 0px) + var(--header-h) + 2px);
    left:50%;
    width:calc(100vw - 48px);
    max-width:none;
    padding:18px 20px 20px;
    transform:translate(-50%,-7px);
    border-radius:18px;
  }
  .site-header .nav-item.is-open>.mega-menu,
  .site-header .nav-item:hover>.mega-menu,
  .site-header .nav-item:focus-within>.mega-menu{
    transform:translate(-50%,0);
  }
  .site-header .mega-grid.three-col{
    grid-template-columns:repeat(3,minmax(0,1fr));
    column-gap:18px;
    row-gap:5px;
  }
  .site-header .mega-grid.three-col>a{
    min-height:74px;
    padding:13px 15px;
    justify-content:center;
    border:1px solid transparent;
  }
  .site-header .mega-grid.three-col>a:hover{
    border-color:#dce7f3;
  }
  .site-header .mega-grid.three-col strong{
    font-size:14px;
    line-height:1.3;
  }
  .site-header .mega-grid.three-col small{
    font-size:11.5px;
    line-height:1.45;
    margin-top:4px;
  }
  .site-header .mega-head{
    padding:4px 4px 14px;
    margin-bottom:10px;
  }
  .site-header .mega-head span{
    font-size:16px;
  }
}
@media (max-width:1020px){
  .site-header .mega-grid.three-col{
    grid-template-columns:1fr;
  }
}

/* ===== CHUYÊN ĐỀ IT mega menu: 3 columns / 20 topics ===== */
@media (min-width:1021px){
  .site-header .special-topics-mega{
    max-height:calc(100vh - var(--top-header-h, 0px) - var(--header-h) - 24px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
  .site-header .special-topics-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    column-gap:16px;
    row-gap:3px;
  }
  .site-header .special-topics-grid>a{
    min-height:62px;
    padding:10px 14px;
  }
  .site-header .special-topics-grid strong{
    font-size:13px;
    line-height:1.28;
  }
  .site-header .special-topics-grid small{
    font-size:10.5px;
    line-height:1.38;
    margin-top:3px;
  }
}
@media (max-width:1020px){
  .site-header .special-topics-grid{
    grid-template-columns:1fr;
  }
}



/* =========================================================
   COURSE DETAIL RESPONSIVE OVERFLOW FIX — 2026-08
   Tablet layouts can still overflow before the old 760px rule
   because wide tables and grid children retain intrinsic width.
   ========================================================= */
@media (max-width:1020px){
  .course-layout,
  .course-main,
  .course-sidebar,
  .course-panel,
  .course-toc-grid,
  .course-facts,
  .objective-grid,
  .audience-grid,
  .material-grid,
  .cert-row,
  .faculty-course-grid,
  .course-testimonials,
  .method-gallery,
  .method-tags,
  .customer-gallery{
    min-width:0;
  }

  .schedule-table{
    display:block;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
  }

  .course-panel img,
  .course-panel video,
  .course-panel iframe{
    max-width:100%;
  }
}

@media (max-width:520px){
  .course-hero-content,
  .course-hero-copy{
    min-width:0;
    max-width:100%;
  }

  .course-hero-copy{
    width:100%;
  }

  .course-hero-copy h1{
    max-width:100%;
    font-size:clamp(30px,8.5vw,35px);
    line-height:1.12;
    text-wrap:wrap;
    overflow-wrap:break-word;
  }

  .course-hero .hero-lead{
    max-width:100%;
  }
}