/* Only the requested AI course components. */
:is(.ai-course-page,.icdl-course-page) .fact{display:grid;grid-template-columns:34px minmax(0,1fr);align-content:start;align-items:center;gap:10px 8px;}
:is(.ai-course-page,.icdl-course-page) .fact__icon{width:34px;height:34px;margin:0;grid-column:1;grid-row:1;font-size:17px;}
:is(.ai-course-page,.icdl-course-page) .fact__label{grid-column:2;grid-row:1;line-height:1.6;font-size:12px;}
:is(.ai-course-page,.icdl-course-page) .fact__value,:is(.ai-course-page,.icdl-course-page) .fact__caption{grid-column:1/-1;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl){position:relative;isolation:isolate;}
.difference-scene{position:relative;display:grid;grid-template-columns:1.04fr 1fr;align-items:start;gap:44px;padding:40px 28px 24px;isolation:isolate;}
.difference-scene::before{content:"";position:absolute;z-index:-1;inset:auto calc((100vw - 100%)/-2) -100px;height:calc(100vw * .52307);background:url('../images/ai-difference-background.webp') center bottom/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 15%,#000 72%,transparent),linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 72%,transparent),linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-composite:source-in;pointer-events:none;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .section-head{text-align:start;margin-bottom:20px;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .section-title{font-size:clamp(28px,3.15vw,45px);line-height:1.55;color:var(--text-1);-webkit-text-fill-color:var(--text-1);background:none;margin-top:18px;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .title-mark{color:#2563eb;-webkit-text-fill-color:#2563eb;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .title-mark::after{content:none;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .section-sub{font-size:17px;font-weight:650;line-height:1.95;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare__lead{max-width:none;text-align:start;font-size:14px;line-height:2;margin:0;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare__grid{display:flex;flex-direction:column;gap:20px;width:100%;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare-card{padding:24px;background:rgba(255,255,255,.91);border-radius:20px;box-shadow:0 12px 32px -23px rgba(37,99,235,.24);}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare-card--ours{order:-1;border-color:#a6bbff;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare-card__badge{display:none;}
.compare-card__symbol{position:absolute;left:24px;top:23px;width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:#2563eb;background:#e9efff;font-size:28px;}
.compare-card--other .compare-card__symbol{background:#eceef4;color:#67738c;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare-card__title{padding-left:62px;font-size:17px;line-height:1.8;min-height:50px;margin-bottom:14px;display:flex;align-items:center;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare-card__list{gap:9px;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare-card__list li{font-size:13px;line-height:1.9;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare-card--other .compare-card__list .icon use{display:none;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare-card--other .compare-card__list .icon{background:linear-gradient(#e7ebf3,#cdd4e2);position:relative;}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare-card--other .compare-card__list .icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23e8edf5'/%3E%3Cpath d='M7 12h10' stroke='%23708098' stroke-width='2'/%3E%3C/svg%3E");}
:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .prompt-demo{position:relative;margin-top:8px;max-width:980px;background:var(--course-card-solid);}
:is(.ai-course-page,.icdl-course-page) .course-cta--tech{padding:38px;gap:32px;border:1px solid #72b4ff;box-shadow:inset 0 0 0 2px rgba(209,234,255,.46),inset 0 0 28px rgba(56,189,248,.25),0 24px 48px -20px rgba(37,99,235,.42);background:#082d8e url('../images/ai-register-background.webp') center/cover no-repeat;isolation:isolate;}
.course-cta--tech::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,23,90,.12),rgba(3,23,90,.48) 45%,rgba(3,23,90,.35));pointer-events:none;}
.course-cta--tech .course-cta__orb{display:none;}
.course-cta--tech .course-cta__accent,.course-cta--tech .course-cta__steps strong{color:#53e6ff;}
.course-cta--tech .course-cta__text h2{font-size:clamp(24px,2.5vw,34px);margin-bottom:20px;}
.course-cta--tech .course-cta__steps{gap:18px;}
.course-cta--tech .course-cta__steps li{font-size:14px;color:#f0f6ff;gap:14px;}
.course-cta--tech .course-cta__step{width:34px;height:34px;background:radial-gradient(circle at 30% 20%,#55d9ff,#1160f1 70%);border:1px solid #76dcff;box-shadow:inset 0 0 7px #8be9ff,0 0 15px #0a77ee;font-size:16px;}
.course-cta--tech .course-cta__text .btn{border:1px solid #a5e9ff;box-shadow:0 0 0 4px rgba(84,185,255,.3),0 0 20px rgba(47,189,255,.55);min-height:54px;padding:12px 24px;}
.course-cta--tech .course-cta__row{position:relative;min-height:52px;border-radius:0;padding:14px 0;gap:12px;background:none;border:0;border-bottom:1px solid rgba(220,239,255,.2);box-shadow:none;font-size:13px;backdrop-filter:none;-webkit-backdrop-filter:none;}
.course-cta--tech .course-cta__row>.icon{width:22px;height:22px;padding:0;border-radius:0;border:0;background:none;box-shadow:none;color:#d5e6ff;}
.course-cta--tech .course-cta__row a{font-size:18px;}
.course-cta--tech .course-cta__contact{gap:0;}
.course-cta--tech .course-cta__row:last-child{border-bottom:0;}
.course-cta--tech .course-cta__row--link:hover{background:rgba(255,255,255,.04);}
.course-cta--tech .course-cta__map{padding:5px 12px;font-size:11px;font-weight:600;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(220,239,255,.32);}
/* Dark mode: a dark version of the light section art (invert, then turn the hues back) instead of a faded light haze */
[data-theme="dark"] .difference-scene::before{opacity:.6;filter:invert(1) hue-rotate(180deg) saturate(1.4) brightness(.9);}
[data-theme="dark"] :is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare-card{background:var(--course-card-solid);}
@media(min-width:1000px){:is(.ai-course-page,.icdl-course-page) .facts__grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:900px){.difference-scene{grid-template-columns:1fr;gap:28px;padding:28px 12px 16px;}.difference-scene::before{background-position:center bottom;background-size:100% auto;}:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .section-title{font-size:30px;}:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare__grid{max-width:620px;}:is(.ai-course-page,.icdl-course-page) .course-cta--tech{grid-template-columns:1fr;padding:28px;}}
@media(max-width:640px){
  :is(.ai-course-page,.icdl-course-page) .fact{padding:12px;grid-template-columns:29px minmax(0,1fr);gap:8px;}:is(.ai-course-page,.icdl-course-page) .fact__icon{width:29px;height:29px;font-size:16px;border-radius:9px;}:is(.ai-course-page,.icdl-course-page) .fact__label{font-size:11px;}
  .difference-scene{padding-inline:2px;padding-bottom:12px;}:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .section-title{font-size:27px;}:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .section-sub{font-size:15px;}:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare-card{padding:20px 16px;}.compare-card__symbol{left:16px;top:20px;width:42px;height:42px;font-size:24px;}:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare-card__title{padding-left:52px;font-size:16px;min-height:42px;}:is(:is(.ai-course-page,.icdl-course-page) #difference,.icdl-course-page #what-is-icdl) .compare-card__list li{font-size:13px;}
  :is(.ai-course-page,.icdl-course-page) .course-cta--tech{padding:26px 20px;gap:25px;border-radius:26px;background-size:auto 100%;background-position:right bottom;}.course-cta--tech::before{background:rgba(3,23,90,.35);}.course-cta--tech .course-cta__steps li{font-size:13px;}.course-cta--tech .course-cta__row{min-height:50px;padding:13px 0;font-size:12px;gap:10px;}.course-cta--tech .course-cta__row>.icon{width:21px;height:21px;padding:0;border-radius:0;}.course-cta--tech .course-cta__row--link{flex-wrap:wrap;}.course-cta--tech .course-cta__map{margin-inline-start:auto;}
}
@media(min-width:901px){
  .course-cta--tech .course-cta__text .btn{display:flex;width:max-content;min-width:280px;margin-inline-start:auto;justify-content:center;}
  .course-cta--tech .course-cta__steps li{font-size:15px;}
}
.course-cta--tech .course-cta__steps li{position:relative;}
.course-cta--tech .course-cta__steps li:not(:last-child)::after{content:"";position:absolute;right:16px;top:37px;bottom:-14px;border-right:1px dotted rgba(83,230,255,.55);}
@media(max-width:640px){:is(.ai-course-page,.icdl-course-page) .course-cta--tech{background-size:auto 420px;background-position:right bottom;background-color:#082773;}.course-cta--tech::before{background:linear-gradient(#082773 0%,rgba(8,39,115,.18) 72%);}}


/* Titles share the icon row; descriptions keep the full card width. */
:is(.ai-course-page,.icdl-course-page) #audience .audience-card,:is(.ai-course-page,.icdl-course-page) #how-it-works .audience-card{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;align-content:start;gap:14px 10px;}
:is(.ai-course-page,.icdl-course-page) #audience .audience-card__icon,:is(.ai-course-page,.icdl-course-page) #how-it-works .audience-card__icon{grid-column:1;grid-row:1;width:40px;height:40px;margin:0;font-size:21px;}
:is(.ai-course-page,.icdl-course-page) #audience .audience-card__title,:is(.ai-course-page,.icdl-course-page) #how-it-works .audience-card__title{grid-column:2;grid-row:1;margin:0;font-size:17px;line-height:1.75;}
:is(.ai-course-page,.icdl-course-page) #audience .audience-card__text,:is(.ai-course-page,.icdl-course-page) #how-it-works .audience-card__text{grid-column:1/-1;margin:0;}
@media(max-width:640px){
  :is(.ai-course-page,.icdl-course-page) #how-it-works .how-deck-meta{display:contents;}
  :is(.ai-course-page,.icdl-course-page) #how-it-works .how-deck-meta>span:not(.audience-card__icon){display:none;}
  :is(.ai-course-page,.icdl-course-page) #how-it-works .is-how-deck .audience-card{align-content:center;}
  :is(.ai-course-page,.icdl-course-page) #how-it-works .is-how-deck .audience-card__title{font-size:18px;}
}

/* Keep the ICDL backdrop inside its own section, below the audience cards. */
.icdl-course-page .difference-scene::before{top:0;height:auto;background-image:url('../images/icdl-difference-background.webp');}

/* Mobile only: keep the decorative background quiet behind contact details. */
@media(max-width:640px){
  .ai-course-page #register .course-cta--tech .course-cta__contact{position:relative;isolation:isolate;}
  .ai-course-page #register .course-cta--tech .course-cta__contact::before{content:"";position:absolute;inset:-32px -20px -26px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(4,20,65,0),rgba(4,20,65,.96) 60px,rgba(4,20,65,.97));}
  .ai-course-page #register .course-cta--tech .course-cta__row{font-size:14px;line-height:1.95;color:#f3f7ff;border-bottom-color:rgba(219,234,254,.28);}
  .ai-course-page #register .course-cta--tech .course-cta__row a{font-size:20px;color:#fff;}
  .ai-course-page #register .course-cta--tech .course-cta__row>.icon{color:#dbeafe;}
  .ai-course-page #register .course-cta--tech .course-cta__map{font-size:12px;color:#fff;border-color:rgba(219,234,254,.48);background:rgba(255,255,255,.06);}
}

/* Fade the top of the mobile artwork into the solid header color. */
@media(max-width:640px){
 .ai-course-page #register .course-cta--tech{background-image:linear-gradient(180deg,#082773 0%,#082773 calc(100% - 420px),rgba(8,39,115,0) calc(100% - 290px)),url('../images/ai-register-background.webp');background-size:100% 100%,auto 420px;background-position:center,right bottom;background-repeat:no-repeat;}
 .ai-course-page #register .course-cta--tech .course-cta__row--link:hover{background:none;}
}

/* AI subtitle under the comparison heading stays on one line on phones (never below 12px). */
@media(max-width:640px){.ai-course-page #difference .section-sub{font-size:max(12px,min(15px,calc((100vw - 40px) / 30.6)));}}

/* Device-free skill tiles; theme-aware and crisp at every size. */
.icdl-skills-art{position:relative;display:block;aspect-ratio:510/328;isolation:isolate;}
.icdl-skills-art::before,.icdl-skills-art::after{content:"";position:absolute;width:5%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eff8ff,#b6d8ff 65%,#95bff3);opacity:.7;}
.icdl-skills-art::before{left:1%;top:44%;}.icdl-skills-art::after{right:23%;top:0;}
.icdl-skill-tile{position:absolute;display:grid;place-items:center;width:21%;aspect-ratio:1;border-radius:22%;border:1px solid rgba(255,255,255,.9);background:linear-gradient(145deg,#fff,#e6f1ff);color:#3b82f6;box-shadow:0 12px 24px -14px rgba(56,112,191,.4),inset 0 -3px 8px rgba(147,197,253,.12);}
.icdl-skill-tile .icon{width:54%;height:54%;stroke-width:1.5;}
.icdl-skill-tile--word{left:15%;top:25%;transform:rotate(-5deg);}
.icdl-skill-tile--excel{left:39%;top:48%;color:#37a57d;transform:rotate(8deg);}
.icdl-skill-tile--powerpoint{left:48%;top:2%;color:#e18f68;transform:rotate(12deg);}
.icdl-skill-tile--mail{right:1%;top:22%;transform:rotate(12deg);}
.icdl-skill-tile--internet{right:5%;bottom:0;transform:rotate(8deg);}
.icdl-skill-tile--folder{left:3%;bottom:0;transform:rotate(-8deg);}
[data-theme="dark"] .icdl-skill-tile{background:linear-gradient(145deg,#213d68,#101f3c);border-color:rgba(147,197,253,.22);color:#8abaff;box-shadow:0 12px 24px -14px rgba(0,0,0,.55),inset 0 1px 4px rgba(147,197,253,.12);}
[data-theme="dark"] .icdl-skill-tile--excel{color:#6dd6ae;}[data-theme="dark"] .icdl-skill-tile--powerpoint{color:#f3ae8b;}
[data-theme="dark"] .icdl-skills-art::before,[data-theme="dark"] .icdl-skills-art::after{opacity:.45;background:radial-gradient(circle at 30% 25%,#80b7fb,#3161a0 65%,#1b345b);}
[data-theme="dark"] .icdl-course-page #what-is-icdl .title-mark{color:#93c5fd;-webkit-text-fill-color:#93c5fd;}
@media(min-width:901px){.icdl-skills-art{width:300px;max-width:78%;margin:18px calc(-36px - max(0px,(100vw - 1240px)/2)) 0 auto;}}
@media(max-width:900px){.icdl-skills-art{width:min(260px,78%);margin:18px auto 24px;}}
/* Wide screens have a clear strip beside the example, so use the page corner. */
@media(min-width:1400px){
 .icdl-course-page #what-is-icdl .difference-copy{position:relative;}
 .icdl-course-page #what-is-icdl .icdl-skills-art{position:absolute;z-index:1;top:calc(100% + 4px);right:calc(16px - 28px - (100vw - 1192px)/2);width:min(300px,calc(50vw - 516px));max-width:none;margin:0;}
}

/* A quiet ice-blue gradient softens the AI consultation button. */
.ai-course-page #register .course-cta--tech .course-cta__text>.btn{background:linear-gradient(125deg,#f4f8ff 0%,#e7f0ff 56%,#dbeaff 100%);}

/* On phones the comparison cards sit over the skill artwork, like the AI section. */
@media(max-width:640px){
 .icdl-course-page #what-is-icdl .difference-copy{position:relative;}
 .icdl-course-page #what-is-icdl .icdl-skills-art{position:absolute;top:calc(100% + 2px);right:0;z-index:-1;width:min(360px,100%);max-width:none;margin:0;pointer-events:none;}
 .icdl-course-page #what-is-icdl .compare__grid{position:relative;z-index:1;}
}

/* Both course pages use the same compact deck on every screen. */
:is(.ai-course-page,.icdl-course-page) #how-it-works{padding-bottom:24px;}
:is(.ai-course-page,.icdl-course-page) #how-it-works + #class-photos{padding-top:24px;}
:is(.ai-course-page,.icdl-course-page) #how-it-works .how-scroll-track{max-width:760px;margin-inline:auto;}
:is(.ai-course-page,.icdl-course-page) #how-it-works .how-deck-meta{display:contents;}
:is(.ai-course-page,.icdl-course-page) #how-it-works .how-deck-meta>span:not(.audience-card__icon){display:none;}
:is(.ai-course-page,.icdl-course-page) #how-it-works .is-how-deck .audience-card{display:grid;grid-template-columns:40px minmax(0,1fr);align-content:center;gap:14px 10px;}
:is(.ai-course-page,.icdl-course-page) #how-it-works .is-how-deck .audience-card__title{font-size:18px;}
@media(min-width:901px){:is(.ai-course-page,.icdl-course-page) #how-it-works .is-how-deck .audience-card{min-height:310px;padding:32px;}:is(.ai-course-page,.icdl-course-page) #how-it-works .is-how-deck .audience-card__title{font-size:22px;}:is(.ai-course-page,.icdl-course-page) #how-it-works .is-how-deck .audience-card__text{font-size:15px;}}