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 */
}