/* === Physical project shared styles === */

/* Responsive images - photos and renders */
.responsive-img {
  width: min(100%, 600px);
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Project page images - centered with max width */
.project-img {
  width: min(100%, 500px);
  height: auto;
  display: block;
  margin: 1em auto;
}

/* Schematic/diagram images - can be wider */
.schematic-img {
  width: min(100%, 800px);
  height: auto;
  display: block;
  margin: 1em auto;
}

/* Table styling for download/parts tables */
table {
  margin: 1em auto;
  max-width: 100%;
}

td, th {
  padding: 0.5em;
}