body {
  --bg: #aaa;
  
	max-width: 400px;
	margin: 1em auto;
	padding: 1em;
	background: var(--bg);
}

a:hover {
	text-decoration: underline;
}

img {
	max-width: 400px;
}

figure {
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 400px) {
    img { max-width: 100%; }
    body { padding: 1em; }
}

@media screen and (prefers-contrast: more) {
    body { --bg: white; }
}