@media(max-width:900px){
  app-layout .shell{display:block!important;min-width:0}
  app-layout .mobile-header{display:flex!important;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;height:64px;padding:0 16px;color:#e9eef7;background:#101b2b;border-bottom:1px solid #28364a}
  app-layout .mobile-nav-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid #3b4b61;border-radius:8px;background:#182840;color:#fff;font:700 22px/1 inherit;cursor:pointer}
  app-layout .mobile-nav-toggle:focus-visible{outline:3px solid #6ed7ff}
  app-layout .sidebar{position:fixed!important;z-index:25;top:64px;bottom:0;left:0;width:min(320px,calc(100vw - 48px));height:auto!important;overflow-y:auto!important;transform:translateX(-105%);transition:transform .18s ease;box-shadow:12px 0 28px #03101f55}
  app-layout .sidebar.mobile-open{transform:translateX(0)}
  app-layout .sidebar>.brand{display:none}
  app-layout nav{overflow-y:visible!important;min-height:unset}
  app-layout nav .disabled{display:none}
  app-project-list .page,app-project-detail .page{padding:24px!important;min-width:0}
  app-project-list .table-head{display:none!important}
  app-project-list .project-row{grid-template-columns:minmax(0,1fr)!important}
  app-project-list .project{grid-column:1/-1;grid-template-columns:1fr!important;min-width:0;gap:5px}
  app-project-list .project b,app-project-list .project strong,app-project-list .project small{grid-column:1!important}
  app-project-list .project strong,app-project-list .project small,app-project-list .project-row>span{overflow-wrap:anywhere}
  app-project-list .summary{grid-template-columns:1fr!important}
  app-project-list .cta-col{justify-content:flex-start}
  app-project-detail .metrics{grid-template-columns:1fr 1fr!important}
  app-project-detail .columns{grid-template-columns:1fr!important}
  app-project-detail .panel,app-project-detail .future,app-project-detail .metrics article{min-width:0}
  app-project-detail dd,app-project-detail .note p,app-project-detail .future p,app-project-detail .client-label{overflow-wrap:anywhere}
}
@media(max-width:480px){
  app-project-list .page,app-project-detail .page{padding:20px 16px!important}
  app-project-list header,app-project-detail header{align-items:flex-start}
  app-project-list h1{font-size:32px}
  app-project-list .project-row{padding:16px;gap:12px}
  app-project-detail header{gap:12px;flex-wrap:wrap}
  app-project-detail h1{font-size:34px;line-height:1.15}
  app-project-detail .metrics{grid-template-columns:1fr!important}
  app-project-detail dl div{grid-template-columns:1fr!important;gap:5px}
  app-project-detail .metrics article,app-project-detail .panel,app-project-detail .future{padding:18px}
  app-project-detail .phase-links a{max-width:100%;overflow-wrap:anywhere}
}