/* Exam reference alignment: keep the persistent navigation inside the 432px app shell on tablets/desktops. */
.exam-main-nav{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  width:calc(min(100vw,432px) - 30px) !important;
  height:58px !important;
  min-height:58px !important;
  transform:translateX(-50%) !important;
  bottom:max(12px,env(safe-area-inset-bottom)) !important;
  padding:5px 8px !important;
  border-radius:29px !important;
  box-sizing:border-box !important;
}
.exam-main-nav .footer-item{
  min-height:46px !important;
  height:46px !important;
  padding:0 !important;
}
.exam-main-nav .footer-item svg{
  width:21px !important;
  height:21px !important;
}
.exam-intro{padding-bottom:max(82px,calc(env(safe-area-inset-bottom) + 70px)) !important;}

/* Exact forest panorama from the approved exam reference. The legacy image stays in markup as a fallback only. */
.exam-hero-visual{
  background-image:url('/assets/exam-forest-panorama.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.exam-hero-visual>img{
  opacity:0 !important;
}