.layout-container {
  width: min(100% - 2rem, var(--shop-content-width));
  margin-inline: auto;
}

header[role="banner"] {
  padding-block: var(--shop-space-4);
  border-bottom: 1px solid var(--shop-border);
}

.region-header,
.region-primary-menu,
.region-highlighted,
.region-breadcrumb,
.region-content,
.region-footer {
  width: min(100% - 2rem, var(--shop-content-width));
  margin-inline: auto;
}

.region-primary-menu {
  padding-block: var(--shop-space-3);
}

.region-content {
  padding-block: clamp(2rem, 6vw, 6rem);
}

.region-footer {
  padding-block: var(--shop-space-5);
  color: var(--shop-muted);
  border-top: 1px solid var(--shop-border);
}

main {
  min-height: 60vh;
}

.node__content,
.page-node-type-page .field--name-body {
  max-width: var(--shop-reading-width);
}

nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--shop-space-3) var(--shop-space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

nav a {
  text-decoration: none;
}

nav a:hover,
nav a:focus-visible,
nav a.is-active {
  text-decoration: underline;
}

@media (max-width: 42rem) {
  .layout-container,
  .region-header,
  .region-primary-menu,
  .region-highlighted,
  .region-breadcrumb,
  .region-content,
  .region-footer {
    width: min(100% - 1.25rem, var(--shop-content-width));
  }

  nav ul {
    gap: var(--shop-space-2) var(--shop-space-4);
  }
}