/* ITECH UI CORRECTIONS V1 BEGIN */
:root{
  --ui-fix-ink:#14212b;
  --ui-fix-copy:#5e707b;
  --ui-fix-line:rgba(20,33,43,.12);
  --ui-fix-cyan:#4daec7;
  --ui-fix-amber:#e2a04a;
  --ui-fix-rust:#b85e36;
  --ui-fix-dark:#09131b;
  --ui-fix-dark-2:#152b38;
  --ui-fix-cut:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
  --ui-fix-cut-sm:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));
}

/* Correct checkmark alignment on job detail and any operational checklist. */
.check-list,
.learning-check-list{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  gap:10px!important;
}
.check-list li,
.learning-check-list li{
  position:relative!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:11px!important;
  min-width:0!important;
  margin:0!important;
  padding:11px 0!important;
  color:var(--ui-fix-copy)!important;
  line-height:1.65!important;
}
.check-list li::before,
.learning-check-list li::before{
  content:"✓"!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  margin:2px 0 0!important;
  padding:0!important;
  color:#f8fbfc!important;
  background:linear-gradient(145deg,var(--ui-fix-cyan),#287e98)!important;
  border:1px solid rgba(22,93,116,.28)!important;
  border-radius:50%!important;
  clip-path:none!important;
  box-shadow:0 4px 12px rgba(45,128,153,.18)!important;
  font-family:Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
}
.check-list li+li,
.learning-check-list li+li{border-top:1px solid rgba(20,33,43,.075)!important}

/* Keep solution feature markers vertically aligned when text wraps. */
.solution-row li{
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:10px!important;
  padding:11px 14px!important;
}
.solution-row li::before{
  content:""!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  align-self:start!important;
  width:6px!important;
  height:6px!important;
  margin:7px 0 0!important;
  border-radius:50%!important;
  background:var(--ui-fix-cyan)!important;
  box-shadow:0 0 0 4px rgba(77,174,199,.09)!important;
}

/* Learning Hub */
body[data-page="learning-hub"] main{overflow:clip}
.learning-hero{
  min-height:610px!important;
  align-items:center!important;
}
.learning-hero>div:first-child{max-width:800px!important}
.learning-hero h1{max-width:800px!important}
.learning-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.learning-hero-panel{
  width:min(390px,100%);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  padding:1px;
  background:rgba(159,216,232,.16);
  border:1px solid rgba(159,216,232,.18);
  box-shadow:0 28px 70px rgba(0,0,0,.24);
  clip-path:var(--ui-fix-cut);
}
.learning-hero-panel span{
  min-height:118px;
  display:flex;
  align-items:flex-end;
  padding:20px;
  background:linear-gradient(145deg,rgba(10,23,31,.92),rgba(24,48,61,.84));
  color:#dce9ed;
  font-size:11px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.learning-hero-panel span:nth-child(2),.learning-hero-panel span:nth-child(3){color:#f0bd78}
.learning-intro{padding-bottom:108px!important}
.learning-topic-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.learning-topic-card{
  position:relative;
  min-height:310px;
  display:flex;
  flex-direction:column;
  padding:30px;
  overflow:hidden;
  background:linear-gradient(145deg,#fff,#edf3f5);
  border:1px solid var(--ui-fix-line);
  box-shadow:0 18px 48px rgba(8,18,26,.08);
  clip-path:var(--ui-fix-cut);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.learning-topic-card::after{
  content:"";
  position:absolute;
  right:-52px;
  bottom:-62px;
  width:150px;
  height:150px;
  border:1px solid rgba(77,174,199,.14);
  transform:rotate(45deg);
}
.learning-topic-card:hover{
  transform:translateY(-6px);
  border-color:rgba(77,174,199,.30);
  box-shadow:0 28px 66px rgba(8,18,26,.14);
}
.learning-topic-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  margin-bottom:28px;
  color:#236d84;
  background:#e5f3f7;
  border:1px solid rgba(77,174,199,.18);
  clip-path:var(--ui-fix-cut-sm);
}
.learning-topic-icon::before{font-size:21px;font-weight:850;line-height:1}
.learning-topic-icon.software::before{content:"</>";font-size:15px}
.learning-topic-icon.cloud::before{content:"☁"}
.learning-topic-icon.iot::before{content:"⌁";font-size:28px}
.learning-topic-icon.managed::before{content:"◫"}
.learning-topic-card small{color:var(--ui-fix-rust);font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.learning-topic-card h3{margin:10px 0 13px;color:var(--ui-fix-ink);font-size:23px;line-height:1.18}
.learning-topic-card p{margin:0;color:var(--ui-fix-copy);font-size:14px;line-height:1.7}
.learning-topic-card b{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:24px;color:#1d6077;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.learning-topic-card:hover b span{transform:translateY(4px)}
.learning-topic-card b span{transition:transform .2s ease}
.learning-guides-section{
  background:
    linear-gradient(90deg,rgba(159,216,232,.045) 1px,transparent 1px),
    linear-gradient(rgba(159,216,232,.045) 1px,transparent 1px),
    radial-gradient(circle at 84% 14%,rgba(77,174,199,.12),transparent 28%),
    linear-gradient(135deg,#081119,#12242f 58%,#1a3340);
  background-size:50px 50px,50px 50px,auto,auto;
}
.learning-guides-section .section{max-width:1240px!important}
.section-heading.light h2{color:#f2f7f8!important}
.section-heading.light>p{color:#a9bac2!important}
.learning-guide-list{display:grid;gap:18px}
.learning-guide{
  scroll-margin-top:112px;
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  overflow:hidden;
  background:linear-gradient(145deg,#f9fbfc,#eaf1f3);
  border:1px solid rgba(159,216,232,.15);
  box-shadow:0 22px 58px rgba(0,0,0,.20);
  clip-path:var(--ui-fix-cut);
}
.learning-guide-heading{
  display:flex;
  align-items:flex-start;
  gap:18px;
  padding:34px 30px;
  background:linear-gradient(145deg,#10222e,#1c3948);
  border-right:1px solid rgba(159,216,232,.12);
}
.learning-guide-heading>span{
  flex:0 0 46px;
  height:46px;
  display:grid;
  place-items:center;
  color:#a9ddea;
  background:rgba(159,216,232,.08);
  border:1px solid rgba(159,216,232,.18);
  clip-path:var(--ui-fix-cut-sm);
  font-size:11px;
  font-weight:850;
}
.learning-guide-heading small{display:block;margin:3px 0 9px;color:#e8ae63;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.learning-guide-heading h3{margin:0;color:#f1f6f7;font-size:24px;line-height:1.18}
.learning-guide-body{padding:30px 34px}
.learning-guide-body>p{margin:0 0 20px;color:var(--ui-fix-copy);font-size:14px;line-height:1.72}
.learning-guide details{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(20,33,43,.09);
}
.learning-guide details+details{margin-top:10px}
.learning-guide summary{
  position:relative;
  min-height:54px;
  display:flex;
  align-items:center;
  padding:14px 50px 14px 18px;
  color:#263944;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  list-style:none;
}
.learning-guide summary::-webkit-details-marker{display:none}
.learning-guide summary::after{
  content:"+";
  position:absolute;
  right:17px;
  top:50%;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  color:#236d84;
  background:#e6f3f6;
  border:1px solid rgba(77,174,199,.18);
  font-size:18px;
  line-height:1;
}
.learning-guide details[open] summary::after{content:"−"}
.learning-guide details[open] summary{border-bottom:1px solid rgba(20,33,43,.08)}
.learning-guide .learning-check-list{padding:7px 18px 13px!important}
.learning-guide .learning-check-list li{font-size:13px!important}
.learning-next-step{padding-top:92px!important;padding-bottom:104px!important}
.learning-next-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:50px;
  padding:48px 52px;
  background:linear-gradient(135deg,#fff,#e9f0f2);
  border:1px solid var(--ui-fix-line);
  box-shadow:0 22px 60px rgba(8,18,26,.10);
  clip-path:var(--ui-fix-cut);
}
.learning-next-card h2{max-width:760px;margin:12px 0 14px;color:var(--ui-fix-ink);font-size:clamp(32px,3.2vw,44px);line-height:1.1;letter-spacing:-.04em}
.learning-next-card p{max-width:780px;margin:0;color:var(--ui-fix-copy);line-height:1.72}
.learning-next-card>div:last-child{display:grid;gap:10px;min-width:190px}

@media(max-width:1120px){
  .learning-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .learning-topic-card{min-height:270px}
  .learning-guide{grid-template-columns:260px minmax(0,1fr)}
}
@media(max-width:860px){
  .learning-hero{min-height:auto!important;align-items:flex-start!important}
  .learning-hero-panel{width:100%;max-width:560px}
  .learning-hero-panel span{min-height:92px}
  .learning-guide{grid-template-columns:1fr}
  .learning-guide-heading{border-right:0;border-bottom:1px solid rgba(159,216,232,.12)}
  .learning-next-card{grid-template-columns:1fr}
  .learning-next-card>div:last-child{display:flex;flex-wrap:wrap;min-width:0}
}
@media(max-width:680px){
  .learning-hero-actions{display:grid;width:100%}
  .learning-hero-actions .button{width:100%}
  .learning-hero-panel{grid-template-columns:1fr 1fr}
  .learning-hero-panel span{min-height:78px;padding:15px;font-size:9px}
  .learning-topic-grid{grid-template-columns:1fr}
  .learning-topic-card{min-height:250px;padding:25px 22px}
  .learning-guide-heading{padding:25px 21px}
  .learning-guide-body{padding:22px 18px}
  .learning-guide-heading h3{font-size:21px}
  .learning-guide summary{padding-left:14px;font-size:12px}
  .learning-guide .learning-check-list{padding-inline:14px!important}
  .check-list li,.learning-check-list li{grid-template-columns:20px minmax(0,1fr)!important;column-gap:9px!important}
  .check-list li::before,.learning-check-list li::before{width:18px!important;height:18px!important;font-size:11px!important;margin-top:3px!important}
  .learning-next-card{padding:30px 23px}
  .learning-next-card>div:last-child{display:grid}
  .learning-next-card .button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .learning-topic-card,.learning-topic-card b span{transition:none!important}
}
/* ITECH UI CORRECTIONS V1 END */