/*
 * iPhone layout guardrails
 * Keep demo buttons in the section where they appear. Only the article action
 * group itself is fixed, and mobile article content reserves room beneath it.
 */
@media (max-width: 700px) {
  .attendance-launch {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    box-shadow: none !important;
  }

  .single-post .article-page {
    padding-bottom: 138px;
  }

  .single-post .article-fixed-actions {
    right: 12px;
    bottom: max(12px, env(safe-area-inset-bottom));
    left: 12px;
    width: auto;
    max-width: 540px;
    margin-inline: auto;
  }

  .single-post .article-fixed-actions button,
  .single-post .article-fixed-actions > a {
    min-width: 0;
  }
}