/* DefiDev EHS mobile baseline — generated 2026-08-16 */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
img, svg, video, canvas { max-width: 100%; }
button, input, select, textarea { font: inherit; }
@media (max-width: 900px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  body { margin: 0; }
  main, .main, .content, .container, .app, .app-shell, .workspace { max-width: 100% !important; min-width: 0 !important; }
  .grid, .layout, .workspace, .app-grid, .main-grid, .dashboard-grid, .form-grid, .columns, .content-grid, .split, .two-col, .two-column { grid-template-columns: minmax(0, 1fr) !important; }
  .row, .toolbar, .actions, .button-row, .topbar, .header-actions { flex-wrap: wrap !important; }
  aside, .sidebar, .side-panel, .nav-panel { position: static !important; width: 100% !important; max-width: none !important; min-width: 0 !important; }
  button, [role="button"], input, select { min-height: 44px; }
  input, select, textarea { max-width: 100%; box-sizing: border-box; font-size: 16px; }
  table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  pre, code { max-width: 100%; overflow-wrap: anywhere; }
  dialog, .modal, .modal-content, .dialog, .panel, .drawer { max-width: calc(100vw - 24px) !important; max-height: calc(100dvh - 24px) !important; overflow: auto !important; box-sizing: border-box; }
  .defidev-legal-mobile { padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); text-align: center; font-size: 12px; line-height: 1.5; }
  .defidev-legal-mobile a { margin: 0 8px; }
}
@media (max-width: 560px) {
  body { font-size: 15px; }
  h1 { font-size: clamp(1.45rem, 7vw, 2rem); }
  h2 { font-size: clamp(1.2rem, 6vw, 1.55rem); }
  .card, .panel, section, article { max-width: 100%; box-sizing: border-box; }
  .toolbar > *, .actions > *, .button-row > * { max-width: 100%; }
}
@media print { .defidev-legal-mobile { display: none !important; } }