/* ============================================================
   BeeGroup — Layout primitives
   ============================================================ */

.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

.container--wide { max-width: var(--container-wide); }
.container--full { max-width: 100%; padding-inline: 0; }

.section {
  width: 100%;
  padding-block: var(--sp-9);
  /* Keep anchored landings from being covered by the fixed navbar. */
  scroll-margin-top: var(--navbar-h);
}
@media (max-width: 768px) {
  .section { padding-block: var(--sp-7); }
}

/* Hero must land flush with the viewport top when navigated to via `#hero`. */
#hero.section { scroll-margin-top: 0; }

/* When the WP admin bar is visible, push anchored landings below it too. */
.admin-bar .section       { scroll-margin-top: calc(var(--navbar-h) + 32px); }
.admin-bar #hero.section  { scroll-margin-top: 32px; }
@media (max-width: 782px) {
  .admin-bar .section       { scroll-margin-top: calc(var(--navbar-h) + 46px); }
  .admin-bar #hero.section  { scroll-margin-top: 46px; }
}

.stack > * + * { margin-top: var(--sp-5); }
.flex { display: flex; }
.grid { display: grid; }

main#content {
  display: block;
}