body {
  max-width: 65ch;
  margin: 0 auto;
  padding: 1em;
}

.warning {
  background-color: #fff3cd; /* A more saturated, noticeable yellow */
  color: #664d03;           /* Dark, brownish text for high contrast */
  padding: 1rem;             /* Standard spacing (1rem is often ~16px) */
  border-left: 5px solid #ffc107; /* A strong, solid amber border */
  margin-bottom: 1rem;       /* Adds space below the callout */
}

.cta-link {
  display: inline-block;
  background-color: #007bff; /* Blue, or use #28a745 for green */
  color: #fff;
  padding: 0.5em 1em;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.2s;
}

.cta-link:hover {
  background-color: #0056b3; /* Darker blue */
}

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;  
}

/* Inline comma-separated lists */
ul.inline-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline; /* Keeps the whole list inline with the preceding text if desired */
}

ul.inline-list li {
  display: inline;
}

/* Add a comma after every list item EXCEPT the last one */
ul.inline-list li:not(:last-child)::after {
  content: ", ";
}