
    /* -- Desktop: unchanged -- */
    .main-concord-section- {max-width:1728px;margin:0 auto;position:relative;padding:20px 10rem;box-sizing:border-box;}
    /* Block label */
    .wp-block-acf-program-concord::before {content:"🎓 Program Concord";position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.8);color:white;padding:8px 12px;font-size:11px;border-radius:4px;z-index:10;font-weight:500;max-width:280px;text-align:center;line-height:1.3;}
    .program-concord-block {background:var(--color-navy-deep); color:var(--color-white);border-radius:0px;padding:0;margin-bottom:0px;position:relative;}
    .program-concord-title {
      font-family: Outfit;
      font-weight: 400;
      font-size: 40px;
      line-height: 48px;
      margin-bottom:2.5em;
          color: #141A1E;
    }
    .program-concord-tabs {display:flex;gap:0px;margin-bottom:0em;margin-top:0.03125rem;position:absolute;top:-6.5rem;left:0;right:0;z-index:5;}
    @media (max-width:900px){
      .program-concord-tabs.program-concord-tabs-for-desk {position:relative;top:auto;left:auto;right:auto;}
      .program-concord-tabs.program-concord-tabs-for-desk {padding-bottom: 0;}
    }
    .program-concord-tab {    
      width: 238px;
      height: 80px;
      opacity: 1;
      gap: 10px;
      border: none;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      padding-top: 16px;
      padding-right: 24px;
      padding-bottom: 16px;
      padding-left: 24px;
      margin-left: 3px;
      margin-top: 0;
      background:var(--color-cornad-block-blue);
      color:var(--color-white);
      font-weight:bold;
      cursor:pointer;
      font-family: Outfit;
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      text-align:left;
    }
    .program-concord-tab.active, .program-concord-tab[aria-selected="true"] {
      width: 240px;
      height: 104px;
      opacity: 1;
      gap: 10px;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      padding-top: 32px;
      padding-right: 24px;
      padding-bottom: 32px;
      padding-left: 24px;
      background: var(--color-conrad-active-tab);
      color: var(--color-conrad-active-tab-text);
      margin-top: 0;
        display:flex;
        align-items:center;
        justify-content:flex-start;
        text-align:left;
      
  }
  .program-concord-tab-content {background:var(--color-navy-deep);border-radius:0 0px 8px 8px;padding:0;}

    
    .program-concord-info {display:flex;gap:40px;}
    @media (max-width:1200px){
      .program-concord-info {gap:30px;}
    }
    @media (max-width:1024px){
      .program-concord-info {gap:20px;}
    }
    @media (max-width:900px){
      .program-concord-info {gap:0;}
    }
    .program-concord-sidebar {
      font-family: Outfit;
      font-weight: 400;
      font-size: 24px;
      line-height: 32px;
      min-width:272px;
      max-width:272px;
      color:var(--color-white);
      margin-bottom: 1rem;
    }
    @media (max-width:1200px){
      .program-concord-sidebar {font-size: 20px;line-height: 28px;min-width: 220px;max-width: 220px;}
    }
    @media (max-width:1024px){
      .program-concord-sidebar {font-size: 18px;line-height: 26px;}
    }
    @media (max-width:900px){
      .program-concord-sidebar {font-size: 18px;line-height: 26px;min-width: 100%;max-width: 100%;}
    }
    .program-concord-list {display:grid;grid-template-columns:repeat(3,1fr);gap:40px;width:100%;}
    @media (max-width:1200px){
      .program-concord-list {gap:30px;}
    }
    @media (max-width:1024px){
      .program-concord-list {gap:20px;}
    }
    .program-concord-card {    background: var(--color-program--box);
    color: var(--color-program-box-text);
    width: 100%;
    border-radius: 8px;
    padding: 2rem 2rem 2rem 1rem;
    min-height: 170px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;}
    @media (max-width:1200px){
      .program-concord-card {padding: 1.75em 1.1em;min-height: 150px;}
    }
    @media (max-width:1024px){
      .program-concord-card {padding: 1.5em 1em;min-height: 140px;}
    }
    @media (max-width:900px){
      .program-concord-card {padding: 1em;min-height: auto;}
    }
    .program-concord-tabs.program-concord-tabs-for-desk .program-concord-tab:focus {
      outline: none;
    }

    .program-concord-tabs.program-concord-tabs-for-desk .program-concord-tab:focus-visible {
      outline: 2px solid var(--accent-blue);
      outline-offset: 2px;
      position: relative;
      z-index: 2;
    }

    .program-concord-card-title {
      font-family: Outfit;
      font-weight: 700;
      font-size: 24px;
      line-height: 24px;
      letter-spacing: 0px;
      text-transform: uppercase;
      margin:0 0 0.5rem;
      position:relative;
      min-height:24px;
    }
    @media (max-width:1200px){
      .program-concord-card-title {font-size: 20px;line-height: 22px;}
    }
    @media (max-width:1024px){
      .program-concord-card-title {font-size: 18px;line-height: 20px;}
    }
    @media (max-width:900px){
      .program-concord-card-title {font-size: 18px;line-height: 20px;}
    }
    .program-concord-card p {
      font-family: Outfit;
      font-weight: 300;
      font-size: 14px;
      line-height: 22px;
    }
    @media (max-width:1200px){
      .program-concord-card p {font-size: 13px;line-height: 20px;}
    }
    @media (max-width:1024px){
      .program-concord-card p {font-size: 12px;line-height: 18px;}
    }
    @media (max-width:900px){
      .program-concord-card p {font-size: 14px;line-height: 22px;}
    }
    .program-concord-arrow {position:absolute;top:-1.5rem;right:-1.5rem;display:inline-flex;align-items:center;color:var(--color-program-box-text);text-decoration:none;transition:color 0.2s;
      /* padding:4px; */
      background:transparent;z-index:1;}
    .program-concord-arrow:hover,.program-concord-arrow:focus {color:#e5f2fa;}
    .program-concord-arrow svg {width:24px;height:24px;vertical-align:middle;pointer-events:none;}
    @media (max-width:1200px) and (min-width:1024px){
      .program-concord-arrow {top:-1.7rem;right:-1rem;}
    }
    @media (max-width:1024px) and (min-width:901px){
      .program-concord-arrow {top:-1.5rem;right:-0.9rem;}
    }
    @media (max-width:900px) and (min-width:481px){
      .program-concord-arrow {top:-0.9em;right:-1em;}
    }
    @media (max-width:480px){
      .program-concord-arrow {top:-0.9em;right:-1em;}
    }
    .program-concord-arrow-Updated svg {width:24px;height:24px;vertical-align:middle;pointer-events:none;}
    .program-concord-arrow:hover,.program-concord-arrow-updated:focus {color:#e5f2fa;}
    .program-concord-card-title-main {margin:0 0 .5em;font-size:1.14em;position:relative;min-height:24px;font-weight:700;line-height:1.25;text-transform: uppercase;}
    .hidden-mobile {display:inherit;}
    .show-mobile {display:none;}
    .accordion-arrow {margin-left:auto;transition:transform 0.15s;font-size:1.4em;width:24px;height:24px;display:none;align-items:center;justify-content:center;flex-shrink:0;}
    .accordion-arrow.down {transform:rotate(0deg);}
    .accordion-arrow.right {transform:rotate(180deg);}
    @media (max-width:1350px){.program-concord-list{grid-template-columns:repeat(2,1fr);gap:30px;}}
    @media (max-width:1024px){
      .program-concord-list{grid-template-columns:repeat(2,1fr);gap:30px;}
      .program-concord-card {min-width:100%;max-width:100%;}
      .program-concord-arrow svg {width:20px;height:20px;}
    }
    @media (max-width:900px){
      .program-concord-info {flex-direction:column;}
      .program-concord-sidebar {width:100%;}
      .program-concord-list {grid-template-columns:1fr;gap:16px;}
      .program-concord-card {min-width:100%;max-width:100%;}
      /* .program-concord-list .program-concord-card:first-child {margin-top: 0.75rem;} */
    }
    /* -- Mobile: updated per screenshot -- */
    .program-concord-tabs-for-desk {max-width:1728px;width:100%;margin-left:auto;margin-right:auto;padding:0;box-sizing:border-box; 
    /* position:relative; */
  
  }
    .program-concord-tabs.program-concord-tabs-for-desk {
      padding-left: clamp(1rem, calc(260 / 1728 * 100vw), 16.25rem);
      padding-right: clamp(1rem, calc(260 / 1728 * 100vw), 16.25rem);
    }
    @media (min-width:901px){
      .main-concord-section-.program-concord-title {
        padding-left: clamp(1rem, calc(260 / 1728 * 100vw), 16.25rem);
        padding-right: clamp(1rem, calc(260 / 1728 * 100vw), 16.25rem);
      }
      .program-concord-tabs.program-concord-tabs-for-desk {
        align-items: flex-end;
      }
      .program-concord-tabs-for-desk .program-concord-tab,
      .program-concord-tabs-for-desk .program-concord-tab.active,
      .program-concord-tabs-for-desk .program-concord-tab[aria-selected="true"] {
        width: 15rem;
        flex: 0 0 15rem;
        box-sizing: border-box;
        margin-top: 0;
        padding-top: 1rem;
        padding-bottom: 1rem;
        align-items: center;
        transition: none;
      }
      .program-concord-tabs-for-desk .program-concord-tab {
        height: 5rem;
      }
      .program-concord-tabs-for-desk .program-concord-tab.active,
      .program-concord-tabs-for-desk .program-concord-tab[aria-selected="true"] {
        height: 6.5rem;
      }
    }
    .program-concord-panels.program-concord-tabs-for-desk {
      width: 100%;
      max-width: 1728px;
      box-sizing: border-box;
      margin-left: auto;
      margin-right: auto;
      padding: clamp(2rem, calc(100 / 1728 * 100vw), 6.25rem) clamp(1rem, calc(260 / 1728 * 100vw), 16.25rem) clamp(2rem, calc(120 / 1728 * 100vw), 7.5rem);
      margin-top: 0;
    }
    @media (max-width:1501px) and (min-width:901px){
      .main-concord-section-.program-concord-title,
      .program-concord-tabs.program-concord-tabs-for-desk,
      .program-concord-panels.program-concord-tabs-for-desk {
        padding-left: 150px;
        padding-right: 150px;
        margin-left: auto;
        margin-right: auto;
      }
    }
    @media (max-width:1280px) and (min-width:901px){
      .main-concord-section-.program-concord-title,
      .program-concord-tabs.program-concord-tabs-for-desk,
      .program-concord-panels.program-concord-tabs-for-desk {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        margin-left: auto;
        margin-right: auto;
      }
    }
    @media (max-width:900px){
      .program-concord-tabs.program-concord-tabs-for-desk {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 5rem;
        margin-left: auto;
        margin-right: auto;
      }
    }
    @media (max-width:900px){
      .program-concord-panels.program-concord-tabs-for-desk {
        margin-top: 0;
        display: none !important;
      }
    }
@media (max-width: 1200px) {
  .main-concord-section- {
    padding: 20px 4rem;
}  }
    @media (max-width:900px){
      .for-desktop{display:block !important}
      .program-concord-title-primary{display:none !important}
      .program-concord-block {        
        background: var(--color-navy-deep);
        border-radius: 0px;
        margin: 0;}
      .program-concord-title {         
        font-size: 32px;
        font-weight: 400;
        /* padding: 29px 20PX 20px; */
        padding: 3.75rem 2rem 1.375rem 2rem;
        margin-bottom: 0PX;
        margin-top: 0;
        background: var(--color-navy-deep);
        color: var(--color-white);
        text-align: left;
        font-family: Outfit;
        line-height: 40px;
      }
      .program-concord-tabs {flex-direction:column;gap:0;margin-bottom:0; padding-bottom: 5em;}
      .program-concord-tab {
        background:var(--color-navy-deep);
        color:var(--color-white);
        border-radius:10px;
        box-shadow:0 2px 8px rgba(0,0,0,0.09);
        border:none;
        font-size:18px;
        padding:17px 15px 17px 19px;
        width:100%;
        height: 80px;
        text-align:left;
        position:relative;
        display:flex;
        align-items:center;
        justify-content:flex-start;
        font-weight:500;
        letter-spacing:0.5px;
        margin-bottom:0px;
        border-bottom:1.8px solid rgba(255,255,255,0.13);
        transition:background 0.16s;
        box-sizing:border-box;
        margin: 0;
        font-family: Outfit;
        line-height: 26px;
      }
      .program-concord-tab.active, .program-concord-tab[aria-selected="true"] {
        background:var(--color-navy-deep);
        color:var(--color-white);
        box-shadow:0 0 0 2px #1270b8 inset;
        margin-top:16px;
        width:100%;
        height: 80px;
        border-radius:10px 10px 0px 0px;
        padding:24px 16px 24px 24px;
        text-align:left;
        position:relative;
        display:flex;
        align-items:center;
        justify-content:flex-start;
        letter-spacing:0.5px;
        margin-bottom:0px;
        border-bottom: 0px;
        font-family: Outfit;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;

      }
      .program-concord-tab .accordion-arrow {
        display:inline-flex;
        color:var(--color-white);
        background:transparent;
        font-size:1.32em;
        margin-left:auto;
        margin-right:0;
      }
      .accordion-arrow.down {transform:rotate(0deg);}
      .accordion-arrow.right {transform:rotate(180deg);}
      .program-concord-tab-content {
        /* padding: 0 1rem; */
        background:#186094;
        box-shadow:none;
        margin-bottom:16px;
      }
      .program-concord-info,.program-concord-list,.program-concord-sidebar,.program-concord-card{width:100%;}
      .program-concord-info{display:block;gap:0;padding:0;}
      .program-concord-list{display:block;margin:0;}
      .program-concord-card{
        background: none !important;
        color: var(--color-white);
        margin: 0 0 0 0;
        border-radius: 0px;
        box-shadow: none !important;
        min-height: unset;
        font-size: 15px;
        padding: 16px 14px 15px 18px;
        display: block;
        cursor: pointer;
        border-bottom: 0px solid #ACB4BC;
        max-width: 100%;
      }
      .program-concord-card-title{
        font-size:24px;
        /* margin: 0px 10px 5px 0; */
        position:relative;
        font-weight:700;
        text-transform:uppercase;
        letter-spacing:.025em;
        color:var(--color-white);
        font-family: Outfit;
        line-height: 24px;
      }
      .program-concord-arrow{position:absolute;top:0;right:0}
      .program-concord-arrow svg {width:24px;height:24px;vertical-align:middle;pointer-events:none;}
      .program-concord-card p{display:none;}
      .program-concord-sidebar{display:none;}
      .program-concord-list .program-concord-card:not(:last-child) {
        border-bottom: 1px solid #ACB4BC;
      }
      .program-concord-list .program-concord-card {
        /* padding-bottom: 12px; */
        /* margin-bottom: 12px; */
        padding:24px 16px 24px 24px;
      }
    }
    .for-desktop{display:none}

    /* Apply .header-container left and right padding */
    .main-concord-section-.program-concord-title.program-concord-title-primary,
    .program-concord-tabs.program-concord-tabs-for-desk,
    .program-concord-panels.program-concord-tabs-for-desk {
        padding-left: 9.375rem !important;
        padding-right: 9.375rem !important;
        max-width: 1728px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    @media (max-width: 768px) {
        .main-concord-section-.program-concord-title.program-concord-title-primary,
        .program-concord-tabs.program-concord-tabs-for-desk,
        .program-concord-panels.program-concord-tabs-for-desk {
            padding-left: 1rem !important;
            padding-right: 1rem !important;
        }
    }

    @media (min-width: 769px) and (max-width: 1024px) {
        .main-concord-section-.program-concord-title.program-concord-title-primary,
        .program-concord-tabs.program-concord-tabs-for-desk,
        .program-concord-panels.program-concord-tabs-for-desk,
        .program-concord-title {
            padding-left: 3.125rem !important;
            padding-right: 3.125rem !important;
        }
    }

    @media (min-width: 1025px) and (max-width: 1280px) {
        .main-concord-section-.program-concord-title.program-concord-title-primary,
        .program-concord-tabs.program-concord-tabs-for-desk,
        .program-concord-panels.program-concord-tabs-for-desk {
            padding-left: 5rem !important;
            padding-right: 5rem !important;
        }
    }

    @media (min-width: 1281px) and (max-width: 1540px) {
        .main-concord-section-.program-concord-title.program-concord-title-primary,
        .program-concord-tabs.program-concord-tabs-for-desk,
        .program-concord-panels.program-concord-tabs-for-desk {
            padding-left: 9.375rem !important;
            padding-right: 9.375rem !important;
        }
    }

    @media (min-width: 1541px) {
        .main-concord-section-.program-concord-title.program-concord-title-primary,
        .program-concord-tabs.program-concord-tabs-for-desk,
        .program-concord-panels.program-concord-tabs-for-desk {
            padding-left: clamp(6rem, 15.046vw, 16.25rem) !important;
            padding-right: clamp(6rem, 15.046vw, 16.25rem) !important;
        }
    }

    .main-concord-section-.program-concord-title.program-concord-title-primary,
   {
  display: block !important;
  width: 100% !important;
  max-width: 1728px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(1rem, calc(260 / 1728 * 100vw), 16.25rem) !important;
  padding-right: clamp(1rem, calc(260 / 1728 * 100vw), 16.25rem) !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 1 !important;
}
 
.main-concord-section-.program-concord-title.program-concord-title-primary::before, 
 .program-concord-tabs.program-concord-tabs-for-desk::before,
  .program-concord-panels.program-concord-tabs-for-desk::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: var(--color-concord-tab-bg) !important;
  box-shadow: 0 0 0 100vmax var(--color-concord-tab-bg) !important;
  clip-path: inset(0 -100vmax) !important;
  z-index: -1 !important;
} 
