/* Some from https://thecascade.dev/article/least-amount-of-css/ and some from deepseek. */

html {
  color-scheme: light dark;
}

body {
  background-color: #f5f5f5; /* soft background */
  margin: 20px;
  font-family: system-ui;
  line-height: 1.5;
}

img, svg, video {
  max-width: 100%;
  display: block;
}

.content {
  background-color: white;
  border-radius: 15px; /* rounded corners */
  padding: 20px;
  margin: 0 auto;
  max-width: 50rem; /* or maybe 800px, or min(80ch, 100% - 4rem) */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* subtle shadow for depth */
}