/* Shared by the real page and the admin iframe. Disabled settings add no styles. */
body .framing-enabled {
  position: relative;
  isolation: isolate;
  background: #080f19;
  min-height: var(--frame-height);
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
body .framing-enabled::before,
body .framing-enabled::after { display: none !important; }
.framing-image, .framing-shade { position: absolute; inset: 0; pointer-events: none; z-index: -2; }
.framing-image { background-repeat: no-repeat; }
.framing-shade { background: #050c1b; opacity: var(--frame-shade); z-index: -1; }
body .framing-enabled > .container {
  min-height: var(--frame-height);
  height: auto;
  padding-top: 24px;
  padding-bottom: 24px;
  text-align: var(--frame-align);
  align-content: center;
}
body .framing-enabled .hero-inner { display: flex; justify-content: var(--frame-justify); }
body .framing-enabled .course-hero-art,
body .framing-enabled .career-billboard-visual { display: none; }
body .course-studio-hero.framing-enabled > .container,
body .career-billboard.framing-enabled .career-billboard-inner { grid-template-columns: minmax(0, 1fr); }
body .course-studio-hero.framing-enabled .course-studio-copy { background: transparent; border: 0; box-shadow: none; min-height: 0; padding: 20px 0; }
body .course-studio-hero.framing-enabled .course-studio-copy::after { display: none; }
.framing-enabled .page-hero-actions, .framing-enabled .page-hero-tags,
.framing-enabled .hero-actions { justify-content: var(--frame-justify); }
body .framing-enabled[data-frame-text="false"] > .container { visibility: hidden; min-height: var(--frame-height); height: 0; padding: 0; overflow: hidden; }
body .hero-slider:has(.hero-slide.active.framing-enabled) { min-height: var(--active-frame-height, 480px); height: var(--active-frame-height, 480px); }
body .hero-slide.framing-enabled { position: absolute; height: var(--frame-height); }
body .career-journey-title.framing-enabled { display: flex; flex-direction: column; justify-content: center; text-align: var(--frame-align); padding-inline: 24px; }
body .career-journey-title.framing-enabled[data-frame-text="false"] > :not(.framing-image):not(.framing-shade) { visibility: hidden; }
body .image-frame-wrapper { display: block; width: 100%; min-width: 0; }
body .image-frame-wrapper.framing-enabled { height: var(--frame-height); min-height: var(--frame-height); }
body .image-frame-wrapper.framing-enabled > img { opacity: 0; width: 100%; height: 100%; min-height: 0; max-height: none; margin: 0; }
body :is(figure,.mentor-portrait,.course-feature-media,.company-media-card,.work-thumb,.offer-thumb):has(> .image-frame-wrapper.framing-enabled) { height: auto; min-height: 0; max-height: none; aspect-ratio: auto; align-self: start; }
body .image-frame-wrapper.framing-enabled > img { position: static; }
html.banner-preview .framing-preview-root { cursor: grab; touch-action: none; user-select: none; }
html.banner-preview .framing-preview-root:active { cursor: grabbing; }
html.banner-preview.banner-only .framing-preview-root ~ *,
html.banner-preview.banner-only footer,
html.banner-preview.banner-only .floating-consult { display: none !important; }
html.banner-preview .apply-page .apply-section { display: block !important; }
@media (max-width: 720px) {
  .apply-page .page-hero.framing-enabled { display: none; }
}