/* Responsive Patch v1 - minimal, non-destructive styles */
/* Container centering for header, main, footer */
.site-header > .container,
.site-content > .container,
.site-footer > .container {
  width: min(100% - 2rem, 1200px);
  margin-inline: auto;
  padding-block: 0.75rem;
}

/* Media reset */
img, video, canvas, svg {
  max-width: 100%;
  height: auto;
}

/* Tables become scrollable on small screens */
@media (max-width: 768px) {
  table { display: block; width: 100%; overflow-x: auto; }
  nav ul { display: flex; flex-wrap: wrap; gap: .5rem; padding-left: 0; }
}

/* Utility (opt-in by class names; no global overrides) */
.centered { margin-inline: auto; }
.max-w-1200 { max-width: 1200px; }
.px-16 { padding-left: 1rem; padding-right: 1rem; }