.container, .wrap, .page-container {
  width: min(calc(100% - 2rem), var(--bdb-content));
  margin-inline: auto;
}
.container {
  margin-block: clamp(1rem, 3vw, 2.5rem);
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid var(--bdb-color-line);
  border-radius: var(--bdb-radius-lg);
  background: var(--bdb-color-surface);
  box-shadow: var(--bdb-shadow-sm);
}
main { min-width: 0; }
article p, article li { max-width: var(--bdb-readable); }
section[id] { scroll-margin-top: 6rem; }
@media (max-width: 680px) {
  .container, .wrap, .page-container { width: min(calc(100% - 1rem), var(--bdb-content)); }
  .container { padding: 1rem; border-radius: var(--bdb-radius-md); }
}