.mw-page {
  --mw-rule:#bdd5dc;
  --mw-navy:var(--ip-navy,#082c40);
  --mw-pale:var(--ip-pale,#edf7f8);
}
.mw-hero-art {--hero-image-position: 75% center}
.mw-pale {background:var(--mw-pale)}
.mw-section :is(h3,h4,dt) {
  color:var(--mw-navy);
  font:600 var(--type-subhead-size)/1.3 var(--font-display);
  letter-spacing:-.035em;
}
.mw-section :is(h3,h4,p,dt,dd,a) {overflow-wrap:anywhere}
.mw-section :is(.mw-start,.mw-library,.mw-disciplines) {margin-top:32px}
.mw-start {
  --mw-intro-pad:clamp(18px,3vw,40px);
  border:1px solid var(--mw-rule);
  box-shadow:0 18px 44px #082c4014;
}
.mw-start-feature {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
}
.mw-start-film {
  display:grid;
  align-content:center;
  min-width:0;
  padding:var(--mw-intro-pad);
  background:radial-gradient(ellipse at 75% 0%,#15566a,#082c40 78%);
}
.mw-start .mc-video {margin:0;min-width:0}
.mw-start-film .mc-video-stage {outline:1px solid #78b9c588}
.mw-start-film .mc-video h3 {color:#fff}
.mw-start-film .mc-video-release {color:#86e7e1}
.mw-start-film .mc-video-credit a,
.mw-start-film .mc-video-status {color:var(--body-text-on-dark)}
.mw-start-film .mc-video-credit a:is(:hover,:focus-visible) {color:var(--link-hover-on-dark)}
.mw-start-guide {
  min-width:0;
  padding:var(--mw-intro-pad);
  background:linear-gradient(145deg,#f3fafb,#fff 72%);
}
.mw-start-guide h3 {margin:0 0 10px}
.mw-start-guide h3:not(:first-child) {
  border-top:1px solid var(--mw-rule);
  padding-top:20px;
  margin-top:20px;
}
.mw-start-guide p:last-child {margin-bottom:0}
.mw-start-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 24px;
  padding:18px var(--mw-intro-pad);
  border-top:1px solid var(--mw-rule);
  background:var(--mw-pale);
}
.mw-start-actions .ip-inline-link {margin:0}
@media(max-width:760px) {
  .mw-start-feature {grid-template-columns:minmax(0,1fr)}
}
.mw-library {display:grid;gap:24px}
.mw-library-index {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid var(--mw-rule);
  background:#fff;
}
.mw-index-item {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:14px clamp(12px,2vw,24px);
}
.mw-index-item+.mw-index-item {border-left:1px solid var(--mw-rule)}
.mw-index-item>.ms-icon {color:#106d83}
.mw-library-index .ip-inline-link {margin:0}
.mw-group {
  scroll-margin-top:calc(var(--header-height,80px) + 80px);
  border:1px solid var(--mw-rule);
  background:#fff;
  box-shadow:0 10px 28px #082c400d;
}
.mw-group-head {
  display:flex;
  align-items:center;
  gap:16px;
  padding:17px clamp(16px,2.6vw,32px);
  border-bottom:2px solid #63d7d4;
  background:
    linear-gradient(90deg,#082c40 15%,transparent),
    repeating-linear-gradient(90deg,transparent 0 23px,#a8c7d122 23px 24px),
    repeating-linear-gradient(0deg,transparent 0 23px,#a8c7d122 23px 24px),
    linear-gradient(115deg,#082c40,#15566a);
}
.mw-group-head>.ms-icon {
  flex:none;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid #74c4cb80;
  background:#103e51;
  color:#86e7e1;
}
.mw-group h3 {min-width:0;margin:0;color:white}
.mw-group h3:focus-visible {outline:2px solid #86e7e1;outline-offset:4px}
.mw-group ul {list-style:none;padding:0;margin:0}
.mw-group li {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.75fr);
  gap:22px;
  align-items:start;
  padding:22px clamp(16px,2.6vw,32px);
}
.mw-group li+li {border-top:1px solid var(--mw-rule)}
.mw-group h4 {margin:0 0 8px}
.mw-group li p,.mw-group li a {margin:0}
.mw-group li>a {
  justify-self:start;
  align-self:center;
  padding:10px 12px;
  border:1px solid var(--mw-rule);
  background:#fff;
}
.mw-group li>a:is(:hover,:focus-visible) {background:#082c40;border-color:#082c40}
.mw-task {border-left:3px solid #169da5;padding:12px 14px;background:#edf7f8}
.mw-task strong {display:block;color:var(--mw-navy);margin-bottom:5px}
.mw-discipline-section {
  background:
    radial-gradient(ellipse at 85% 0%,#15566a 0%,transparent 55%),
    repeating-linear-gradient(90deg,transparent 0 47px,#8cbcca13 47px 48px),
    repeating-linear-gradient(0deg,transparent 0 47px,#8cbcca13 47px 48px),
    #082c40;
}
.mw-discipline-section .ip-section-heading h2,
.mw-discipline-section .mw-discipline h3 {color:#fff}
.mw-discipline-section .ip-section-heading :is(.ip-label,em) {color:#86e7e1}
.product-page .mw-discipline-section p {color:var(--body-text-on-dark)}
.mw-disciplines {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  padding:1px;
  background:#537f90;
  box-shadow:0 20px 45px #04192366;
}
.mw-discipline {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:clamp(16px,2.3vw,30px);
  background:linear-gradient(145deg,#123e51,#092d41 68%);
}
.mw-discipline-head {display:flex;align-items:center;gap:14px;margin-bottom:16px}
.mw-discipline-head>.ms-icon {
  flex:none;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  color:#86e7e1;
  background:#155064;
  border:1px solid #78d0d6;
}
.mw-discipline h3 {margin:0}
.mw-discipline>p {margin:0 0 20px}
.mw-discipline dl {margin:auto 0 0;border-top:1px solid #487385}
.mw-discipline dl>div {padding:10px 0;border-bottom:1px solid #487385}
.mw-discipline dl dt {
  color:#86e7e1;
  font:700 var(--type-secondary-size)/1.4 var(--font-body);
  letter-spacing:normal;
}
.mw-discipline dd {color:var(--body-text-on-dark);margin:4px 0 0}
.mw-discipline .ip-inline-link {color:#bce8eb;width:fit-content;margin:14px 0 0}
.mw-discipline .ip-inline-link:is(:hover,:focus-visible) {color:var(--link-hover-on-dark)}
.mw-discipline-section :is(h2,h3,a):focus-visible {outline-color:#86e7e1}
@media(max-width:1050px) {
  .mw-disciplines {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:no-preference) {
  .mw-group li {transition:background-color .18s ease}
}
.mw-group li:is(:hover,:focus-within) {background:#f3f9fa}
@media(max-width:900px) {
  .mw-group li {grid-template-columns:repeat(2,minmax(0,1fr))}
  .mw-group li>a {grid-column:1/-1}
}
@media(max-width:650px) {
  .mw-library-index {grid-template-columns:minmax(0,1fr)}
  .mw-index-item+.mw-index-item {border-left:0;border-top:1px solid var(--mw-rule)}
  .mw-group li,.mw-disciplines {grid-template-columns:minmax(0,1fr)}
  .mw-group li {gap:12px}
}
