/*
 * Shared stylesheet for the archived legacy sites.
 * Linked before each page's own styles, so anything a page sets still wins.
 * It only adds what old pages lack: readable text on phones, visible keyboard
 * focus, images that fit the screen, and styling for the build's notes.
 */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  line-height: 1.5;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  overflow-wrap: break-word;
}
/* Dark text on white, only for pages that set no colors of their own. */
body:not([bgcolor]):not([text]):not([background]) { color: #1a1a1a; background-color: #fff; }
/* The smallest old <font> sizes are too small to read. */
font[size="1"], font[size="-2"], font[size="-3"] { font-size: 0.8125rem; }
img, video, embed, object, iframe { max-width: 100%; }
/* Keep spacer images (alt="") at their set height; let real images scale. */
img:not([alt=""]) { height: auto; }
audio { max-width: 100%; }
:focus-visible { outline: 3px solid #1a5fb4; outline-offset: 2px; box-shadow: 0 0 0 5px #fff; }
.legacy-note {
  border: 2px solid #8a6d00;
  background: #fff8e1;
  color: #1a1a1a;
  padding: 0.5rem 0.75rem;
  margin: 1rem 0;
}
.legacy-note code { color: #1a1a1a; }
.legacy-form { border: 1px dashed #767676; padding: 0.5rem; margin: 1rem 0; }
.legacy-back-nav { margin: 0.5rem 0 1rem; }
.legacy-frame-nav { border-bottom: 1px solid #767676; margin-bottom: 1rem; padding-bottom: 0.5rem; }