body {
  margin: 0;
  padding: 0 16px;
  background: #fff;
  color: #222;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.6;
}
.wrap { max-width: 720px; margin: 0 auto; }
header { border-bottom: 1px solid #ccc; padding: 20px 0 12px; }
header .name { font-size: 22px; font-weight: bold; color: #222; text-decoration: none; }
nav { margin-top: 6px; font-size: 15px; }
nav a { color: #333; margin-right: 14px; }
main { padding: 16px 0 32px; }
h1 { font-size: 26px; font-weight: normal; margin: 16px 0; }
h2 { font-size: 19px; margin: 28px 0 8px; }
a { color: #1a4d8f; }
.updated { color: #666; font-size: 15px; }
address { font-style: normal; }
footer { border-top: 1px solid #ccc; padding: 16px 0 32px; font-size: 13px; color: #555; }
footer p { margin: 8px 0; }
footer a { color: #555; }
.split { display: flex; gap: 28px; align-items: center; margin: 36px 0; }
.split.reverse { flex-direction: row-reverse; }
.split img { width: 42%; height: auto; border-radius: 6px; flex-shrink: 0; }
.split h2 { margin-top: 0; }
.split ul { padding-left: 20px; margin: 0; }
.split li { margin-bottom: 6px; }
@media (max-width: 600px) {
  .split, .split.reverse { flex-direction: column; align-items: stretch; }
  .split img { width: 100%; }
}