/*! Terra S077.40.7.6.18 — Mobile Header Safe-Area Hotfix
 * iPhone Safari / PWA / in-app browsers + Android Chrome / PWA.
 */
:root{--suou-mobile-header-height:72px;--suou-mobile-header-gap:6px;--suou-mobile-scroll-gap:12px}
@media(max-width:760px){
  html{
    scroll-padding-top:calc(var(--suou-mobile-header-height) + var(--suou-mobile-header-gap) + var(--suou-mobile-scroll-gap) + env(safe-area-inset-top,0px));
  }
  body{min-height:100dvh}
  .top{
    position:sticky!important;
    top:max(var(--suou-mobile-header-gap),env(safe-area-inset-top,0px))!important;
    z-index:30;
  }
  .home-settings-panel{
    top:calc(var(--suou-mobile-header-height) + var(--suou-mobile-header-gap) + env(safe-area-inset-top,0px))!important;
    max-height:calc(100dvh - var(--suou-mobile-header-height) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 18px);
    overflow:auto;
    overscroll-behavior:contain;
  }
  #fieldGuidanceCard,#fgHistoryCard,#input,#fieldPetSection,#report,#personalNextStepCard,#journal{
    scroll-margin-top:calc(var(--suou-mobile-header-height) + var(--suou-mobile-header-gap) + var(--suou-mobile-scroll-gap) + env(safe-area-inset-top,0px));
  }
}
@media(max-width:580px){
  .top{position:sticky!important}
}
@supports not (height:100dvh){
  @media(max-width:760px){body{min-height:100vh}.home-settings-panel{max-height:calc(100vh - var(--suou-mobile-header-height) - 24px)}}
}