/* Responsive technical layer for the legacy FrontPage site. */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; padding: 12px; background: #f7f7f7; color: #111; font-family: Arial, Helvetica, sans-serif; line-height: 1.4; -webkit-text-size-adjust: 100%; }
a { overflow-wrap: anywhere; }
table { max-width: 100% !important; }
td { max-width: 100%; overflow-wrap: anywhere; }
img { max-width: 100% !important; height: auto !important; }
center { display: block; max-width: 100%; }
body > p, body > center { margin-left: auto; margin-right: auto; max-width: 980px; }
@media (max-width: 760px) {
  body { padding: 8px; font-size: 16px; }
  table[width], td[width] { width: 100% !important; }
  table[height], td[height] { height: auto !important; }
  table { border-spacing: 0; }
  tr, td { max-width: 100%; }
  td { display: block; }
  img[align] { float: none !important; display: inline-block; margin: 4px auto; }
  font[size="+3"] { font-size: 1.7rem; }
  font[size="+1"] { font-size: 1.18rem; }
  font[size="-1"], font[size="-2"] { font-size: 0.95rem; }
}
@media print {
  body { background: #fff; padding: 0; }
}

.archive-footer {
  margin: 24px auto 12px;
  padding: 10px 12px;
  max-width: 980px;
  color: #555;
  font: 13px/1.5 Arial, Helvetica, sans-serif;
  text-align: center;
  border-top: 1px solid #d8d8d8;
}
.archive-footer a {
  color: #004c99;
  text-decoration: underline;
}