body{overflow-x:hidden}
@media(max-width:820px){
  .workspace,.board,.metric,.task{min-width:0}
  .workspace-grid{grid-template-columns:64px minmax(0,1fr)}
  .board{padding-left:12px}.metric-row{gap:5px}.metric{padding:9px 7px}.metric strong{font-size:17px}
  .task{grid-template-columns:8px minmax(0,1fr);padding:11px 9px}.tag{display:none}
  .nav-links .btn{padding:10px 13px;font-size:12px}
}
@media(max-width:460px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}.shell{width:100%;max-width:100%}
  .shell{padding-left:18px;padding-right:18px}.nav{height:76px}.mark{font-size:20px}.mark-dot{width:20px;height:20px}
  .nav-links .btn{font-size:0}.nav-links .btn:after{content:"Open";font-size:12px}
  .hero{padding-top:36px;grid-template-columns:minmax(0,1fr)!important;overflow:hidden}.hero h1{font-size:43px;max-width:100%;overflow-wrap:break-word}.hero-copy{font-size:16px}.actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.actions .btn{width:100%;min-width:0}
  .hero>*{width:100%;max-width:100%;min-width:0}.workspace{padding:12px}.workspace-grid{grid-template-columns:minmax(0,1fr)}
  .side{display:none}.board{padding-left:0}.board-head span{display:none}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric:nth-child(3){display:none}
}