/* === Layout — container, grids, helpers === */

.b-main {
  position: relative;
  outline: none;
}

/* Container helper — sekcje używają tego przez .b-*__inner */
.b-container {
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--section-pad-x);
}

/* Section base */
section[id] {
  scroll-margin-top: calc(var(--header-h) + 1rem);
}