/* MASTERSKILLS | CORPORATE PREMIUM INDUSTRY CONTENT
   All declarations are scoped to .ms-ihp-section. Header, hero, footer and global widgets
   inherit their existing styles unchanged. Adopted from the Hospital & Pharmaceutical
   Corporate Premium body composition. 2026-10-24. */

.ms-ihp-section {
  --ihp-navy:#103d61;
  --ihp-deep:#102d46;
  --ihp-ink:#20374a;
  --ihp-muted:#53697a;
  --ihp-line:#dfe7ee;
  --ihp-cyan:#1b89ab;
  --ihp-soft:#f4f8fb;
  --ihp-white:#ffffff;
  --ihp-shadow:0 13px 38px rgba(23,59,86,.075);
  position:relative;
  color:var(--ihp-ink);
  background:#fff;
  font-family:inherit;
}
.ms-ihp-section *, .ms-ihp-section *::before, .ms-ihp-section *::after{box-sizing:border-box}
.ms-ihp-section.ms-ihp-catalog{background:#f3f7fa}
.ms-ihp-section.ms-ihp-featured{background:#fff}
.ms-ihp-section .site-section-frame{max-width:1200px; margin-inline:auto; padding:0 22px}
.ms-ihp-section .ms-ihp-shell{width:100%;max-width:none;margin-inline:auto;padding:76px 0 82px}
.ms-ihp-section p{margin:0;color:var(--ihp-muted);font-size:15px;line-height:1.8}
.ms-ihp-section h2,.ms-ihp-section h3{font-family:inherit;color:var(--ihp-deep);letter-spacing:-.025em}
.ms-ihp-section h2{font-size:clamp(27px,2.55vw,38px);font-weight:750;line-height:1.26;margin:11px 0 21px}
.ms-ihp-section h3{font-size:19px;font-weight:750;line-height:1.4;margin:0}
.ms-ihp-section .ms-ihp-eyebrow{display:flex;align-items:center;gap:10px;color:#147392;font-size:11px;letter-spacing:.13em;font-weight:800;line-height:1.5}
.ms-ihp-section .ms-ihp-line{width:27px;height:2px;background:#23a0c2;display:inline-block;flex:none}
.ms-ihp-section .ms-ihp-section-kicker,.ms-ihp-section .ms-ihp-card-kicker,.ms-ihp-section .ms-ihp-group-kicker{color:#187894;font-size:11px;letter-spacing:.09em;font-weight:800;line-height:1.5}

/* Intro / executive summary */
.ms-ihp-section .ms-ihp-intro{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(275px,.85fr);gap:52px;align-items:stretch}
.ms-ihp-section .ms-ihp-intro-copy{padding:4px 0}
.ms-ihp-section .ms-ihp-intro-copy h2{max-width:820px}
.ms-ihp-section .ms-ihp-lead{font-size:16px;line-height:1.85;max-width:770px;color:#43596a}
.ms-ihp-section .ms-ihp-lead--secondary{margin-top:15px;color:#617485}
.ms-ihp-section .ms-ihp-intro-aside{background:linear-gradient(144deg,#0d4165,#102f4b 82%);border:1px solid #28607f;border-radius:13px;padding:30px 28px 27px;position:relative;overflow:hidden;box-shadow:0 17px 35px rgba(9,45,71,.11)}
.ms-ihp-section .ms-ihp-intro-aside::after{content:"";width:155px;height:155px;border:1px solid rgba(255,255,255,.11);border-radius:50%;position:absolute;right:-82px;top:-79px}
.ms-ihp-section .ms-ihp-aside-rule{display:block;width:36px;height:3px;background:#5bcbe6;margin-bottom:21px}
.ms-ihp-section .ms-ihp-aside-label{color:#cfebf5;font-size:11px;letter-spacing:.1em;font-weight:800}
.ms-ihp-section .ms-ihp-stats{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:32px;padding:0 0 24px;border-bottom:1px solid rgba(255,255,255,.23)}
.ms-ihp-section .ms-ihp-stats>div{min-width:0}
.ms-ihp-section .ms-ihp-stats strong{font-size:45px;line-height:1.12;color:#fff;letter-spacing:-.04em;font-weight:750;display:block}
.ms-ihp-section .ms-ihp-stats span{display:block;margin-top:7px;color:#e5f1f8;font-size:12px}
.ms-ihp-section .ms-ihp-aside-foot{color:#c9dde9;margin-top:23px;font-size:12px;line-height:1.8}

/* Four industry challenges */
.ms-ihp-section .ms-ihp-context-heading{margin:61px 0 21px}
.ms-ihp-section .ms-ihp-context-heading h3{font-size:25px;line-height:1.3;margin:7px 0 0}
.ms-ihp-section .ms-ihp-context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ms-ihp-section .ms-ihp-context-card{background:#fff;border:1px solid var(--ihp-line);border-radius:10px;padding:24px 23px 26px;box-shadow:0 5px 19px rgba(13,53,80,.035);position:relative;min-width:0}
.ms-ihp-section .ms-ihp-context-card::before{content:"";height:3px;background:linear-gradient(90deg,#0984ab,#88cee1);position:absolute;top:-1px;left:23px;right:55%;border-radius:0 0 3px 3px}
.ms-ihp-section .ms-ihp-context-no{font-size:11px;display:block;letter-spacing:.075em;color:#1290b4;font-weight:800;margin-bottom:15px}
.ms-ihp-section .ms-ihp-context-card h3{font-size:17px;margin-bottom:12px;line-height:1.37;letter-spacing:-.01em}
.ms-ihp-section .ms-ihp-context-card p{font-size:13px;line-height:1.77}

/* Learning outcomes and target audiences */
.ms-ihp-section .ms-ihp-overview-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:20px;margin-top:31px;align-items:stretch}
.ms-ihp-section .ms-ihp-info-card{background:#f8fbfd;border:1px solid #e0e9ef;border-radius:12px;padding:31px 33px;min-width:0}
.ms-ihp-section .ms-ihp-info-head{display:flex;align-items:center;gap:14px;margin-bottom:23px}
.ms-ihp-section .ms-ihp-info-head h3{font-size:24px;margin-top:4px}
.ms-ihp-section .ms-ihp-icon{width:47px;height:47px;border:1px solid #d0e8f2;border-radius:10px;background:#e5f3f9;color:#096e8c;display:inline-flex;justify-content:center;align-items:center;flex:none;font-size:23px;font-weight:700}
.ms-ihp-section .ms-ihp-icon svg{height:23px;width:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ms-ihp-section .ms-ihp-checklist,.ms-ihp-section .ms-ihp-audience-list{list-style:none;padding:0;margin:0;display:grid;gap:13px}
.ms-ihp-section .ms-ihp-checklist li{position:relative;padding-left:26px;font-size:14px;line-height:1.7;color:#445b6b}
.ms-ihp-section .ms-ihp-checklist li::before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;display:grid;place-items:center;background:#e2f3f6;color:#167e96;border-radius:50%;font-size:11px;font-weight:800}
.ms-ihp-section .ms-ihp-checklist li strong{font-weight:700;color:#234258}
.ms-ihp-section .ms-ihp-audience-list{gap:0}
.ms-ihp-section .ms-ihp-audience-list li{display:flex;gap:17px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #e0e9ed;color:#334d60;font-size:14px;line-height:1.55}
.ms-ihp-section .ms-ihp-audience-list li:first-child{padding-top:0}
.ms-ihp-section .ms-ihp-audience-list li:last-child{border-bottom:0;padding-bottom:2px}
.ms-ihp-section .ms-ihp-audience-num{flex:none;color:#2189a7;letter-spacing:.03em;font-weight:800;font-size:12px;line-height:1.8}
.ms-ihp-section .ms-ihp-audience-list strong{font-weight:650;color:#29485a;display:block}
.ms-ihp-section .ms-ihp-audience-list small{display:block;font-size:12px;line-height:1.55;color:#6b7e8a;margin-top:3px}
.ms-ihp-section .ms-ihp-audience-note{margin-top:18px;border-left:2px solid #6ebbd1;padding-left:13px;font-size:13px;font-style:italic;color:#607b8b}

/* Program group catalog */
.ms-ihp-section .ms-ihp-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:34px}
.ms-ihp-section .ms-ihp-section-head>div{max-width:860px}
.ms-ihp-section .ms-ihp-section-head h2{margin-bottom:13px}
.ms-ihp-section .ms-ihp-section-desc{font-size:15px;max-width:820px}
.ms-ihp-section .ms-ihp-text-link{flex:none;color:#116d8c;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;gap:10px;padding:0 0 8px;white-space:nowrap}
.ms-ihp-section .ms-ihp-text-link:hover{color:#0a3d60}
.ms-ihp-section .ms-ihp-text-link span{font-size:18px}
.ms-ihp-section .ms-ihp-group-list{display:grid;gap:14px}
.ms-ihp-section .ms-ihp-group{border:1px solid #dee8ee;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(22,63,86,.026)}
.ms-ihp-section .ms-ihp-group[open]{border-color:#bad3df;box-shadow:0 12px 28px rgba(22,63,86,.062)}
.ms-ihp-section .ms-ihp-group summary{cursor:pointer;display:flex;align-items:center;gap:21px;padding:23px 27px;min-height:82px;list-style:none;outline-offset:-3px}
.ms-ihp-section .ms-ihp-group summary::-webkit-details-marker{display:none}
.ms-ihp-section .ms-ihp-group summary::marker{content:""}
.ms-ihp-section .ms-ihp-group[open] summary{background:linear-gradient(110deg,#f6fafc,#fff);border-bottom:1px solid #e3edf2}
.ms-ihp-section .ms-ihp-group-no{font-size:15px;color:#0f87a5;font-weight:850;letter-spacing:.06em;width:35px;flex:none}
.ms-ihp-section .ms-ihp-group-title{font-size:18px;line-height:1.4;color:#183b54;font-weight:750;flex:1;min-width:0}
.ms-ihp-section .ms-ihp-group-count{font-size:12px;color:#4b697d;background:#eef6fa;border:1px solid #dcecf3;padding:6px 11px;border-radius:40px;font-weight:700;white-space:nowrap}
.ms-ihp-section .ms-ihp-chevron{flex:none;width:12px;height:12px;border-bottom:2px solid #438099;border-right:2px solid #438099;transform:rotate(45deg);transition:transform .2s;margin:-5px 6px 0 10px}
.ms-ihp-section .ms-ihp-group[open] .ms-ihp-chevron{transform:rotate(225deg);margin-top:6px}
.ms-ihp-section .ms-ihp-group-content{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.35fr);gap:29px;padding:30px 32px 33px}
.ms-ihp-section .ms-ihp-group-description{padding-right:25px;border-right:1px solid #e3edf1}
.ms-ihp-section .ms-ihp-group-description p{margin-top:13px;font-size:14px;line-height:1.8}
.ms-ihp-section .ms-ihp-course-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ms-ihp-section .ms-ihp-course-list li{min-width:0}
.ms-ihp-section .ms-ihp-course-list a,.ms-ihp-section .ms-ihp-course-unlinked{display:grid;grid-template-columns:80px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:13px 14px;min-height:50px;border:1px solid #e5edf2;border-radius:7px;text-decoration:none;background:#fbfdfe;font-size:14px;line-height:1.52;transition:background .2s,border-color .2s}
.ms-ihp-section .ms-ihp-course-list a:hover,.ms-ihp-section .ms-ihp-course-list a:focus-visible{background:#ebf7fb;border-color:#a9d7e6}
.ms-ihp-section .ms-ihp-code{font-size:11px;color:#2089a8;font-weight:850;letter-spacing:.035em}
.ms-ihp-section .ms-ihp-name{color:#304b61;font-weight:650}
.ms-ihp-section .ms-ihp-course-arrow{color:#26839b;font-size:16px;font-weight:700;text-align:right}
.ms-ihp-section .ms-ihp-course-unlinked{opacity:.75}

/* Four featured course tiles */
.ms-ihp-section .ms-ihp-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ms-ihp-section .ms-ihp-feature-card{min-width:0;display:flex;flex-direction:column;background:#fff;overflow:hidden;border:1px solid #dfe9ef;border-radius:10px;text-decoration:none;box-shadow:var(--ihp-shadow);transition:transform .2s,box-shadow .2s,border-color .2s}
.ms-ihp-section .ms-ihp-feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(21,61,87,.14);border-color:#b5d4e1}
.ms-ihp-section .ms-ihp-feature-media{width:100%;aspect-ratio:1.42;overflow:hidden;position:relative;background:linear-gradient(120deg,#e0ebef,#f5f8fa)}
/* Portrait-safe editorial crop: use the top of the original portrait image as
   the focal point, rather than its vertical centre. This keeps heads and faces
   visible in the shared landscape-format featured-course cards across 14 pages.
   Landscape photos keep their existing centre crop. The hover zoom is anchored
   at the top, too, to avoid re-cutting foreheads while hovering. */
.ms-ihp-section .ms-ihp-feature-media img{width:100%;height:100%;object-fit:cover;object-position:center center;transform-origin:center top;display:block;transition:transform .45s}
.ms-ihp-section .ms-ihp-feature-media img[src*="-portrait."]{object-position:center top}
.ms-ihp-section .ms-ihp-feature-card:hover .ms-ihp-feature-media img{transform:scale(1.045)}
.ms-ihp-section .ms-ihp-feature-content{flex:1;display:flex;flex-direction:column;padding:21px 20px 20px;min-height:222px}
.ms-ihp-section .ms-ihp-feature-kicker{font-size:10px;letter-spacing:.08em;color:#1585a3;font-weight:850;line-height:1.6;margin-bottom:9px}
.ms-ihp-section .ms-ihp-feature-content h3{font-size:17px;line-height:1.43;margin:0 0 14px;min-height:49px}
.ms-ihp-section .ms-ihp-feature-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;margin-bottom:19px}
.ms-ihp-section .ms-ihp-meta-chip{display:inline-flex;align-items:center;gap:5px;border-radius:5px;background:#f0f5f8;padding:6px 8px;color:#536c7b;font-size:11px;line-height:1.4}
.ms-ihp-section .ms-ihp-meta-chip svg{height:15px;width:15px;stroke:#2284a2;fill:none;stroke-width:1.7;flex:none}
.ms-ihp-section .ms-ihp-feature-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e3ebef;padding-top:13px;color:#0d7695;font-size:12px;font-weight:750}
.ms-ihp-section .ms-ihp-feature-link span{font-size:17px}
.ms-ihp-section a:focus-visible,.ms-ihp-section summary:focus-visible{outline:3px solid #2ba4c5;outline-offset:2px}
@media(max-width:1024px){
 .ms-ihp-section .ms-ihp-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ms-ihp-section .ms-ihp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ms-ihp-section .ms-ihp-intro{gap:28px;grid-template-columns:minmax(0,1.4fr) minmax(250px,.9fr)}
 .ms-ihp-section .ms-ihp-feature-content{min-height:205px}
}
@media(max-width:760px){
 .ms-ihp-section .site-section-frame{padding:0 17px}
 .ms-ihp-section .ms-ihp-shell{padding:50px 0 56px}
 .ms-ihp-section .ms-ihp-intro,.ms-ihp-section .ms-ihp-overview-grid,.ms-ihp-section .ms-ihp-group-content{grid-template-columns:1fr}
 .ms-ihp-section .ms-ihp-intro-aside{padding:25px}
 .ms-ihp-section .ms-ihp-stats{margin-top:22px}
 .ms-ihp-section .ms-ihp-context-heading{margin-top:44px}
 .ms-ihp-section .ms-ihp-group-content{gap:21px;padding:25px 21px}
 .ms-ihp-section .ms-ihp-group-description{padding:0 0 19px;border-right:0;border-bottom:1px solid #e3edf1}
 .ms-ihp-section .ms-ihp-section-head{align-items:flex-start;flex-direction:column;gap:15px}
 .ms-ihp-section .ms-ihp-info-card{padding:24px}
 .ms-ihp-section .ms-ihp-group-title{font-size:16px}
 .ms-ihp-section .ms-ihp-group summary{gap:12px;padding:18px 19px}
}
@media(max-width:480px){
 .ms-ihp-section .ms-ihp-context-grid,.ms-ihp-section .ms-ihp-feature-grid{grid-template-columns:1fr}
 .ms-ihp-section h2{font-size:27px}
 .ms-ihp-section .ms-ihp-course-list a,.ms-ihp-section .ms-ihp-course-unlinked{grid-template-columns:66px minmax(0,1fr) 15px;gap:7px;padding:12px 9px}
 .ms-ihp-section .ms-ihp-group-count{display:none}
 .ms-ihp-section .ms-ihp-feature-content{min-height:unset}
 .ms-ihp-section .ms-ihp-feature-content h3{min-height:0}
}
@media(prefers-reduced-motion:reduce){.ms-ihp-section *, .ms-ihp-section *::before{transition:none!important;animation:none!important}}

/* Override only the generic site-frame decoration within premium body sections.
   The hero frame and all header/footer selectors remain untouched. */
#main-content.site-frame-system > .ms-ihp-section{padding:0!important;background:#fff!important}
#main-content.site-frame-system > .ms-ihp-catalog{background:#f3f7fa!important}
#main-content .ms-ihp-section .site-section-frame{
  max-width:1200px;width:100%;padding:0 24px;margin-inline:auto;
  border:0;border-radius:0;background:transparent;box-shadow:none;
}
#main-content .ms-ihp-section .site-section-frame::before{content:none;display:none}
@media(max-width:620px){
 #main-content .ms-ihp-section .site-section-frame{width:100%;padding:0 19px;box-shadow:none}
}
