/* Phone-only refinements (plain CSS, loaded after site.css). */
@media (max-width: 639px) {
  /* The four floating brand buttons covered the right edge of article text on phones.
     44px keeps a comfortable tap target while the stack is ~30% shorter and hugs the edge. */
  .floating-contact-wrapper {
    right: 0.55rem;
    gap: 0.45rem;
  }

  .floating-contact-fab {
    min-height: 2.75rem;
  }

  .floating-contact-fab__toggle {
    width: 2.75rem;
    height: 2.75rem;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
  }

  .floating-contact-fab__close {
    font-size: 1.4rem;
  }
}