.standardized-page:has(> .learning-dashboard) > .page-standard-header {
  display: none;
}

.standardized-page:has(> .learning-dashboard) {
  width: 100%;
  max-width: none;
}

#route-view,
#route-view.subpage,
#route-view > .subpage,
.subpage,
.page-standard-header {
  width: 100%;
  max-width: none;
}

.learning-dashboard {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

.topbar nav a {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  color: #aebdca;
  transition: color 160ms ease;
}

.topbar nav a:hover,
.topbar nav a.active,
.topbar nav a[aria-current="page"] {
  color: #fff;
}

.topbar nav a.active,
.topbar nav a[aria-current="page"] {
  box-shadow: inset 0 -2px 0 #159cff;
}

.topbar nav a.active::after,
.topbar nav a[aria-current="page"]::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: #159cff;
  box-shadow: 0 0 8px #159cff66;
  content: "";
}

.topbar nav a:not(.active):not([aria-current="page"])::after {
  transform: scaleX(0);
  box-shadow: none;
}

@media (max-width: 1450px) {
  .topbar nav.open a {
    align-self: auto;
    min-height: 34px;
  }
}

@media (max-width: 1900px) and (min-width: 1201px) {
  .topbar nav a:nth-child(n + 9) {
    display: none;
  }

  .global-search {
    min-width: 210px;
  }
}

@media (max-width: 1500px) and (min-width: 1201px) {
  .topbar nav a:nth-child(n + 7) {
    display: none;
  }
}

.learning-main > header h1 {
  display: block !important;
}

@media (max-width: 760px) {
  .learning-dashboard,
  .learning-main,
  .learning-main > header,
  .learning-main > header > div {
    min-width: 0;
    max-width: 100%;
  }

  .learning-main > header > div:last-child {
    flex-direction: column;
  }

  .learning-main > header button,
  .learning-main > header a {
    width: 100%;
    min-width: 0;
  }
}

.course-review-panel {
  margin-top: 16px;
  padding: 20px;
}

.course-review-panel > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.course-review-panel > header h2 {
  margin: 3px 0;
}

.course-review-panel > header > div:last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.course-review-panel button {
  padding: 9px 13px;
  border: 1px solid #269fe9;
  border-radius: 6px;
  background: #0b3450;
  color: #fff;
}

.course-review-panel label {
  display: grid;
  gap: 7px;
  margin-top: 16px;
  color: #aebdca;
}

.course-review-panel textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #31506a;
  border-radius: 7px;
  background: #07131f;
  color: #fff;
  resize: vertical;
}

.course-review-panel ol {
  display: grid;
  gap: 7px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.course-review-panel li {
  display: grid;
  grid-template-columns: minmax(170px, .35fr) 1fr;
  gap: 6px 18px;
  padding: 11px;
  border: 1px solid #294256;
  border-radius: 7px;
}

.course-review-panel li span,
.course-review-panel li p {
  color: #8fa2b1;
}

.course-review-panel li p {
  grid-column: 1 / -1;
  margin: 0;
}

.course-review-panel output {
  display: block;
  margin-top: 10px;
  color: #f0bb58;
}

@media (max-width: 650px) {
  .course-review-panel > header {
    flex-direction: column;
  }

  .course-review-panel > header > div:last-child,
  .course-review-panel button {
    width: 100%;
  }

  .course-review-panel li {
    grid-template-columns: 1fr;
  }
}

/* Canonical Academy routed-page frame. This is intentionally last-loaded so
   legacy page-specific width rules cannot move headers, navigation or content. */
#route-view.standardized-page:not([hidden]) {
  --academy-page-gutter: clamp(28px, 2.7vw, 54px);
  position: static !important;
  right: auto !important;
  left: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0;
}

#route-view.standardized-page:not([hidden]) > .page-standard-header {
  display: block;
  width: 100% !important;
  max-width: none !important;
  min-height: 184px !important;
  margin: 0 !important;
  padding: 30px var(--academy-page-gutter) 25px !important;
  overflow: hidden;
  border-bottom: 1px solid #284156;
  box-sizing: border-box;
}

#route-view.standardized-page:not([hidden]) > .page-standard-header .page-breadcrumb {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 20px;
  margin: 0 0 21px !important;
  color: #7f94a7;
  font-size: 11px;
}

#route-view.standardized-page:not([hidden]) > .page-standard-header > .eyebrow {
  margin: 0 0 8px !important;
  color: #39b5ff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  line-height: 1.25;
}

#route-view.standardized-page:not([hidden]) > .page-standard-header > h1 {
  width: auto;
  max-width: 1400px !important;
  margin: 0 !important;
  color: var(--qmi-text, #f4f8fc);
  font-size: clamp(38px, 4vw, 62px) !important;
  font-weight: 700;
  line-height: 1 !important;
  letter-spacing: -.05em !important;
  text-wrap: balance;
  white-space: normal !important;
}

#route-view.standardized-page:not([hidden]) > .qmi-section-nav {
  position: relative !important;
  top: auto !important;
  z-index: 8;
  display: flex;
  align-items: stretch;
  gap: 32px !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 44px;
  margin: 0 !important;
  padding: 0 var(--academy-page-gutter) !important;
  overflow-x: auto;
  overflow-y: hidden;
  border-top: 0 !important;
  border-bottom: 1px solid #284156 !important;
  background: #04111d !important;
  box-sizing: border-box;
  scrollbar-width: none;
}

#route-view.standardized-page:not([hidden]) > .qmi-section-nav::-webkit-scrollbar {
  display: none;
}

#route-view.standardized-page:not([hidden]) > .qmi-section-nav > a {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: 44px;
  padding: 0 2px !important;
  border: 0;
  border-bottom: 2px solid transparent;
  color: #90a3b2;
  font-size: 11px;
  white-space: nowrap;
}

#route-view.standardized-page:not([hidden]) > .qmi-section-nav > a:hover,
#route-view.standardized-page:not([hidden]) > .qmi-section-nav > a.active {
  border-bottom-color: #159cff;
  color: #fff;
}

#route-view.standardized-page:not([hidden]) > .qmi-page-container:not(.signin-page):not(.registration-page) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
  padding: 18px var(--academy-page-gutter) 70px !important;
  box-sizing: border-box;
}

/* Identity pages deliberately replace the standard frame with their dedicated shell. */
#route-view.standardized-page:has(> .signin-page) > .page-standard-header,
#route-view.standardized-page:has(> .signin-page) > .qmi-section-nav,
#route-view.standardized-page:has(> .registration-page) > .page-standard-header,
#route-view.standardized-page:has(> .registration-page) > .qmi-section-nav {
  display: none !important;
}

@media (max-width: 700px) {
  #route-view.standardized-page:not([hidden]) {
    --academy-page-gutter: 14px;
  }

  #route-view.standardized-page:not([hidden]) > .page-standard-header {
    min-height: 150px !important;
    padding-top: 23px !important;
    padding-bottom: 20px !important;
  }

  #route-view.standardized-page:not([hidden]) > .page-standard-header .page-breadcrumb {
    margin-bottom: 17px !important;
  }

  #route-view.standardized-page:not([hidden]) > .page-standard-header > h1 {
    font-size: 38px !important;
  }

  #route-view.standardized-page:not([hidden]) > .qmi-section-nav {
    gap: 22px !important;
  }

  #route-view.standardized-page:not([hidden]) > .qmi-page-container:not(.signin-page):not(.registration-page) {
    padding-top: 14px !important;
    padding-bottom: 50px !important;
  }
}

/* Products ecosystem */
#route-view.standardized-page > .products-hero {
  position: relative;
  display: block !important;
  min-height: 250px !important;
  height: 250px !important;
  padding-top: 25px !important;
  padding-bottom: 17px !important;
  background: #061421;
}
.products-hero-copy { position: relative; z-index: 2; width: 47%; }
.products-hero-copy > h1 { margin: 0; font-size: clamp(30px,2.2vw,36px) !important; letter-spacing: -.04em; line-height: 1.05; white-space: nowrap; }
.products-hero-copy > p:not(.eyebrow) { margin: 11px 0 14px; color: #9db0bf; }
.products-hero-copy > div { display: flex; gap: 10px; }
.products-hero-copy > div a { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; border: 1px solid #294b63; border-radius: 5px; color: #c7d6e1; }
.products-hero-copy > div .primary-action { border-color: #158fe8; color: #fff; }
.products-hero-copy ul { display: flex; gap: 9px; margin: 13px 0 0; padding: 0; list-style: none; }
.products-hero-copy li { padding: 7px 11px; border: 1px solid #213e52; border-radius: 5px; color: #8ea4b5; font-size: 10px; }
.products-hero > img { position: absolute; z-index: 1; top: 0; right: 0; display: block !important; width: 64%; height: 100%; object-fit: cover; object-position: center; mask-image: linear-gradient(to right,transparent 0,#000 16%,#000 100%); }
#route-view.standardized-page > .products-nav { gap: 40px !important; }
#route-view.standardized-page > .products-page { padding-top: 14px !important; }
.products-page > h2 { margin: 0 0 8px; font-size: 18px; }
.product-ecosystem-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 10px; }
.product-ecosystem-card { position: relative; min-height: 190px; overflow: hidden; border: 1px solid #29475c; border-radius: 8px; background: linear-gradient(135deg,#091c2b,#06131f); }
.product-design { grid-column: span 8; min-height: 300px; }
.product-render { grid-column: span 4; min-height: 300px; }
.product-academy,.product-cloud,.product-developer,.product-exchange { grid-column: span 3; }
.product-card-copy { position: relative; z-index: 2; width: 54%; height: 100%; padding: 18px; background: linear-gradient(90deg,#081a28 76%,transparent); }
.product-design .product-card-copy { width: 36%; }
.product-render .product-card-copy { width: 43%; }
.product-card-copy header { display: flex; gap: 11px; align-items: flex-start; }
.product-card-copy header > i { display: grid; place-items: center; flex: 0 0 40px; height: 40px; border: 1px solid #28618a; border-radius: 7px; color: #55b8ff; font-style: normal; font-size: 20px; }
.product-card-copy h2 { margin: 2px 0 7px; font-size: 18px; }
.product-card-copy h2 small { margin-left: 5px; padding: 3px 6px; border-radius: 7px; background: #073f68; color: #35b6ff; font-size: 8px; letter-spacing: .1em; }
.product-card-copy strong { display: block; color: #d9e5ec; font-size: 12px; line-height: 1.45; }
.product-card-copy > p { color: #92a6b5; font-size: 11px; line-height: 1.5; }
.product-card-copy > ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; padding: 0; list-style: none; }
.product-card-copy > ul li { padding: 5px 8px; border: 1px solid #2a4a60; border-radius: 5px; color: #9db1c0; font-size: 9px; }
.product-card-copy > a { position: absolute; bottom: 14px; left: 15px; padding: 8px 11px; border: 1px solid #2774a9; border-radius: 5px; color: #5cc2ff; font-size: 10px; }
.product-card-art { position: absolute; inset: 0 0 0 38%; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle at 65% 50%,#16476b 0,transparent 45%),repeating-linear-gradient(0deg,transparent 0 25px,#1b527322 26px),repeating-linear-gradient(90deg,transparent 0 25px,#1b527322 26px); }
.product-card-art > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.product-design .product-card-art { left: 34%; }
.product-render .product-card-art { left: 35%; }
.product-academy .product-card-art > img { filter: saturate(.85) brightness(.72) hue-rotate(175deg); }
.product-developer .product-card-art > img { object-position: 63% center; }
.product-exchange .product-card-art > img { object-position: 88% center; }
.product-card-art > span { position: relative; z-index: 2; color: #92d7ff; font-size: clamp(50px,7vw,110px); text-shadow: 0 0 25px #168de8; transform: rotate(-8deg); }
.product-render .product-card-art { background: radial-gradient(circle,#654a25 0,#231d20 32%,#071621 66%); }
.product-render .product-card-art > span { color: #d3a564; }
.product-developer .product-card-art { background: radial-gradient(circle,#0d543e,#071a20 60%); }
.product-developer .product-card-art > span { color: #55e0a2; }
.product-exchange .product-card-art { background: radial-gradient(circle,#6a3d12,#151a20 60%); }
.product-exchange .product-card-art > span { color: #ff9a32; }
.product-academy .product-card-copy > p,
.product-cloud .product-card-copy > p,
.product-developer .product-card-copy > p,
.product-exchange .product-card-copy > p { max-height: 34px; overflow: hidden; font-size: 9px; }
.product-workflow { display: grid; grid-template-columns: 175px repeat(5,1fr) 190px; align-items: center; min-height: 78px; gap: 8px; margin-top: 12px; padding: 14px 16px; border: 1px solid #29475c; border-radius: 8px; background: #081927; }
.product-workflow > div strong { font-size: 16px; }
.product-workflow article { display: flex; align-items: center; gap: 8px; }
.product-workflow article > i { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #2d5975; border-radius: 9px; color: #58bfff; font-style: normal; }
.product-workflow article p { display: flex; flex-direction: column; margin: 0; font-size: 10px; }
.product-workflow article span { color: #8096a6; font-size: 8px; }
.product-workflow article em { margin-left: auto; color: #547086; font-style: normal; }
.product-workflow > a { text-align: center; padding: 10px; border-radius: 5px; }
@media (max-width: 900px) {
  #route-view.standardized-page > .products-hero { height: auto !important; min-height: 260px !important; }
  .products-hero > img { position: absolute; inset: 0; height: 100%; opacity: .3; }
  .products-hero-copy { width: 100%; max-width: 680px; }
  .products-hero-copy > h1 { white-space: normal; }
  .product-design,.product-render,.product-academy,.product-cloud,.product-developer,.product-exchange { grid-column: span 6; }
  .product-card-copy,.product-design .product-card-copy { width: 62%; }
  .product-workflow { grid-template-columns: 1fr 1fr; }
  .product-workflow > a { grid-column: 1/-1; }
}
@media (max-width: 600px) {
  .products-hero-copy > div,.products-hero-copy ul { flex-wrap: wrap; }
  .product-design,.product-render,.product-academy,.product-cloud,.product-developer,.product-exchange { grid-column: 1/-1; }
  .product-card-copy,.product-design .product-card-copy { width: 72%; }
  .product-workflow { grid-template-columns: 1fr; }
}

/* Support Center production artwork and reference-matched presentation. */
.support-page { max-width: none !important; }
.support-hero {
  position: relative;
  isolation: isolate;
  grid-template-columns: minmax(0,1fr) 215px;
  min-height: 238px;
  align-items: center;
  overflow: hidden;
  padding: 24px 24px 22px;
  border: 1px solid #24445a;
  border-radius: 8px;
  background-color: #061522;
  background-image: linear-gradient(90deg,rgba(3,15,25,.98) 0%,rgba(3,15,25,.9) 35%,rgba(3,15,25,.34) 72%,rgba(3,15,25,.74) 100%),url('qmi-support-diagnostics-hero.png?v=2');
  background-position: center,right center;
  background-size: 100% 100%,cover;
  background-repeat: no-repeat;
}
.support-hero > div:first-child { position: relative; z-index: 2; max-width: 760px; }
.support-hero-art { position: relative; z-index: 3; display: block; min-height: 190px; overflow: visible; }
.support-machine,.support-hero-art > span { display: none !important; }
.support-hero-art dl { position: absolute; top: 50%; right: 0; width: 190px; margin: 0; transform: translateY(-50%); }
.support-hero-art dl > div { background: rgba(4,19,30,.88); backdrop-filter: blur(5px); }
.support-category { min-height: 82px; transition: border-color .18s,transform .18s; }
.support-category:hover { border-color: #3b9edc; transform: translateY(-2px); }
.support-page .support-topic {
  position: relative;
  isolation: isolate;
  min-height: 0;
  height: 326px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 18px !important;
  background-color: #061522 !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}
.support-page .support-topic::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: '';
  background: linear-gradient(90deg,rgba(3,15,25,.97) 0%,rgba(3,15,25,.88) 48%,rgba(3,15,25,.48) 100%),linear-gradient(0deg,rgba(3,15,25,.7),transparent 55%);
}
.support-topic > h2,.support-topic > nav { position: relative; z-index: 1; }
.support-topic nav { margin-top: 5px; }
.support-topic nav button { min-height: 0 !important; height: 30px; padding: 5px 8px !important; border-radius: 4px; color: #e1edf5; text-shadow: 0 1px 2px #000; }
.support-topic nav button:hover { background: rgba(17,77,112,.64); }
.support-topic-art { display: none; }
.support-page .support-topic:nth-child(1) { background-image: url('qmi-support-install.png?v=4') !important; }
.support-page .support-topic:nth-child(2) { background-image: url('qmi-support-license.png?v=4') !important; }
.support-page .support-topic:nth-child(3) { background-image: url('qmi-support-account.png?v=4') !important; }
.support-page .support-topic:nth-child(4) { background-image: url('qmi-support-diagnostics-card.png?v=4') !important; }
.support-topic-art > * { visibility: hidden; }
.popular-support { border-color: #31556f !important; }
.popular-support button { min-height: 40px; margin: 3px; padding: 8px 10px; border: 1px solid #29475d; border-radius: 5px; }
.support-assistant { border-color: #265b7d !important; }
.support-recovery { min-height: 88px; border-color: #8155d6 !important; background: linear-gradient(100deg,#10162d,#071827) !important; }
.support-recovery button { border-color: #a16aff; color: #c4a0ff; }
@media (max-width: 900px) {
  .support-hero-art { display: none; }
  .support-topic { height: auto; min-height: 250px; }
}

/* Academic Access owns a single image-backed feature hero, like Support. */
#route-view.standardized-page > .academic-landing {
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.academic-program-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 440px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background-color: #041421;
  background-image:
    linear-gradient(90deg,rgba(2,15,28,.99) 0%,rgba(2,15,28,.94) 25%,rgba(2,15,28,.54) 48%,rgba(2,15,28,.1) 78%,rgba(2,15,28,.22) 100%),
    url('qmi-academic-hero.png?v=2');
  background-position: center,center;
  background-size: 100% 100%,cover;
  background-repeat: no-repeat;
}
.academic-program-copy {
  position: relative;
  z-index: 1;
  width: min(720px,52%);
  margin: 0;
  padding: 52px var(--academy-page-gutter,42px);
}
.academic-program-copy h1 {
  max-width: 660px;
  margin: 12px 0 16px;
  font-size: clamp(48px,5vw,76px);
  line-height: .94;
}
.academic-program-copy > p:not(.eyebrow) { max-width: 540px; }
@media (max-width: 800px) {
  .academic-program-hero {
    min-height: 480px;
    background-image:
      linear-gradient(90deg,rgba(2,15,28,.98) 0%,rgba(2,15,28,.88) 62%,rgba(2,15,28,.48) 100%),
      url('qmi-academic-hero.png?v=2');
    background-position: center,64% center;
  }
  .academic-program-copy { width: min(620px,88%); }
}
@media (max-width: 560px) {
  .academic-program-hero { min-height: 520px; background-position: center,70% center; }
  .academic-program-copy { width: 100%; padding: 38px 20px; }
  .academic-program-copy h1 { font-size: clamp(42px,13vw,58px); }
}

/* Authenticated customer support cases. */
.support-case-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;padding-block:24px}.support-case-form,.support-case-guidance{padding:24px}.support-case-form>header,.support-cases-dashboard>header,.support-case-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.support-case-form h2,.support-cases-dashboard h2,.support-case-summary h2{margin:0 0 5px}.support-case-form p,.support-cases-dashboard p,.support-case-summary p{margin:0;color:#9fb3c4}.support-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.support-form-grid label,.support-reply-form label{display:grid;gap:7px;color:#cbd9e4}.support-form-grid .wide{grid-column:1/-1}.support-form-grid input,.support-form-grid select,.support-form-grid textarea,.support-reply-form textarea{width:100%;border:1px solid #31536b;border-radius:6px;background:#061724;color:#edf6fc;padding:11px 13px;resize:vertical}.support-upload-next{display:grid;gap:4px;margin:18px 0;padding:14px;border:1px dashed #365a72;border-radius:7px;color:#93a9ba}.support-case-form>footer,.support-reply-form>footer{display:flex;align-items:center;justify-content:flex-end;gap:16px}.support-case-form output,.support-reply-form output{margin-right:auto;color:#65c5ff}.support-case-guidance ul{display:grid;gap:14px;padding-left:20px;color:#aebfcb;line-height:1.5}.support-cases-dashboard,.support-case-detail{padding-block:24px}.support-cases-dashboard>header{margin-bottom:16px}.support-case-filters{display:flex;gap:8px;margin-bottom:12px}.support-case-filters button{min-height:36px;padding:6px 15px;border:1px solid #294b62;border-radius:18px;background:#071827;color:#a9bed0}.support-case-filters button.active{border-color:#139ff5;background:#0b69a7;color:#fff}.support-case-list{display:grid;gap:9px}.support-case-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto 18px;align-items:center;gap:16px;padding:17px 20px;color:#eaf3f9;text-decoration:none}.support-case-row:hover{border-color:#2689c5;transform:translateY(-1px)}.support-case-row h2{margin:3px 0;font-size:17px}.support-case-row small,.support-case-row p{margin:0;color:#87a1b4;font-size:12px}.support-case-severity{width:7px;height:42px;border-radius:8px;background:#73899a}.support-case-severity.high{background:#ff9d26}.support-case-severity.critical{background:#ff4c62}.support-case-severity.low{background:#37c781}.support-case-status{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid #31536b;border-radius:14px;color:#a9bed0;font-size:11px;text-transform:none}.support-case-status.submitted,.support-case-status.waiting_qmi,.support-case-status.in_progress{border-color:#177fc0;color:#65c5ff}.support-case-status.waiting_customer{border-color:#d18a24;color:#ffc36b}.support-case-status.resolved{border-color:#27865d;color:#65dca3}.support-case-status.closed{color:#7f94a5}.support-case-empty,.support-cases-loading,.support-case-locked{padding:34px;text-align:center}.support-case-summary{padding:22px}.support-case-summary small{display:block;margin:14px 0 4px;color:#55bfff}.support-message-timeline{display:grid;gap:12px;width:min(980px,100%);margin:20px auto}.support-message{padding:18px 20px;border:1px solid #29495e;border-radius:8px;background:#071825}.support-message.customer{margin-left:9%;border-color:#216e9e;background:#092238}.support-message.staff{margin-right:9%;border-color:#306858}.support-message header{display:flex;justify-content:space-between;color:#9bb1c1;font-size:12px}.support-message p{margin:10px 0 0;color:#e1ebf2;line-height:1.55}.support-reply-form{width:min(980px,100%);margin:0 auto;padding:20px}.support-reply-form footer{margin-top:12px}
.support-upload-next input,.support-reply-attachment input{margin-top:7px;padding:9px;border:1px solid #31536b;border-radius:6px;background:#061724;color:#bcd0de}.support-attachment-list{display:grid;gap:8px;margin-top:12px;padding:18px 22px}.support-attachment-list h2{margin:0 0 5px;font-size:16px}.support-attachment-list article{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-top:1px solid #203d51}.support-attachment-list article>b{color:#58bfff}.support-attachment-list article>div{display:grid;gap:2px}.support-attachment-list article span,.support-attachment-list article em{color:#849cab;font-size:11px;font-style:normal}.support-attachment-list article a{padding:6px 10px;border:1px solid #2875a5;border-radius:5px;text-decoration:none}.support-reply-attachment{margin:12px 0}
@media(max-width:800px){.support-case-layout{grid-template-columns:1fr}.support-form-grid{grid-template-columns:1fr}.support-form-grid .wide{grid-column:auto}.support-case-row{grid-template-columns:7px minmax(0,1fr) 16px}.support-case-row .support-case-status{grid-column:2}.support-case-form>header,.support-cases-dashboard>header,.support-case-summary{display:grid}.support-message.customer,.support-message.staff{margin-inline:0}}
.admin-support-console{padding-block:24px}.admin-support-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-support-heading h2{margin:0}.admin-support-heading p{color:#91a8b8}.admin-support-heading>div:last-child{display:grid;place-items:center;min-width:90px;padding:12px;border:1px solid #28516c;border-radius:8px}.admin-support-heading>div:last-child b{font-size:24px}.admin-support-list{display:grid;gap:8px}.admin-support-row{display:grid;grid-template-columns:7px minmax(0,1fr) auto 18px;align-items:center;gap:15px;padding:16px 18px;color:#eaf3f9;text-decoration:none}.admin-support-row h2{margin:3px 0;font-size:16px}.admin-support-row small,.admin-support-row p{margin:0;color:#8da5b6;font-size:11px}.admin-support-case-head{display:flex;justify-content:space-between;padding:20px}.admin-support-case-head small{display:block;margin-top:12px;color:#5cc4ff}.admin-support-case-head h2{margin:4px 0}.admin-support-case-head p{margin:0;color:#9aafbe}.admin-support-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:15px}.admin-support-workspace>aside{display:grid;align-content:start;gap:12px}.admin-support-controls,.admin-support-message,.admin-support-audit{padding:18px}.admin-support-controls,.admin-support-message{display:grid;gap:13px}.admin-support-controls label,.admin-support-message label{display:grid;gap:6px;color:#b9cad6}.admin-support-controls select,.admin-support-message select,.admin-support-message textarea,.admin-support-message input{width:100%;padding:10px;border:1px solid #31536b;border-radius:6px;background:#061724;color:#edf6fc}.admin-support-controls output,.admin-support-message output{color:#ffb65c}.admin-support-message footer{display:flex;align-items:center;justify-content:space-between}.admin-support-audit p{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #203b4e;font-size:11px}.admin-support-audit span{color:#849bab}.support-message.internal{margin-inline:4%;border:1px dashed #9a6fe0;background:#1a1530}.support-message.internal header{color:#c7a7ff}@media(max-width:900px){.admin-support-workspace{grid-template-columns:1fr}.admin-support-row{grid-template-columns:7px minmax(0,1fr)}.admin-support-row>.support-case-status,.admin-support-row>i{grid-column:2}}

/* Shared full-width image hero language, based on Academic Access. */
#route-view .qmi-image-hero{position:relative;isolation:isolate;overflow:hidden;border:0;border-bottom:1px solid #1b3a51;border-radius:0;background-color:#03101c;color:#f5f9fd}
#route-view .qmi-image-hero::before{position:absolute;z-index:1;inset:0;content:"";opacity:.26;pointer-events:none;background-image:linear-gradient(#24729b24 1px,transparent 1px),linear-gradient(90deg,#24729b24 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent 20%,#000 62%,#000)}
#route-view .qmi-image-hero>*{position:relative;z-index:2}

#route-view>.products-feature-hero{display:block;width:100%;max-width:none;min-height:400px;margin:0;padding:50px var(--qmi-route-gutter);background-image:linear-gradient(90deg,#01122bfa 0%,#01122bea 32%,#01122b38 68%,#01122b10 100%)}
.products-feature-hero .products-hero-copy{width:min(520px,42%)}
.products-feature-hero>img{position:absolute!important;z-index:0!important;inset:0 0 0 auto;display:block;width:72%;height:100%;object-fit:cover;object-position:center right;mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%)}

#route-view .support-page>.support-hero{grid-template-columns:minmax(420px,42%) 1fr;align-items:center;min-height:400px;margin:0 calc(-1 * clamp(18px,2vw,28px));padding:48px clamp(38px,var(--qmi-route-gutter),72px);background-image:linear-gradient(90deg,#01122bfa 0%,#01122bea 34%,#01122b35 67%,#01122b0a 100%),url('qmi-support-diagnostics-hero.png');background-position:center,right center;background-size:100% 100%,auto 112%;background-repeat:no-repeat}
.support-hero .support-hero-art{visibility:hidden}

#route-view .developer-hero{grid-template-columns:390px minmax(360px,1fr) 260px;min-height:400px;margin:0 calc(50% - 50vw);padding-inline:max(24px,calc((100vw - 1480px)/2));background-image:linear-gradient(90deg,#01122bfa 0%,#01122beb 31%,#01122b37 66%,#01122b16 100%),url('qmi-developer-hero.png');background-position:center,right center;background-size:100% 100%,auto 118%;background-repeat:no-repeat}
.developer-hero .developer-hero-art{background:none}
.developer-hero>aside{align-self:stretch;background:#03101cc9;backdrop-filter:blur(7px)}

#route-view .cert-hero{min-height:400px;background-image:radial-gradient(ellipse at 72% 58%,#147ec03d,transparent 47%),linear-gradient(90deg,#01122bfa 0%,#01122be9 35%,#071d2d99 100%)}
#route-view>.security-trust-hero,#route-view>.guidelines-hero{min-height:260px!important;background-color:#01122b}

@media(max-width:1100px){#route-view .developer-hero{grid-template-columns:360px 1fr}.developer-hero>aside{grid-column:1/-1}.products-feature-hero .products-hero-copy{width:min(620px,62%)}#route-view .support-page>.support-hero{grid-template-columns:1fr;background-position:center,68% center}.support-hero .support-hero-art{display:none}}
@media(max-width:760px){#route-view>.products-feature-hero,#route-view .support-page>.support-hero,#route-view .developer-hero,#route-view .cert-hero{min-height:440px;padding:34px 18px 150px;background-position:center,68% bottom;background-size:100% 100%,auto 72%}.products-feature-hero .products-hero-copy{width:100%}.products-feature-hero>img{inset:auto 0 0;width:100%;height:66%;opacity:.52;mask-image:linear-gradient(180deg,transparent,#000 34%)}#route-view .developer-hero{display:grid;grid-template-columns:1fr;margin-inline:-14px}.developer-hero .developer-hero-art{display:none}.developer-hero>aside{grid-column:auto}.credential-level-badge figcaption{background:#07131fe8}}

/* Exact Academic hero geometry for every artwork-led route. */
#route-view>.products-feature-hero,
#route-view .support-page>.support-hero,
#route-view .developer-hero,
#route-view .certification-page>.cert-hero{
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:none!important;
  min-height:400px!important;
  height:400px!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
}
#route-view>.products-feature-hero{padding:48px 40px!important}
.products-feature-hero .products-hero-copy{width:min(520px,42%)!important}
.products-feature-hero>img{right:0!important;width:68%!important;object-position:center right!important}

#route-view .support-page>.support-hero{grid-template-columns:minmax(420px,42%) 1fr!important;padding:48px 40px!important}
.support-hero>div:first-child{align-self:center;max-width:720px}

#route-view .developer-hero{grid-template-columns:minmax(390px,42%) 1fr!important;padding:0 40px!important}
.developer-hero>div:first-child{align-self:center;padding:0!important}
.developer-hero>.developer-hero-art{display:block!important;min-height:400px;background:none!important}
.developer-hero>aside{display:none!important}

#route-view .certification-page>.cert-hero{grid-template-columns:minmax(390px,42%) 1fr!important;padding:0 40px!important}
.cert-hero>div:first-child{align-self:center;padding:0!important}
.cert-hero>.cert-hero-art{min-height:400px!important;padding:12px 0 0!important}

@media(max-width:760px){
  #route-view>.products-feature-hero,
  #route-view .support-page>.support-hero,
  #route-view .developer-hero,
  #route-view .certification-page>.cert-hero{width:100vw!important;height:auto!important;min-height:500px!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:34px 18px 150px!important}
  .products-feature-hero .products-hero-copy{width:100%!important}
  #route-view .support-page>.support-hero,#route-view .developer-hero,#route-view .certification-page>.cert-hero{grid-template-columns:1fr!important}
  .developer-hero>.developer-hero-art{display:none!important}
  .cert-hero>.cert-hero-art{min-height:220px!important;padding:0!important}
}

/* Academic Access is the canonical structure for background-image heroes. */
#route-view .academic-program-hero,
#route-view .support-page>.support-hero,
#route-view .developer-hero{
  display:block!important;
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:none!important;
  min-height:400px!important;
  height:400px!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid #1b3a51!important;
  border-radius:0!important;
  background-color:#03101c;
  background-position:center,right center!important;
  background-size:100% 100%,cover!important;
  background-repeat:no-repeat!important;
}
#route-view .academic-program-hero{background-image:linear-gradient(90deg,#02101dfc 0%,#02101dec 32%,#02101d40 65%,#02101d0b 100%),url('qmi-academic-hero.png?v=2')!important}
#route-view .support-page>.support-hero{background-image:linear-gradient(90deg,#02101dfc 0%,#02101dec 32%,#02101d40 65%,#02101d0b 100%),url('qmi-support-diagnostics-hero.png')!important}
#route-view .developer-hero{background-image:linear-gradient(90deg,#02101df5 0%,#02101db8 30%,#02101d35 53%,#02101d08 78%),url('qmi-developer-hero-wide.png?v=1')!important;background-position:center,center!important;background-size:100% 100%,cover!important}
#route-view .certification-page>.cert-hero{
  isolation:isolate!important;
  background-image:linear-gradient(90deg,#02101dfa 0%,#02101dd9 31%,#02101d55 53%,#02101d15 78%),url('qmi-certification-hero-wide.png?v=1')!important;
  background-position:center,center!important;
  background-size:100% 100%,cover!important;
  background-repeat:no-repeat!important;
}
#route-view .certification-page>.cert-hero::after{display:none!important}
#route-view .certification-page>.cert-hero>.cert-hero-art{position:relative;z-index:1;background:transparent!important}
#route-view .certification-page .credential-level-badge{width:31%;max-width:238px}
#route-view .certification-page .credential-level-badge.professional{width:35%;max-width:268px}
#route-view .certification-page .credential-level-badge.expert{width:35%;max-width:268px;transform:translateY(-3px)}
#route-view>.products-feature-hero{background:#03101c!important}
#route-view>.products-feature-hero::after{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,#02101dfb 0%,#02101de8 30%,#02101d78 45%,#02101d16 68%,transparent 100%)}
#route-view>.products-feature-hero>img{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:1!important;mask-image:none!important}
#route-view .academic-program-hero>.academic-program-copy,
#route-view .support-page>.support-hero>div:first-child,
#route-view .developer-hero>div:first-child{
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  box-sizing:border-box;
  width:min(1400px,calc(100% - 80px))!important;
  max-width:none!important;
  min-height:400px;
  margin:0 auto!important;
  padding:40px 0!important;
}
#route-view .support-page>.support-hero>.support-hero-art{display:none!important}
#route-view .developer-hero>.developer-hero-art,
#route-view .developer-hero>aside{display:none!important}
#route-view .support-page>.support-hero>div:first-child>p:not(.eyebrow){max-width:560px;margin:0 0 20px;color:#d9e4ee;font-size:18px;line-height:1.45}
#route-view .support-page>.support-hero .support-search{width:min(750px,46vw);max-width:750px}
@media(max-width:760px){
  #route-view .academic-program-hero,
  #route-view .support-page>.support-hero,
  #route-view .developer-hero{height:auto!important;min-height:500px!important;background-position:center,67% bottom!important;background-size:100% 100%,auto 76%!important}
  #route-view .academic-program-hero>.academic-program-copy,
  #route-view .support-page>.support-hero>div:first-child,
  #route-view .developer-hero>div:first-child{width:calc(100% - 36px)!important;min-height:500px;padding:34px 0 160px!important}
  #route-view .support-page>.support-hero .support-search{grid-template-columns:1fr;width:100%;max-width:520px;border:0;gap:8px}
  #route-view .support-page>.support-hero .support-search select,
  #route-view .support-page>.support-hero .support-search input,
  #route-view .support-page>.support-hero .support-search button{border:1px solid #35516a;border-radius:5px}
  #route-view .certification-page>.cert-hero{height:auto!important;min-height:560px!important;padding:30px 18px!important;background-position:center,70% center!important}
  #route-view .certification-page>.cert-hero>.cert-hero-art{min-height:240px!important}
  #route-view .certification-page .credential-level-badge,
  #route-view .certification-page .credential-level-badge.professional,
  #route-view .certification-page .credential-level-badge.expert{width:34%;max-width:none;transform:none}
}