/* Bethany Jayne site refinements — small, non-conflicting polish on top of styles.css. */

/* Brand icon: keep the circular mark tidy at every breakpoint. */
.brand { min-height: 2.75rem; }
.brand-mark {
  flex: 0 0 2.75rem;
  width: 2.75rem;
  height: 2.75rem;
  padding: .42rem;
  object-fit: contain;
  object-position: center;
}

/* Keep the current-page nav item visually grounded on all breakpoints. */
.nav a[aria-current='page'] { color: var(--teal-deep); }

/* Subpage heroes: slightly taller min-height so the framed art breathes. */
.page-hero { min-height: 470px; }

/* Buttons on the coral band keep their paper fill but match the new radius. */
.contact-band .button { border-radius: 999px; }

@media (min-width: 761px) {
  .site-header { padding-top: 2.8rem; }
}

@media (max-width: 760px) {
  .site-header { align-items: center; }
  .brand { min-height: 2.75rem; }
  .brand-mark { flex-basis: 2.75rem; width: 2.75rem; height: 2.75rem; padding: .42rem; }
  .nav-toggle { min-height: 2.5rem; }
  .nav a[aria-current='page'] { justify-self: start; }
}