/* Keep the professional sign-in form above the fold on phones. */
@media (max-width: 800px) {
  .professional-entry { padding: 0 16px; min-height: 100svh; }
  .professional-entry-header { min-height: 72px; gap: 12px; flex-shrink: 0; }
  .professional-entry-logo { width: 142px; height: 52px; }
  .professional-entry-area { font-size: 11px; }
  .professional-entry-main { display: block; max-width: 440px; margin: auto; flex-shrink: 0; border-radius: 20px; }
  .professional-entry-story { display: none; }
  .professional-entry-access { padding: 24px; }
  .professional-entry-form-container { max-width: none; }
  .professional-entry-form-eyebrow { display: block; font-size: 10px; letter-spacing: 1.2px; }
  .professional-entry h1 { margin: 8px 0; font-size: 26px; line-height: 1.25; }
  .professional-entry-form-copy { font-size: 13px; line-height: 1.5; }
  .professional-entry-form { margin-top: 20px; gap: 14px; }
  .professional-entry-field label { margin-bottom: 6px; }
  .professional-entry-field input { min-height: 48px; padding: 11px 14px; font-size: 16px; }
  .professional-entry-password input { padding-right: 52px; }
  .professional-entry-password-toggle { top: 2px; right: 3px; }
  .professional-entry-submit { min-height: 48px; margin-top: 2px; padding: 11px 16px; }
  .professional-entry-help { margin-top: 18px; padding-top: 14px; }
  .professional-entry-help p { margin-top: 3px; line-height: 1.4; }
  .professional-entry-private { margin-top: 14px; font-size: 10px; }
  .professional-entry-footer { min-height: 40px; gap: 8px; font-size: 10px; flex-shrink: 0; }
}
@media (max-width: 480px) {
  .professional-entry-header { justify-content: space-between; }
  .professional-entry-area { display: none; }
}
@media (max-width: 800px) and (max-height: 700px) {
  .professional-entry { padding: 0 12px; }
  .professional-entry-header { min-height: 60px; }
  .professional-entry-logo { width: 132px; height: 46px; }
  .professional-entry-access { padding: 18px; }
  .professional-entry h1 { font-size: 24px; margin: 6px 0; }
  .professional-entry-form { margin-top: 16px; gap: 12px; }
  .professional-entry-help { margin-top: 14px; padding-top: 12px; }
  .professional-entry-private { margin-top: 10px; }
  .professional-entry-footer { min-height: 32px; font-size: 9px; }
}