/* Recovery UI Pack 006 polish: keep short landscape screens clear of the fixed dock. */
@media (orientation:landscape) and (max-height:520px) and (max-width:1100px){
  html.ui002-touch-layout.ui006-hero-skills{--ui002-dock-height:52px}

  html.ui002-touch-layout.ui006-hero-skills body[data-screen="profile"]>nav,
  html.ui002-touch-layout.ui006-hero-skills body[data-screen="skills"]>nav{
    top:0!important;
    bottom:auto!important;
    width:min(100%,760px)!important;
    min-height:52px!important;
    height:52px!important;
    padding:3px 7px!important;
    border-top:0!important;
    border-bottom:1px solid #2b4964!important;
    border-radius:0 0 15px 15px!important;
    box-shadow:0 10px 28px rgba(0,0,0,.48)!important;
  }

  html.ui002-touch-layout.ui006-hero-skills body[data-screen="profile"]>nav button,
  html.ui002-touch-layout.ui006-hero-skills body[data-screen="skills"]>nav button{
    min-height:44px!important;
    padding:3px 5px!important;
    flex-direction:row!important;
    gap:5px!important;
    font-size:9px!important;
  }

  html.ui002-touch-layout.ui006-hero-skills body[data-screen="profile"]>nav button b,
  html.ui002-touch-layout.ui006-hero-skills body[data-screen="skills"]>nav button b{
    font-size:17px!important;
  }

  html.ui002-touch-layout.ui006-hero-skills body[data-screen="profile"] .app,
  html.ui002-touch-layout.ui006-hero-skills body[data-screen="skills"] .app{
    padding-top:calc(62px + env(safe-area-inset-top))!important;
    padding-bottom:18px!important;
  }

  html.ui002-touch-layout.ui006-hero-skills body[data-screen="profile"] #screen-profile,
  html.ui002-touch-layout.ui006-hero-skills body[data-screen="skills"] #screen-skills{
    padding-bottom:18px!important;
    scroll-padding-top:60px!important;
    scroll-padding-bottom:18px!important;
  }
}