/* V62 mobile polish: solid header, slimmer section menu, floating buttons
   that stay out of the way of content. */
@media (max-width: 900px) {
  .site-header { background: var(--paper, #fbf8f3); backdrop-filter: none; }
}

@media (max-width: 620px) {
  .page-section-nav { margin-top: 8px; padding: 4px; }
  .page-section-nav-track {
    gap: 2px;
    -webkit-mask-image: linear-gradient(90deg, #000 82%, transparent);
    mask-image: linear-gradient(90deg, #000 82%, transparent);
  }
  .page-section-nav a,
  .page-section-nav button { min-height: 34px; padding: 0 12px; font-size: 9px; letter-spacing: .1em; }

  .ask-tab {
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    min-height: 40px;
    padding: 0 16px;
    font-size: 9px;
    box-shadow: 0 10px 26px rgba(33,21,19,.22);
  }
  .global-scroll-top {
    right: 12px;
    bottom: calc(62px + env(safe-area-inset-bottom));
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  /* Events: occasion pills are tighter so the list is not a full screen tall. */
  .events-pill-grid { gap: 7px; margin-top: 28px; }
  .events-pill-grid span { padding: 9px 14px; font-size: 14px; }
}