@media (max-width: 760px) {
  .hub-header {
    min-height: 150px;
    padding: calc(24px + env(safe-area-inset-top, 0px)) 18px 20px;
  }

  .hub-header h1 {
    font-size: 44px;
  }

  .hub-header p:last-child {
    max-width: 25ch;
  }

  .hub-task-list {
    padding: 4px 16px;
  }

  .hub-task-list > button {
    min-height: 116px;
    grid-template-columns: 28px minmax(0, 1fr) 22px;
    gap: 10px;
  }

  .hub-task-status {
    display: none;
  }

  .hub-footer {
    padding-right: 18px;
    padding-left: 18px;
  }

  .hub-footer span:last-child {
    display: none;
  }

  .workspace-home-button,
  .module-menu-trigger {
    width: 38px;
    min-width: 38px;
    height: 38px;
  }

  .reference-view .topbar {
    min-height: 76px;
    align-items: center;
    padding-top: calc(10px + env(safe-area-inset-top, 0px));
    padding-bottom: 10px;
  }

  .reference-view .topbar h1 {
    font-size: 22px;
  }

  .reference-view .topbar .eyebrow {
    display: none;
  }

  .reference-create-panel,
  .reference-operation {
    margin: 10px 12px 0;
  }

  .reference-operation-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
  }

  .reference-operation-header > div:first-child {
    min-width: 0;
  }

  .reference-operation-header h2,
  .reference-operation-header > div > p:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .reference-export-actions {
    display: grid;
  }

  .reference-export-actions a {
    min-height: 34px;
  }

  .reference-workspace {
    display: block;
    overflow: hidden;
  }

  .reference-list-panel,
  .reference-capture-panel {
    width: 100%;
    height: 100%;
    max-height: none;
    border: 0;
  }

  .reference-capture-panel {
    display: none;
  }

  .reference-detail-open .reference-list-panel {
    display: none;
  }

  .reference-detail-open .reference-capture-panel {
    display: block;
    animation: workspace-enter 160ms ease-out both;
  }

  .reference-list-back {
    display: block;
  }

  .reference-list-panel,
  .reference-capture-panel {
    padding: 14px;
  }

  .workflow-stepper span {
    font-size: 9px;
  }

  .workflow-actions {
    justify-content: stretch;
  }

  .workflow-actions button {
    min-width: 0;
    flex: 1 1 auto;
  }

  .sort-view[data-mode="setup"] .sort-topbar {
    min-height: 68px;
    padding-top: calc(8px + env(safe-area-inset-top, 0px));
    padding-bottom: 8px;
  }

  .sort-view[data-mode="setup"] .sort-setup-panel {
    padding: 12px 14px 0;
  }

  .sort-workflow-actions {
    margin: 0 -14px;
    padding-right: 14px;
    padding-left: 14px;
  }
}

@media (max-height: 620px) and (orientation: landscape) {
  .hub-header {
    min-height: 78px;
    align-items: center;
    padding: calc(8px + env(safe-area-inset-top, 0px)) 18px 8px;
  }

  .hub-header h1 {
    font-size: 30px;
  }

  .hub-header p:last-child {
    display: none;
  }

  .hub-task-list > button {
    min-height: 72px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .hub-task-copy > strong {
    margin-bottom: 2px;
    font-size: 21px;
  }

  .hub-footer {
    min-height: calc(38px + var(--safe-bottom));
    padding-top: 5px;
    padding-bottom: calc(5px + var(--safe-bottom));
  }
}