@media(max-width:1100px){
  .report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sidebar{position:relative;inset:auto;width:auto;border-radius:0;padding:14px 16px 10px;overflow:hidden}
  .sidebar:after{display:none}
  .brand{padding-bottom:10px}
  .sidebar nav{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:6px;scrollbar-width:thin}
  .sidebar nav button{flex:none;padding:9px 13px;white-space:nowrap}
  .sidebar-foot{display:none}
  .nav-group{display:none}
  main{margin-left:0;padding:0 18px 40px}
  .split{grid-template-columns:minmax(0,1fr)}
  .form-grid>.col-2,.form-grid>.col-3,.form-grid>.col-4,.form-grid>.col-5,.form-grid>.col-6,.form-grid>.col-7,.form-grid>.col-8{grid-column:span 6}
  .hero{display:block}
  .hero .cta{margin-top:18px}
  .toolbar{justify-content:stretch}.toolbar .search,.toolbar select{flex:1 1 100%;max-width:none}
}
@media(max-width:620px){
  .report-grid{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:minmax(0,1fr)}
  dialog.drawer{border-radius:0}
  .page-head{flex-direction:column;gap:14px;padding:22px 0 18px}
  .page-head h1{font-size:25px}
  .header-actions{width:100%;justify-content:space-between}
  .metrics{grid-template-columns:1fr 1fr}
  .metrics strong{font-size:22px}
  .form-grid>*{grid-column:1/-1!important}
  .form-actions{justify-content:stretch}.form-actions .cta{width:100%}
  .hero h2{font-size:23px}
  .card{padding:18px}
  .card-head{align-items:flex-start}
  .search{max-width:none}
}