/* The iframe contains its own styles, fonts, scrolling and responsive layout. */
header .brand-university { display: none; }
header .header-university { position: absolute; inset: 0; opacity: 0; pointer-events: none; background: linear-gradient(110deg,#250432 0%,#4e096a 65%,#641382 100%); }
#app > header.brand-university-stage .header-university { opacity: var(--university-brand-progress,0); }
/* Both marks share the same grid cell and reserve the wider mark's geometry.
   Only opacity changes: the menu and iframe never follow a moving logo width. */
#app > header.brand-university-stage .brand-trigger { display: grid; align-items: center; cursor: default; }
#app > header.brand-university-stage .brand-default,
#app > header.brand-university-stage .brand-university { display: flex !important; grid-area: 1 / 1; align-items: center; min-width: 0; pointer-events: none; }
#app > header.brand-university-stage .brand-default { opacity: calc(1 - var(--university-brand-progress,0)); }
#app > header.brand-university-stage .brand-university { gap: 14px; opacity: var(--university-brand-progress,0); }
#app > header.brand-university-stage .brand-premia,
#app > header.brand-university-stage .brand-myvmeste { display: none !important; }
#app > header.brand-university-on .brand-university-logo { display: block; flex: none; height: 44px; width: auto; object-fit: contain; }
#app > header.brand-university-on .brand-university-divider { flex: none; height: 28px; width: 1px; background: rgba(255,255,255,.32); }
#app > header.brand-university-on .brand-university-caption { color: #fff; -webkit-text-fill-color: #fff; font-size: 14px; line-height: 1.3; letter-spacing: .01em; white-space: normal; }
#app > header.brand-university-on .brand-university-scope { color: #FF8A3D; -webkit-text-fill-color: #FF8A3D; white-space: nowrap; }
@media(max-width: 600px) {
  #app > header.brand-university-on .brand-university { gap: 10px; }
  #app > header.brand-university-on .brand-university-logo { height: 36px; }
  #app > header.brand-university-on .brand-university-caption { font-size: 11px; }
  #app > header.brand-university-stage .brand-default { gap: 10px; }
  #app > header.brand-university-stage .brand-default .brand-title { font-size: 11px; }
}
body.university-planner-open { overflow: hidden; }
body.university-planner-help-open .dt-helper { visibility: hidden !important; pointer-events: none !important; }
body.university-planner-open #app > main {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
  height: calc(100vh - var(--university-planner-top, 150px));
  height: calc(100dvh - var(--university-planner-top, 150px));
  overflow: hidden;
}
.university-planner-frame { display: block; width: 100%; height: 100%; border: 0; background: #f6f4f9; }
/* On narrow screens the existing site chrome must leave room to edit the plan.
   Full site navigation remains reachable; account actions return on other pages. */
@media (max-width: 600px) {
  body.university-planner-open #app > header { gap: 8px; padding: 10px 16px; }
  body.university-planner-open #app > header .hdr-right { display: none; }
  body.university-planner-open #app > header nav { display: flex; flex-wrap: nowrap; width: 100%; min-width: 0; overflow-x: auto; }
  body.university-planner-open #app > header nav button { flex-shrink: 0; white-space: nowrap; }
  body.university-planner-open #app > .subnav .lb { display: none; }
  body.university-planner-open #app > .subnav .in { flex-wrap: nowrap; overflow-x: auto; }
  body.university-planner-open #app > .subnav button { flex-shrink: 0; white-space: nowrap; }
}