/* Cube Student mobile base — shared iOS/Android shell primitives. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:100vh;min-height:100svh;overscroll-behavior-y:none}
button,a,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
img,svg{max-width:100%}

@media(max-width:900px){
  html,body{width:100%;min-height:100%;overflow-x:hidden}
  .app-shell{width:100%;min-height:100vh;min-height:100svh;height:auto!important}
  .right-column{width:100%;min-width:0;min-height:100vh;min-height:100svh;height:auto!important}
  .topbar{position:sticky;top:0;z-index:80;min-height:calc(62px + env(safe-area-inset-top));padding-top:calc(10px + env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .page-content{width:100%;min-width:0;padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important;padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}
  .app-shell>.sidebar{height:100vh!important;height:100dvh!important;padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  body.sidebar-collapsed .app-shell>.sidebar .brand-copy{display:flex!important}
  body.sidebar-collapsed .app-shell>.sidebar .brand-text,
  body.sidebar-collapsed .app-shell>.sidebar .brand-subtitle,
  body.sidebar-collapsed .app-shell>.sidebar .portal-chip,
  body.sidebar-collapsed .app-shell>.sidebar .nav-label{display:inline!important}
  body.sidebar-collapsed .app-shell>.sidebar .brand-wrap,
  body.sidebar-collapsed .app-shell>.sidebar .nav a{justify-content:flex-start!important}
  .app-shell>.sidebar .nav-label{opacity:1!important;visibility:visible!important}
  .hx-backdrop{inset:0;inset:0 env(safe-area-inset-right) 0 env(safe-area-inset-left)}
  .hx-hamburger,.cl-btn,.t-cta{min-width:44px;min-height:44px}
  .home-head,.hx-head{align-items:flex-start}
  .hh-actions{width:100%}
  .hh-actions .cl-btn{flex:1 1 140px}
  .resume-card{align-items:flex-start}
  .resume-body{min-width:0;width:calc(100% - 68px)}
  .resume-card>.cl-btn{width:100%}
  .today-item{min-height:56px}
}

@media(max-width:480px){
  .page-content{padding-top:14px!important}
  .hh-title{font-size:24px}
  .hx-title .qn{display:none}
  .hx-head{flex-wrap:nowrap}
  .today-item{align-items:flex-start;flex-wrap:wrap}
  .today-when{margin-left:46px}
  .card{border-radius:16px;padding:14px}
}

@media(display-mode:standalone){
  body{background:#f5f6fb}
}