/* Layout-level overrides for AI edits. Keep selectors scoped and readable. */
:root {
  --bw-page-gutter: clamp(1rem, 2vw, 2rem);
  --bw-layout-wide: 1200px;
}

.site-header,
.site-content,
.site-footer {
  width: 100%;
}

.site-content {
  margin-inline: auto;
}

.content-area,
.site-main,
.page .hentry,
.single .hentry {
  width: 100%;
  max-width: none;
}

.content-area {
  padding-inline: var(--bw-page-gutter);
  box-sizing: border-box;
}

.alignwide {
  width: min(100%, var(--bw-layout-wide));
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  margin-left: calc(var(--bw-page-gutter) * -1);
  margin-right: calc(var(--bw-page-gutter) * -1);
  max-width: none;
  width: auto;
}