/* 16x Template CSS */

:root {
  color-scheme: light dark;
}

body {
  font-family: sans-serif;
  max-width: 700px;
  margin: 40px auto;
  line-height: 1.6;
  padding: 0 20px;

  /* Auto dark-mode colors */
  background: #fafafa;
  color: #222;
}

@media (prefers-color-scheme: dark) {
  body {
    background: #1a1a1a;
    color: #ddd;
  }
  a {
    color: #9ecbff;
  }
  .card {
    background: #222;
    border-color: #555;
  }
}

.card {
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 8px;
  margin-top: 20px;
}

h1 { margin-bottom: 0.3em; }
h2 { margin-top: 1.5em; }
.back { margin-top: 30px; display: block; }