/* A fixed action must share the page's overlay layer, not a scrolling header
   or named view-transition layer. Both can trap it behind cards on iPhone. */
@media (max-width: 760px) {
  #main:is([data-page="plan"], [data-page="checklist"], [data-page="packing"], [data-page="budget"], [data-page="notes"], [data-page="admin"]) {
    view-transition-name: none;
  }

  #main .page-heading .inline.wrap:has(> .button:not(.secondary)) {
    overflow: visible;
    -webkit-overflow-scrolling: auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
  }
}