/* Shared action geometry approved on membership.php. Keep page/brand colors and
   existing hidden, disabled, compact navigation and print behavior intact. */
@media screen {
  html body .hdsl-action,
  html body .site-reference-links a,
  html body .monthly-button,
  html body .public-transit-button,
  html body .gate-weather-button,
  html body .app-button,
  html body .cda-button,
  html body .mypage-btn,
  html body .save-chart-btn,
  html body .transit-cta-btn,
  html body .login-shell .line-btn,
  html body .login-shell .submit-btn,
  html body #submitBtn,
  html body #fb-submit,
  html body .monthly-mobile-cta a,
  html body .unified-preview[data-analytics-page] main .preview-button:not(.preview-button--text):not(.preview-button--support) {
    box-sizing: border-box;
    min-height: 52px;
    min-width: 176px;
    max-width: 100%;
    padding: 14px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    vertical-align: middle;
  }

  html body .hdsl-action:not([hidden]):not(.hidden),
  html body .site-reference-links a:not([hidden]):not(.hidden),
  html body .monthly-button:not([hidden]):not(.hidden),
  html body .public-transit-button:not([hidden]):not(.hidden),
  html body .gate-weather-button:not([hidden]):not(.hidden),
  html body .app-button:not([hidden]):not(.hidden),
  html body .cda-button:not([hidden]):not(.hidden),
  html body .mypage-btn:not([hidden]):not(.hidden),
  html body .save-chart-btn:not([hidden]):not(.hidden),
  html body .transit-cta-btn:not([hidden]):not(.hidden),
  html body .login-shell .line-btn:not([hidden]):not(.hidden),
  html body .login-shell .submit-btn:not([hidden]):not(.hidden),
  html body #submitBtn:not([hidden]):not(.hidden),
  html body #fb-submit:not([hidden]):not(.hidden),
  html body .monthly-mobile-cta a:not([hidden]):not(.hidden),
  html body .mypage-table .mypage-btn:not([hidden]):not(.hidden),
  html body .mypage-select-controls .mypage-btn:not([hidden]):not(.hidden),
  html body .monthly-memo-actions .monthly-button:not([hidden]):not(.hidden),
  html body .cda-toc-offer .cda-button:not([hidden]):not(.hidden),
  html body .cda-actionbar .cda-button:not([hidden]):not(.hidden),
  html body .admin-edit-actions .mypage-btn:not([hidden]):not(.hidden),
  html body .admin-quick-btn:not([hidden]):not(.hidden),
  html body .admin-key-copy-btn:not([hidden]):not(.hidden),
  html body .admin-bodygraph-btn:not([hidden]):not(.hidden),
  html body .daily-line-form button:not([hidden]):not(.hidden),
  html body .market-metrics button:not([hidden]):not(.hidden),
  html body .journey-filters button:not([hidden]):not(.hidden),
  html body .gate-weather-admin-picker button:not([hidden]):not(.hidden),
  html body .gate-weather-admin-note-card button:not([hidden]):not(.hidden),
  html body .public-transit-share-buttons button:not([hidden]):not(.hidden),
  html body .public-transit-error button:not([hidden]):not(.hidden),
  html body .chart-image-toolbar-actions button:not([hidden]):not(.hidden),
  html body .button:not([hidden]):not(.hidden),
  html body .downloads a:not([hidden]):not(.hidden),
  html body .ops-import button:not([hidden]):not(.hidden),
  html body .outcome-form button:not([hidden]):not(.hidden),
  html body .unified-preview[data-analytics-page] main .preview-button:not(.preview-button--text):not(.preview-button--support):not([hidden]):not(.hidden) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  html body .mypage-table .mypage-btn,
  html body .mypage-select-controls .mypage-btn,
  html body .monthly-memo-actions .monthly-button,
  html body .cda-toc-offer .cda-button,
  html body .cda-actionbar .cda-button,
  html body .admin-edit-actions .mypage-btn,
  html body .admin-quick-btn,
  html body .admin-key-copy-btn,
  html body .admin-bodygraph-btn,
  html body .daily-line-form button,
  html body .market-metrics button,
  html body .journey-filters button,
  html body .gate-weather-admin-picker button,
  html body .gate-weather-admin-note-card button,
  html body .public-transit-share-buttons button,
  html body .public-transit-error button,
  html body .chart-image-toolbar-actions button,
  html body .button,
  html body .downloads a,
  html body .ops-import button,
  html body .outcome-form button {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    min-height: 44px;
    padding: 10px 14px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  html body .hdsl-action:focus-visible,
  html body .site-reference-links a:focus-visible,
  html body .monthly-button:focus-visible,
  html body .public-transit-button:focus-visible,
  html body .gate-weather-button:focus-visible,
  html body .app-button:focus-visible,
  html body .cda-button:focus-visible,
  html body .mypage-btn:focus-visible,
  html body .save-chart-btn:focus-visible,
  html body .transit-cta-btn:focus-visible,
  html body .login-shell .line-btn:focus-visible,
  html body .login-shell .submit-btn:focus-visible,
  html body #submitBtn:focus-visible,
  html body #fb-submit:focus-visible,
  html body .monthly-mobile-cta a:focus-visible,
  html body .mypage-table .mypage-btn:focus-visible,
  html body .mypage-select-controls .mypage-btn:focus-visible,
  html body .monthly-memo-actions .monthly-button:focus-visible,
  html body .cda-toc-offer .cda-button:focus-visible,
  html body .cda-actionbar .cda-button:focus-visible,
  html body .admin-edit-actions .mypage-btn:focus-visible,
  html body .admin-quick-btn:focus-visible,
  html body .admin-key-copy-btn:focus-visible,
  html body .admin-bodygraph-btn:focus-visible,
  html body .daily-line-form button:focus-visible,
  html body .market-metrics button:focus-visible,
  html body .journey-filters button:focus-visible,
  html body .gate-weather-admin-picker button:focus-visible,
  html body .gate-weather-admin-note-card button:focus-visible,
  html body .public-transit-share-buttons button:focus-visible,
  html body .public-transit-error button:focus-visible,
  html body .chart-image-toolbar-actions button:focus-visible,
  html body .button:focus-visible,
  html body .downloads a:focus-visible,
  html body .ops-import button:focus-visible,
  html body .outcome-form button:focus-visible,
  html body .preview-button:focus-visible {
    outline: 2px solid #3f87ac;
    outline-offset: 3px;
  }

  /* A label can grow to two lines; its arrow stays beside it. */
  html body .preview-button > span[aria-hidden="true"] { flex: 0 0 auto; }
  html body .login-shell .line-btn { flex-direction: column; }
  html body .monthly-mobile-cta a { width: 100%; }
  html body .hdsl-site-create { border-radius: 4px; }
  html body .site-reference-links,
  html body .monthly-hero-actions,
  html body .monthly-final-actions,
  html body .monthly-return-actions,
  html body .monthly-management-actions,
  html body .monthly-cancel-actions,
  html body .app-actions,
  html body .mypage-card-actions,
  html body .admin-edit-actions,
  html body .public-transit-actions,
  html body .gate-weather-cta-actions { gap: 12px; align-items: stretch; }
  html body .admin-edit-actions { flex-wrap: wrap; }
  html body .site-reference-links { scroll-margin-top: 100px; }
  html body .site-reference-links a {
    flex: 0 1 176px;
    border: 1px solid #1a2b4c;
  }
  html body .site-reference-links a + a { border-color: #a58c60; }
  html body .site-reference-links a:focus-visible { outline-color: #1a2b4c; }

  /* Compact actions in a row remain usable when labels wrap. */
  html body .monthly-memo-actions { flex-wrap: wrap; }
}

@media screen and (hover: hover) {
  html body .site-reference-links a:hover { background: #2c4063; }
  html body .site-reference-links a + a:hover { background: #eae3d7; }
  html body .app-button--light:hover { background: #eae3d7; }
}

@media screen and (max-width: 480px) {
  html body .hdsl-action,
  html body .site-reference-links a,
  html body .monthly-button,
  html body .public-transit-button,
  html body .gate-weather-button,
  html body .app-button,
  html body .cda-button,
  html body .mypage-btn,
  html body .save-chart-btn,
  html body .transit-cta-btn,
  html body .login-shell .line-btn,
  html body .login-shell .submit-btn,
  html body #submitBtn,
  html body #fb-submit,
  html body .monthly-mobile-cta a,
  html body .unified-preview[data-analytics-page] main .preview-button:not(.preview-button--text):not(.preview-button--support) {
    min-width: 0;
    padding-right: 12px;
    padding-left: 12px;
  }
  html body .site-reference-links a { flex: 1 1 0; }
}