@media (max-width: 1180px) {
  :root { --inspector: 0px; }
  .shell { grid-template-columns: var(--rail) var(--sidebar) minmax(400px,1fr); }
  .inspector { display:none; }
  .shell.inspector-open .inspector { display:block; position:fixed; z-index:42; top:var(--topbar); right:0; bottom:0; width:316px; box-shadow:-24px 0 60px rgba(0,0,0,.4); }
  .shell.inspector-open .mobile-overlay { display:block; position:fixed; z-index:41; inset:var(--topbar) 0 0; background:var(--scrim); }
  .next-step { right:0; }
}
@media (max-width: 820px) {
  :root { --sidebar: 0px; --rail: 52px; }
  .shell { grid-template-columns: var(--rail) minmax(0,1fr); }
  .brand { width:auto; }
  .brand span { display:none; }
  .workspace-title { flex:1; }
  .sidebar { display:none; }
  .document { width:min(100% - 34px,700px); padding-top:34px; }
  .doc-title { font-size:27px; }
  .next-step { left:var(--rail); padding-left:17px; padding-right:17px; }
  .sync { display:none; }
}
@media (max-width: 560px) {
  .shell + .toast { bottom:188px; }
  .topbar { padding:0 10px; gap:8px; }
  .workspace-title .muted,.crumb-sep { display:none; }
  .top-actions .btn-secondary span { display:none; }
  .top-actions #build-package-btn span { display:none; }
  .document { width:calc(100% - 26px); padding-bottom:230px; }
  .doc-title { font-size:25px; }
  .field,.requirement { padding:14px; }
  .next-step { padding:19px 10px 10px; }
  .next-step-inner { padding:13px 13px 11px; }
  .next-step-main p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
  .next-step-footer { flex-wrap:wrap; }
  .guidance-lanes { width:100%; order:2; }
  .guidance-lane { flex:1; justify-content:center; }
  .next-step-context { max-width:calc(100% - 132px); }
  .validation-record { grid-template-columns:28px minmax(0,1fr) 15px; }
  .validation-meta { display:none; }
  .form-grid { grid-template-columns:1fr; }
}