/* =========================================================
   education-single.css — Page-specific styles (scoped)
   Depends on:
   - site-core.css  (tokens + base)
   - edu-skin.css   (EDU global skin)
   NOTE:
   - Keep everything scoped under body.single-graduate_education
   - Do NOT redefine global typography here (sizes/colors come from site-core)
   ========================================================= */


/* =========================
   0) PAGE TOKENS / VARIABLES
   ========================= */
body.single-graduate_education{
  --content-max: var(--container-max, 1345px);
  --gutter-desktop: 80px;
  --gutter-mobile: 20px;
  --brand-blue: var(--primary-color, #17488a);
  --nav-text: #666;

  /* Key-info divider tokens (reused in app-ask) */
  --key-divider-width: 2px;
  --key-divider-height: 100%;
  --key-divider-color: #d8dee9;
}


/* =========================
   1) HERO (Desktop)
   ========================= */
body.single-graduate_education .hero-section{
  position:relative; isolation:isolate; height:470px;
  background:linear-gradient(135deg, var(--brand-blue), color-mix(in srgb, var(--brand-blue), #000 8%));
  overflow:hidden; display:flex; align-items:center; justify-content:space-between;
  padding:40px 80px;
}
body.single-graduate_education .hero-left{ max-width:50%; z-index:2; color:#fff; text-align:left; }
body.single-graduate_education .hero-left h2{ font-size: clamp(18px, 2.2vw, 28px); margin-bottom:15px; }
body.single-graduate_education .hero-left h1{ font-size: var(--fs-h1); font-weight:700; margin-bottom:20px; }
body.single-graduate_education .hero-left p{ font-size:16px; line-height:1.7; margin-bottom:30px; color:#f1f5f9; }

/* Badges */
body.single-graduate_education .badges{ display:flex; gap:15px; flex-wrap:wrap; }
body.single-graduate_education .badge{
  width:80px; height:80px; display:flex; align-items:center; justify-content:center;
  background:#fff; color:var(--brand-blue); font-weight:700; border-radius:10px; font-size:14px; overflow:hidden;
}
body.single-graduate_education .badge-img{ width:100%; height:100%; object-fit:contain; display:block; }

/* Hero circle */
body.single-graduate_education .hero-circle{
  position:absolute; right:-200px; top:-150px; width:900px; height:900px; background:#13203e; border-radius:50%; z-index:1; overflow:hidden;
}
body.single-graduate_education .hero-circle-img{ width:100%; height:100%; object-fit:cover; display:block; }

/* Info box */
body.single-graduate_education .info-box{
  position:relative; z-index:3; background:#fff; padding:25px; border-radius:10px;
  width:500px; min-height:220px; box-shadow:0 8px 25px rgba(0,0,0,.15);
}
body.single-graduate_education .info-box h3{ font-size:20px; font-weight:700; margin-bottom:15px; color:#111; }
body.single-graduate_education .info-box p{ font-size:15px; margin-bottom:20px; color:#475569; }
body.single-graduate_education .info-box button,
body.single-graduate_education .info-box a{
  display:block; width:100%; padding:12px; margin-top:10px; border-radius:8px; font-weight:700; text-align:center; font-size:15px;
}
body.single-graduate_education .info-box button{ background:var(--brand-blue); color:#fff; border:none; cursor:pointer; }
body.single-graduate_education .info-box a{ border:2px solid var(--brand-blue); color:var(--brand-blue); background:#fff; }


/* =========================
   2) KEY INFO (Desktop) — unified & FIXED DIVIDERS
   ========================= */
body.single-graduate_education .key-info-section{
  max-width: var(--content-max);
  margin: -40px auto 32px;
  padding: 0 10px;
  position: relative; z-index: 5;
}

/* Container + divider logic */
body.single-graduate_education .key-info-box{
  --key-gap: 24px;

  background:#fff;
  border-radius:15px;
  padding:32px 24px;
  box-shadow:0 20px 40px rgba(0,0,0,.1);
  display:grid; grid-template-columns:repeat(5,1fr);
  gap:var(--key-gap); position:relative; isolation:isolate;
  background-origin: content-box;

  /* Compute layout (5 columns => 4 vertical dividers) */
  --col:   calc((100% - (4 * var(--key-gap))) / 5);
  --step:  calc(var(--col) + var(--key-gap));
  --start: calc(var(--col) + (var(--key-gap) / 2));
  --ypos:  calc((100% - var(--key-divider-height)) / 2);

  /* Draw 4 fixed-height lines */
  background-image:
    linear-gradient(to bottom, var(--key-divider-color), var(--key-divider-color)),
    linear-gradient(to bottom, var(--key-divider-color), var(--key-divider-color)),
    linear-gradient(to bottom, var(--key-divider-color), var(--key-divider-color)),
    linear-gradient(to bottom, var(--key-divider-color), var(--key-divider-color));
  background-repeat: no-repeat;
  background-size:
    var(--key-divider-width) var(--key-divider-height),
    var(--key-divider-width) var(--key-divider-height),
    var(--key-divider-width) var(--key-divider-height),
    var(--key-divider-width) var(--key-divider-height);
  background-position:
    calc(var(--start) + (0 * var(--step))) var(--ypos),
    calc(var(--start) + (1 * var(--step))) var(--ypos),
    calc(var(--start) + (2 * var(--step))) var(--ypos),
    calc(var(--start) + (3 * var(--step))) var(--ypos);
}

/* Remove pseudo dividers from other styles */
body.single-graduate_education .key-info-box .info-item::after,
body.single-graduate_education .key-info-box .info-item::before{ content:none !important; }

/* Content items */
body.single-graduate_education .info-item{ text-align:left; position:relative; padding-inline: calc(var(--key-gap) / 2); }
body.single-graduate_education .info-label{
  font-family: "Source Sans Pro", Arial, sans-serif; font-size: 20px; font-weight: 600; color: #0F1114;
  line-height:1.2; margin:0 0 4px 0;
}
body.single-graduate_education .info-value{
  font-family: "Source Sans Pro", Arial, sans-serif; font-size: 14px; font-weight: 400; color: #5B6780;
  line-height: 1.55; margin:0;
}
body.single-graduate_education .voir-plus-toggle{ display:none; }


/* =========================
   3) TABS + MAIN CONTENT (Desktop)
   ========================= */
body.single-graduate_education .program-tabs{
  max-width: var(--content-max);
  width: min(var(--content-max), 100%);
  margin:10px auto 0;
  padding:0;
  border-bottom:1px solid #e6e6e6;
}
body.single-graduate_education .program-tabs .tabs-list{
  display:flex; gap:32px; list-style:none;
  padding-left:0; margin-left:0;
}
body.single-graduate_education .program-tabs .tab-item{
  padding:14px 0; font-weight:600; font-size:16px; color:var(--nav-text);
  border-bottom:3px solid transparent; white-space:nowrap;
}
body.single-graduate_education .program-tabs .tab-item.active{ color:#111; border-bottom-color:var(--brand-blue); }

/* Two-column content area */
body.single-graduate_education .program-sections{
  max-width: var(--content-max);
  width: min(var(--content-max), 100%);
  margin: 30px auto 60px;
  padding: 0;
  display:grid; grid-template-columns:2fr 1fr; gap:32px; align-items:start;
}
body.single-graduate_education .content-article .richtext{ font-size:16px; line-height:1.8; color:#333; }
body.single-graduate_education .content-article .richtext p{ margin-bottom:16px; }

/* Methods */
body.single-graduate_education .methods-section{ margin-top:28px; }
body.single-graduate_education .methods-section h3{ font-size:24px; font-weight:800; color:#111; margin-bottom:14px; }
body.single-graduate_education .methods-grid{ display:grid; grid-template-columns:1fr 1fr; column-gap:40px; row-gap:18px; }
body.single-graduate_education .method-item{ display:flex; gap:12px; align-items:flex-start; }
body.single-graduate_education .method-icon{ width:22px; height:22px; flex:0 0 22px; margin-top:3px; }
body.single-graduate_education .method-text{ font-size:16px; line-height:1.7; color:#222; }


/* =========================
   4) SIDE CARD
   ========================= */
body.single-graduate_education .app-info-card{
  background:#eaf3ff; border-radius:12px; padding:22px; box-shadow:0 6px 18px rgba(0,0,0,.06);
  position:-webkit-sticky; position:sticky; top:24px; align-self:start; height:fit-content;
}
body.single-graduate_education .app-info-title{ font-size:20px; font-weight:800; color:#0e2a4d; margin:0 0 10px; }
body.single-graduate_education .app-intro{ font-size:15px; line-height:1.8; color:#233142; margin-bottom:12px; }
body.single-graduate_education .app-subtitle{ font-weight:800; color:#0e2a4d; margin:14px 0 8px; }
body.single-graduate_education .app-info-row{ display:flex; align-items:flex-start; gap:10px; padding:6px 0; }
body.single-graduate_education .app-info-icon{ width:18px; height:18px; flex:0 0 18px; margin-top:2px; }
body.single-graduate_education .app-info-text{ font-size:14px; color:#234; line-height:1.7; }

/* Divider above the "questions" block uses key-info tokens */
body.single-graduate_education .app-ask{
  font-size:14px; color:#233142; margin-top:18px;
  border-top: var(--key-divider-width) solid var(--key-divider-color);
  padding-top: 14px;
}
body.single-graduate_education .app-ask a{ color:#1e5bd6; text-decoration:none; }


/* =========================
   5) PROGRAM OF STUDY + MODULES
   ========================= */
body.single-graduate_education #prog-study{ margin:50px 0 16px; }
body.single-graduate_education #prog-study .prog-container{
  max-width: var(--content-max); width: min(var(--content-max), 100%); margin: 0 auto;
}

/* Only spacing (sizes/colors come from site-core) */
body.single-graduate_education #prog-study .prog-heading{ margin:0; }
body.single-graduate_education .career-header .main-title{ margin:0 0 16px; }

body.single-graduate_education .modules-wrap{
  max-width: var(--content-max); width: min(var(--content-max), 100%);
  margin: 0 auto; border:1px solid #dde6f4; border-radius:12px; background:#fff; padding:16px 20px;
}
body.single-graduate_education .modules-wrap .edu-accordion:not(:first-child){ border-top:1px solid #e8edf7; }
body.single-graduate_education .edu-accordion{ margin:0; }
body.single-graduate_education .acc-header{
  display:flex; align-items:center; gap:10px; border:none; border-radius:8px; padding:14px 12px;
  background:transparent; transition:background .2s ease;
}
body.single-graduate_education .acc-header:hover{ background:#eef4ff; }
body.single-graduate_education .acc-title{ margin:0; font-size:17px; font-weight:700; color:#2b2f36; }
body.single-graduate_education .acc-toggle{
  order:-1; display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border:none; border-radius:6px; cursor:pointer; background:transparent; color:#1d4a8d;
  transition:background .2s ease, transform .2s ease;
}
body.single-graduate_education .acc-toggle:hover{ background:#e8f0ff; }
body.single-graduate_education .acc-chev{ transition:transform .25s ease; }
body.single-graduate_education .acc-panel{
  border:none; background:#fff; overflow:hidden; height:0; padding:0 12px; border-radius:8px; transition:height .32s ease; will-change:height;
}
body.single-graduate_education .acc-intro,
body.single-graduate_education .acc-outro{ margin-bottom:16px; color:#333; line-height:1.8; }
body.single-graduate_education .acc-grid{ display:grid; grid-template-columns:1fr; gap:24px; margin:8px 0 4px; }
@media (min-width:900px){ body.single-graduate_education .acc-grid{ grid-template-columns:1fr 1fr; column-gap:32px; } }
body.single-graduate_education .acc-sub{ font-size:16px; font-weight:700; color:#222; margin:10px 0 8px; }

/* Standard rich text */
body.single-graduate_education .acc-rich{ color:#333; line-height:1.8; }

/* Lists coming from converter/editor */
body.single-graduate_education .acc-rich ul,
body.single-graduate_education .acc-rich ul.acc-bullets{
  list-style: disc;
  margin: 0 0 12px 20px; padding: 0;
}
body.single-graduate_education .acc-rich li{ margin: 6px 0; line-height: 1.7; }
/* Brand-blue markers */
body.single-graduate_education .acc-rich li::marker{ color:#17488a; font-weight:700; }
/* Safety: never auto-inject bullets on plain paragraphs */
body.single-graduate_education .acc-rich p::before{ content:none !important; }


/* =========================
   6) CAREER SECTION
   ========================= */
body.single-graduate_education .career-section{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;
  max-width:var(--content-max); margin:60px auto; padding:0 20px;
}
body.single-graduate_education .career-header{ grid-column: span 3; text-align:left; margin-bottom:30px; }
body.single-graduate_education .career-item{ padding:20px; border-radius:8px; box-shadow:0 4px 12px rgba(0,0,0,.1); }
body.single-graduate_education .career-item.no-background{ background:transparent; box-shadow:none; }
body.single-graduate_education .career-item.with-background{ background:#e6f0ff; }
body.single-graduate_education .career-list{ list-style:none; padding-left:0; }
body.single-graduate_education .career-point{ display:flex; gap:10px; align-items:flex-start; line-height:1.7; font-size:16px; color:#34495e; margin-bottom:8px; }
body.single-graduate_education .career-point .check-icon{ width:18px; height:18px; flex:0 0 18px; margin-top:3px; }
body.single-graduate_education .career-salary strong{ font-weight:800; color:#000; }
body.single-graduate_education .career-block-title{ font-weight:800; color:#000; margin:14px 0 6px; font-size:18px; }


/* =========================
   7) CERTIFICATES
   ========================= */
body.single-graduate_education .certificates-section{
  max-width:var(--content-max); width:min(var(--content-max),100%); margin:48px auto 24px; padding:0 20px;
}
body.single-graduate_education .cert-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch; }
@media (max-width:1024px){ body.single-graduate_education .cert-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){  body.single-graduate_education .cert-grid{ grid-template-columns:1fr; } }
body.single-graduate_education .cert-card{
  background:#fff; border:1px solid #e5e9f2; border-radius:12px; padding:16px 18px;
  box-shadow:0 4px 12px rgba(0,0,0,.05); display:flex; flex-direction:column; height:100%;
}
body.single-graduate_education .cert-card h3{ font-size:18px; font-weight:800; color:#0e1b2a; margin:2px 0 8px; }
body.single-graduate_education .cert-img-wrap{ height:120px; display:flex; align-items:center; justify-content:flex-start; margin:8px 0 12px; }
body.single-graduate_education .cert-img-wrap img{ max-height:110px; width:auto; object-fit:contain; display:block; }
body.single-graduate_education .cert-info{ font-size:15px; line-height:1.75; color:#233142; margin-top:2px; flex:1 1 auto; }


/* =========================
   8) CAREER SERVICES
   ========================= */
body.single-graduate_education .career-services .cs-container{
  max-width:var(--content-max); width:min(var(--content-max),100%); margin:0 auto; padding:0 20px;
  display:grid; grid-template-columns:1.25fr 1fr; gap:28px;
}
body.single-graduate_education .career-services .cs-title{ font-size: clamp(24px, 3.2vw, 36px); font-weight:800; color:#0e1b2a; margin-bottom:14px; }
body.single-graduate_education .career-services .cs-text{ font-size:16px; line-height:1.9; color:#233142; margin-bottom:18px; }
body.single-graduate_education .career-services .cs-link{ color:#1e5bd6; text-decoration:none; }
body.single-graduate_education .career-services .cs-image{ width:100%; height:auto; display:block; border-radius:12px; box-shadow:0 6px 24px rgba(0,0,0,.12); }


/* =========================
   9) RAIL ALIGNMENT
   ========================= */
body.single-graduate_education .key-info-section,
body.single-graduate_education .career-section,
body.single-graduate_education #prog-study .prog-container,
body.single-graduate_education .modules-wrap,
body.single-graduate_education .certificates-section{
  max-width: var(--content-max);
  width: min(var(--content-max), 100%);
  margin-left: auto; margin-right: auto;
  padding-left: 0; padding-right: 0;
  box-sizing: border-box;
}
body.single-graduate_education .hero-section{
  padding-left:calc((100vw - var(--content-max)) / 2);
  padding-right:calc((100vw - var(--content-max)) / 2);
  gap:40px;
}


/* =========================
   10) MOBILE OVERRIDES / FIXES
   ========================= */
@media (max-width: 768px){
  /* HERO */
  body.single-graduate_education .hero-section{
    height:auto; padding:16px; gap:14px; flex-direction:column; align-items:stretch; justify-content:flex-start;
  }
  body.single-graduate_education .hero-left{ max-width:100%; text-align:start; }
  body.single-graduate_education .hero-left h1{ font-size: clamp(26px, 6vw, 40px); margin-bottom:12px; }
  body.single-graduate_education .hero-left h2{ font-size: clamp(16px, 3.5vw, 22px); margin-bottom:6px; }
  body.single-graduate_education .hero-left p{ margin-bottom:12px; }
  body.single-graduate_education .hero-circle{ position:static; width:100%; height:auto; border-radius:12px; overflow:hidden; }
  body.single-graduate_education .hero-circle-img{ width:100%; height:auto; object-fit:cover; }
  body.single-graduate_education .info-box{ width:100%; max-width:100%; min-height:auto; padding:16px; box-shadow:0 6px 18px rgba(0,0,0,.08); }

  /* KEY INFO — remove desktop dividers on mobile */
  body.single-graduate_education .key-info-section{ margin:16px 0 12px; padding:0 16px; }
  body.single-graduate_education .key-info-box{
    display:block; padding:0; box-shadow:none; border-radius:0;
    background:none !important;
  }
  body.single-graduate_education .key-info-box .info-item{
    display:none; padding:14px 12px; border-bottom:1px solid #e5e7eb;
  }
  body.single-graduate_education .key-info-box .info-item:nth-child(1),
  body.single-graduate_education .key-info-box .info-item:nth-child(2){ display:block; }
  body.single-graduate_education .key-info-box.expanded .info-item{ display:block; }
  body.single-graduate_education .voir-plus-toggle{
    display:block; width:100%; margin-top:10px; padding:12px 14px; border:1px solid #e5e7eb; border-radius:8px; background:#fff; font-weight:600;
  }

  /* TABS */
  body.single-graduate_education .program-tabs{ margin:8px 0 0; padding:0 16px; overflow-x:auto; }
  body.single-graduate_education .program-tabs .tabs-list{ gap:16px; }

  /* MAIN → single column */
  body.single-graduate_education .program-sections{ margin:20px 0 40px; padding:0 16px; grid-template-columns:1fr; gap:20px; }
  body.single-graduate_education .methods-grid{ grid-template-columns:1fr; gap:14px; }
  body.single-graduate_education .app-info-card{ position:static; top:auto; }

  /* PROG STUDY + MODULES */
  body.single-graduate_education #prog-study{ margin:30px 0 10px; padding:0 16px; }
  body.single-graduate_education .modules-wrap{ width:calc(100% - 32px); margin:0 auto; padding:10px 12px; }

  /* CAREER SERVICES */
  body.single-graduate_education .career-services .cs-container{
    display:grid !important; grid-template-columns:1fr !important;
    gap:16px !important; padding:0 16px !important; margin:0 auto !important;
    max-width:var(--content-max) !important; width:min(var(--content-max),100%) !important;
  }
  body.single-graduate_education .career-services .cs-title{ font-size:28px !important; margin-bottom:12px !important; }
  body.single-graduate_education .career-services .cs-image{
    width:100% !important; height:auto !important; border-radius:12px !important; display:block !important;
  }

  /* Careers → force single column */
  body.single-graduate_education .career-section{
    display:grid !important; grid-template-columns:minmax(0, 1fr) !important;
    grid-auto-flow:row !important; row-gap:16px !important;
    padding:0 16px !important; margin:32px auto !important;
  }
  body.single-graduate_education .career-section > *{
    grid-column:1 / -1 !important; width:auto !important; max-width:100% !important; min-width:0 !important;
  }
}


/* =========================
   11) GLOBAL
   ========================= */
body.single-graduate_education{ overflow-x:hidden; }


/* =========================
   12) MODALITÉS SECTION
   ========================= */
body.single-graduate_education .modalites-section{
  background: linear-gradient(135deg, var(--brand-blue), color-mix(in srgb, var(--brand-blue), #000 6%));
  padding: 38px 0;
}
body.single-graduate_education .modalites-container{
  max-width: var(--content-max); width:min(var(--content-max),100%); margin:0 auto; padding:0 20px; box-sizing:border-box;
}
body.single-graduate_education .modalites-grid{
  display:grid; grid-template-columns:1.2fr 1fr; gap:28px; align-items:center;
}
@media (max-width: 900px){
  body.single-graduate_education .modalites-grid{ grid-template-columns:1fr; }
}
body.single-graduate_education .modalites-heading{ color:#fff; font-weight:800; margin:0 0 10px; }
body.single-graduate_education .modalites-rich{ color:#f1f5f9; font-size:16px; line-height:1.85; }
body.single-graduate_education .modalites-rich p{ margin:0 0 12px; }
body.single-graduate_education .modalites-img{
  width:100%; height:360px; object-fit:cover; display:block; border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.18);
}
@media (max-width: 768px){
  body.single-graduate_education .modalites-img{ height:220px; }
}


/* =========================
   13) TUITION & FINANCING
   ========================= */
body.single-graduate_education .tuition-section{ padding:44px 0 28px; background:#f7f9fc; }
body.single-graduate_education .tuition-container{
  max-width: var(--content-max); width:min(var(--content-max),100%); margin:0 auto; padding:0 20px; box-sizing:border-box;
}
body.single-graduate_education .tuition-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; align-items:stretch;
}
@media (max-width:1024px){ body.single-graduate_education .tuition-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){  body.single-graduate_education .tuition-grid{ grid-template-columns:1fr; } }
body.single-graduate_education .tuition-card{
  background:#fff; border:1px solid #e5e9f2; border-radius:12px; padding:16px 18px;
  box-shadow:0 4px 12px rgba(0,0,0,.05); display:flex; flex-direction:column;
}
body.single-graduate_education .tuition-card-title{ font-size:18px; font-weight:800; color:#0e1b2a; margin:2px 0 8px; }
body.single-graduate_education .tuition-card-text{ font-size:15px; color:#233142; line-height:1.75; }
body.single-graduate_education .tuition-cta-wrap{ margin-top:12px; text-align:left; }
body.single-graduate_education .tuition-cta{
  display:inline-block; font-weight:700; font-size:14px; text-decoration:none; border-bottom:2px solid currentColor; padding-bottom:2px; color:#1e5bd6;
}
body.single-graduate_education .tuition-cta:hover{ opacity:.85; }


/* =========================================
 * FIX: Hero titles must be white on dark bg
 * ========================================= */
body.single-graduate_education .hero-section .hero-left h1,
body.single-graduate_education .hero-section .hero-left h2{
  color:#fff !important; text-shadow:0 1px 1px rgba(0,0,0,.2);
}
body.single-graduate_education .hero-section .hero-left p{ color:#f1f5f9 !important; }


/* =========================================
 * BG: Career services blue background
 * ========================================= */
body.single-graduate_education .career-services{ background:#eaf2ff; padding:56px 0; }
body.single-graduate_education .career-services .cs-container{
  max-width: var(--content-max); width:min(var(--content-max),100%); margin:0 auto; padding:0 20px;
}


/* === TAX HERO parity for gategories-education === */
body.tax-gategories-education .hero-section.hero--edu{
  position:relative;
  background:linear-gradient(180deg,#17488a 0%,#1f5bb0 100%);
  color:#fff; min-height:520px; display:flex; align-items:center; overflow:hidden;
}
body.tax-gategories-education .hero-section.hero--edu::after{
  content:""; position:absolute; right:-20%; bottom:-30%;
  width:60vw; max-width:900px; height:120%;
  background:radial-gradient(120% 100% at 0% 50%, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 70%);
  pointer-events:none;
}
body.tax-gategories-education .hero-section .container.hero-inner{
  max-width:1345px; padding:56px 20px; display:grid; grid-template-columns:minmax(0,1fr);
}
@media (min-width:1024px){
  body.tax-gategories-education .hero-section .container.hero-inner{
    grid-template-columns:7fr 5fr; gap:32px; align-items:center;
  }
}
body.tax-gategories-education .hero-title{
  margin:0 0 12px; font-weight:800; font-size:clamp(32px,2.2vw + 1rem,56px); line-height:1.1; letter-spacing:-.3px; color:#fff; text-align:left;
}
body.tax-gategories-education .hero-description{
  color:#eef4ff; font-size:18px; line-height:1.6; margin:0; max-width:760px; text-align:left;
}
body.tax-gategories-education .edu-grid{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:24px; margin-top:32px;
}
body.tax-gategories-education .edu-card{
  background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:16px; overflow:hidden;
  box-shadow:0 8px 20px rgba(0,0,0,.04);
  transition:transform .18s ease, box-shadow .18s ease;
}
body.tax-gategories-education .edu-card:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.08); }
body.tax-gategories-education .edu-card__media{ aspect-ratio:16/9; overflow:hidden; }
body.tax-gategories-education .edu-card__title{ font-size:18px; line-height:1.35; margin:0 0 8px; }
body.tax-gategories-education .edu-card__excerpt{ color:#555; font-size:14px; }


/* =========================
   14) SKILLS & DETAILS
   ========================= */
/* Keep H2 sizes from site-core; only layout/visuals here */
body.single-graduate_education .skills-section{ margin:28px 0 10px; }

body.single-graduate_education .skills-cloud,
body.single-graduate_education .skills-cloud.grid-5{
  display:flex !important; flex-wrap:wrap !important; gap:12px 18px !important; align-items:flex-start;
  grid-template-columns:none !important;
}
body.single-graduate_education .skills-cloud .skill-cell{ min-width:0; display:block; }
body.single-graduate_education .skill-pill{
  display:inline-block; max-width:100%; padding:8px 12px; border-radius:8px;
  background:#eaf2ff; color:#0F1114; font-weight:600; font-size:14px; line-height:1.35;
  white-space:normal; word-break:break-word; overflow-wrap:anywhere;
}
body.single-graduate_education a.skills-all-link{
  display:inline-block; margin-top:8px; color:#1e5bd6; font-weight:600; text-decoration:none;
}
body.single-graduate_education a.skills-all-link:hover{ opacity:.9; }

/* DETAILS block */
body.single-graduate_education .details-section{ margin-top:28px; }
body.single-graduate_education .details-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
body.single-graduate_education .detail-card{ display:flex; flex-direction:column; gap:6px; }
body.single-graduate_education .detail-icon{
  width:44px; height:44px; border-radius:10px; background:#eaf2ff;
  display:flex; align-items:center; justify-content:center; box-shadow:0 10px 20px rgba(0,0,0,.06);
}
.material-symbols-outlined.ms-icon{ font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24; font-size:26px; line-height:1; color:#1F1F1F; }
body.single-graduate_education .detail-title{
  font-family:"Source Sans Pro", Arial, sans-serif; font-weight:600; font-size:16px; line-height:1.25; color:#0F1114; margin:6px 0 4px;
}
body.single-graduate_education .detail-text{
  font-family:"Source Sans Pro", Arial, sans-serif; font-weight:400; font-size:14px; line-height:1.6; color:#5B6780;
}
@media (max-width: 992px){
  body.single-graduate_education .details-grid{ grid-template-columns:1fr; }
  body.single-graduate_education .detail-card{ flex-direction:row; align-items:center; gap:12px; }
  body.single-graduate_education .detail-title{ margin:0; }
}


/* === FIX: محاذاة عنوان Careers والمسافات === */
body.single-graduate_education .career-section{
  row-gap: 16px;                 /* تنظيم المسافة بين صفوف الشبكة */
}

body.single-graduate_education .career-header{
  grid-column: 1 / -1;           /* يمتد على عرض الشبكة */
  padding: 20px;                 /* نفس حشوة كروت .career-item */
  margin: 0;                     /* إلغاء أي هامش إضافي */
}

body.single-graduate_education .career-header .main-title{
  margin: 0;                     /* يمنع نزول العنوان عن الإطار */
  font-weight: 800;
  line-height: 1.2;
}

/* (اختياري) لو عايز العنوان داخل كادر أبيض مثل الكروت */
body.single-graduate_education .career-header.card-like{
  background:#fff;
  border:1px solid #e5e9f2;
  border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.05);
}




/* HERO for courses-categories (same size as gategories-education) */
body.tax-courses-categories #eduTaxHero {
  --hero-min-h: 150px;
  --hero-pad-y: 18px;
  position: relative;
  background: #17488a;
  color: #fff;
  min-height: var(--hero-min-h);
  padding: var(--hero-pad-y) 0;
  overflow: hidden;
}

body.tax-courses-categories #eduTaxHero .eduTax-hero__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

body.tax-courses-categories #eduTaxHero .eduTax-hero__left { max-width: 60%; }

body.tax-courses-categories #eduTaxHero .eduTax-title {
  margin: 0 0 8px;
  line-height: 1.15;
  color: #fff;
  font-size: clamp(28px, 2.4vw, 42px);
  font-weight: 800;
}

body.tax-courses-categories #eduTaxHero .eduTax-desc {
  margin: 0;
  color: #eef4ff;
  max-width: 640px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}