@media (max-width:720px) {
  body { background:#f4f6f8; }
  .topbar { height:64px; background:linear-gradient(135deg,#052b55,#06477f); }
  .wordmark { display:none; }
  .product strong { font-size:1.05rem; }
  .product span { display:block; color:#dce9f6; }
  .sync { border-color:rgba(255,255,255,.4); background:transparent; }
  .page-heading h1 { font-size:1.7rem; letter-spacing:-.025em; }
  .page-heading .heading-actions { display:grid; }
  .page-heading #newSurveyButton { width:100%; padding:16px; border-color:#ff5a00; background:#ff5a00; color:#fff; font-size:1rem; }
  .page-heading #homeMapButton { display:none; }
  .notice { background:#fff0e7; border-color:#ffc8aa; color:#d94a00; }
  .sidebar { background:#fff; }
  .nav-item { display:grid; justify-items:center; gap:3px; min-width:0; padding:7px 2px; color:#526173; font-size:.58rem; line-height:1.05; }
  .nav-item span { display:block; font-size:1rem; }
  .nav-item.active { background:#e9f1f8; color:#06477f; }
  .primary { border-color:#06477f; background:#06477f; }
  .dialog-actions { grid-template-columns:1fr 1fr; gap:10px; background:#fff; }
  .dialog-actions #saveOfflineDraftButton { grid-column:1/-1; }
  .dialog-actions #saveOfflineDraftButton { min-height:54px; border:2px solid #063663; color:#063663; background:#fff; font-size:1rem; font-weight:800; }
  .dialog-actions button[type="submit"] { min-height:56px; border-color:#ff5a00; background:#ff5a00; color:#fff; font-size:1.05rem; font-weight:800; }
  .compact-dialog .dialog-heading { background:linear-gradient(135deg,#063663,#07518f); color:#fff; }
  .compact-dialog .dialog-heading .kicker,.compact-dialog .dialog-heading p { color:#dce9f6; }
  .compact-dialog .dialog-close { color:#fff; border-color:rgba(255,255,255,.45); }
  .module-cards article { padding:18px; }
  .toast { right:12px; bottom:82px; left:12px; }
  .stats.metric-actions { grid-template-columns:1fr 1fr; }
  .stats.metric-actions button { min-height:120px; }
  .selection-summary { font-size:.85rem; }
}