button[hidden],p[hidden]{display:none!important}
.pwa-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.pwa-status{color:#2168b0!important}
summary{min-height:44px;display:list-item;align-content:center}
button,input,select{touch-action:manipulation}
.field select{width:100%;max-width:100%;border:1px solid #dddfea;border-radius:10px;padding:11px;background:white;color:#64697e}
@media(max-width:760px){
  .workspace{padding-top:max(22px,env(safe-area-inset-top));padding-bottom:calc(115px + env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  input,select,.skill select{font-size:16px;min-height:44px}
  .primary,.secondary,.chip,.textbtn{min-height:44px}
  .topbar{gap:10px}.build-info{flex-wrap:wrap;justify-content:flex-end}
  .card,.practice,.question,.answer{min-width:0;overflow-wrap:anywhere}
  .unit-grid{grid-template-columns:1fr}.tabs{padding:3px 0}
  .history-row{flex-wrap:wrap}.pwa-actions>*{flex:1 1 140px}
  aside{padding-bottom:6px}nav .nav{min-height:56px}
}
