/* Mobile presentation only: preserve every member, control and hierarchy. */
@media (max-width: 700px) {
  #orgView[hidden], #fullOrgView[hidden], #orgView [hidden], #fullOrgView [hidden], #orgDialog [hidden], #orgLinkDialog [hidden], #fullOrgDialog [hidden] { display: none !important; }
  #orgView, #orgView .org-board, #orgView .org-group { min-width: 0; max-width: 100%; box-sizing: border-box; }
  #orgView .org-heading, #orgView .org-heading-actions, #orgView .org-group-head, #orgView .org-link-bar { flex-wrap: wrap; min-width: 0; }
  #orgView .org-heading-actions { width: 100%; align-items: stretch; gap: 8px; }
  #orgView .org-heading-actions label { flex: 1 1 140px; min-width: 0; margin-right: 0; }
  #orgView .org-heading-actions input { width: 100%; min-width: 0; box-sizing: border-box; }
  #orgView .org-heading-actions button { flex: 1 1 100px; white-space: normal; }
  #orgView .org-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #orgView .org-stats > div { flex-wrap: wrap; min-width: 0; padding: 10px; gap: 5px; }
  #orgView .org-members { display: grid; grid-template-columns: minmax(0,1fr); flex-wrap: wrap; overflow: visible; scroll-snap-type: none; width: 100%; max-width: 100%; min-width: 0; padding: 10px; box-sizing: border-box; gap: 10px; }
  #orgView .org-person { width: 100%; max-width: 100%; min-width: 0; flex: 0 1 auto; box-sizing: border-box; align-self: stretch; padding: 12px; }
  #orgView .org-person-head { min-width: 0; flex-wrap: wrap; }
  #orgView .org-person-head > b { flex: 1 1 120px; min-width: 0; overflow-wrap: anywhere; }
  #orgView .org-person-head button { flex: 0 0 auto; }
  #orgView .org-person > p { display: block; max-height: none; overflow: visible; -webkit-line-clamp: unset; overflow-wrap: anywhere; }
  #orgView .org-flags { flex-wrap: wrap; min-width: 0; gap: 8px 14px; }
  #orgView .org-flags label { min-height: 44px; font-size: 12px; }
  #orgView .org-person-head button, #orgView .org-flags button, #orgView .org-heading-actions button, #orgView .org-group-add, #orgView .org-link-bar button { min-height: 44px; padding: 8px 12px; font-size: 12px; box-sizing: border-box; }
  #orgView .org-strip-tools { flex-wrap: wrap; }
  #orgView .org-strip-tools button { min-height: 44px; min-width: 44px; }
  #orgDialog, #orgLinkDialog { max-width: calc(100vw - 24px); box-sizing: border-box; }
  #orgDialog .org-modal-actions, #orgDialog .org-form-flags { flex-wrap: wrap; }
  #orgDialog input, #orgDialog select, #orgDialog textarea { font-size: 16px; }
  #orgDialog button, #orgLinkDialog button { min-height: 44px; }

  #fullOrgView .fog-board { padding: 16px 10px 0; min-width: 0; box-sizing: border-box; }
  #fullOrgView .fog-scroll { padding: 16px 1px 20px; overflow: visible; }
  #fullOrgView .fog-canvas, #fullOrgView .fog-tree, #fullOrgView .fog-branch { width: 100%; min-width: 0; box-sizing: border-box; }
  #fullOrgView .fog-children { flex-direction: column; gap: 16px; margin-top: 16px; margin-left: 8px; width: calc(100% - 8px); min-width: 0; box-sizing: border-box; }
  /* Cap cumulative indentation; parent labels and connector lines retain ancestry. */
  #fullOrgView .fog-children .fog-children { margin-left: 0; width: 100%; }
  #fullOrgView .fog-card, #fullOrgView .fog-card-root { width: 100%; max-width: 100%; min-width: 0; padding: 12px; box-sizing: border-box; }
  #fullOrgView .fog-card-top, #fullOrgView .fog-head-actions { flex-wrap: wrap; }
  #fullOrgView .fog-kind { min-width: 0; overflow-wrap: anywhere; letter-spacing: 1px; }
  #fullOrgView .fog-card-title h3, #fullOrgView .fog-card-root .fog-card-title h3 { font-size: 21px; line-height: 1.35; }
  #fullOrgView .fog-card-root .fog-leaders, #fullOrgView .fog-leaders { margin-top: 12px; padding-top: 10px; gap: 10px; }
  #fullOrgView .fog-leader { flex: 1 1 115px; }
  #fullOrgView .fog-member-heading { margin-top: 12px; }
  #fullOrgView .fog-members { gap: 5px; }
  #fullOrgView .fog-members li { padding: 6px; flex-wrap: wrap; }
  #fullOrgView .fog-members li b { font-size: 12px; }
  #fullOrgView .fog-members li > span:last-child { max-width: 100%; }
  #fullOrgView .fog-edit, #fullOrgView .fog-head-actions button, #fullOrgView .fog-roster-badge { min-height: 44px; padding: 8px 10px; box-sizing: border-box; }
  #fullOrgDialog .fog-dialog-head, #fullOrgDialog .fog-structure-actions, #fullOrgDialog .fog-form-section > div { flex-wrap: wrap; }
  #fullOrgDialog .fog-form-grid { grid-template-columns: minmax(0,1fr); }
  #fullOrgDialog .fog-form-person { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr) 44px; }
  #fullOrgDialog .fog-form-person button { width: 44px; min-height: 44px; }
}