/* Phone-only refinements after the approved desktop layout. */
@media (max-width:760px) {
  body[data-auth-state="guest"] .hero.bn-home {
    min-height:clamp(280px,76vw,340px);
  }
  body[data-auth-state="guest"] .bn-home .hero-copy {
    padding:22px 20px 38px;
  }
  body[data-auth-state="guest"] .bn-home .eyebrow { margin-bottom:12px; }
  body[data-auth-state="guest"] .bn-home .bn-title { margin-bottom:12px; }
  body[data-auth-state="guest"] .bn-home .hero-copy p { margin-bottom:16px; }

  dialog.account-modal {
    --account-banner-size:clamp(124px,20dvh,156px);
    --account-gap:8px;
    --account-field-gap:4px;
  }
  dialog.account-modal .account-banner-slide {
    display:flex;
    align-items:center;
    padding-block:calc(14px + env(safe-area-inset-top,0px)) 30px;
  }
  dialog.account-modal .account-content {
    padding-top:12px;
    padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));
  }
  dialog.account-modal .account-form,
  dialog.account-modal .account-actions { gap:var(--account-gap); }
  dialog.account-modal .account-actions { margin-top:0; }
  dialog.account-modal .account-forgot,
  dialog.account-modal .account-referral summary { min-height:36px; }
  dialog.account-modal .account-consents { gap:6px; }
  dialog.account-modal .account-consent { min-height:32px;line-height:1.5; }
  dialog.account-modal .account-social { gap:8px; }
}

/* Keep the same compact form when a phone has less vertical room. */
@media (max-width:760px) and (max-height:680px) {
  dialog.account-modal { --account-gap:6px; }
  dialog.account-modal .account-content {
    padding-top:10px;
    padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));
  }
}
@media (max-width:760px) and (max-height:620px) {
  dialog.account-modal { --account-banner-size:112px;--account-gap:6px; }
  dialog.account-modal .account-banner-copy p { display:none; }
}
@media (max-width:760px) and (max-height:560px) {
  dialog.account-modal { --account-banner-size:76px; }
  dialog.account-modal .account-banner-slide { padding-block:8px 22px; }
}
