/* assets/css/layout/common.css
   - サイト共通のレイアウト/骨格
*/
.swx-site-header,
.swx-site-footer {
  width: 100%;
}

.swx-header__inner,
.swx-footer__inner {
  max-width: var(--container, 1200px);
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 24px);
}

.swx-site-footer {
  border-top: 1px solid var(--line, #e5e7eb);
  background: var(--surface, #fff);
  color: var(--ink, #111);
}

.swx-site-header .wp-block-navigation__container,
.swx-site-footer .wp-block-navigation__container {
  gap: clamp(10px, 2vw, 18px);
}

.wp-block-navigation__responsive-dialog.is-menu-open {
  padding: 24px;
}