/* The shared footer for the public information pages (about, privacy,
   test-security, features, and the generated legal pages).

   The landing page keeps its own copy of this markup inline, because it is the
   only page that carries the footer without the back link above it. Everything
   below is deliberately the same as .land-foot in index.html; if one changes,
   change both. */

.site-foot {
  border-top: 1px solid #e7e7e7;
  margin-top: 56px;
  padding: 26px 24px 40px;
  text-align: center;
}

/* Sits above the links, in the site green, so the way back out is the first
   thing found at the bottom of a long page. */
.site-foot-back {
  display: inline-block;
  margin: 0 0 18px;
  font-size: 14.5px;
  color: #4a7c59;
  text-decoration: none;
}
.site-foot-back:hover { text-decoration: underline; }

.site-foot-links {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px;
}
.site-foot-links a { font-size: 14.5px; color: #8a8d92; text-decoration: none; }
.site-foot-links a:hover { color: #43464b; text-decoration: underline; }
/* The page you are already on. Present so the row reads the same everywhere,
   but not a link to itself. */
.site-foot-links .is-current { font-size: 14.5px; color: #c2c5ca; }

/* Clicking copies rather than firing a mailto: — see /copy-email.js. The global
   button rule would otherwise make this a slab.
   Green, not grey like the links beside it: this is the one thing in the footer
   a reader is meant to act on, and it was already green on About, Student
   Privacy and Test Security while the rest of the site had it grey. Weight, not
   hue, marks the copied state, since a green flash on a green word says nothing. */
.site-foot-copy {
  width: auto; margin: 0; padding: 0; border: 0; background: none;
  font: inherit; font-size: 14.5px; color: #4a7c59; cursor: pointer;
}
.site-foot-copy:hover { color: #2f6b36; text-decoration: underline; }
.site-foot-copy.copied { color: #2f6b36; font-weight: 600; }

/* Ownership line, quietest thing on the page. Sits under the nav on every
   public page; the landing page carries its own .land-foot-legal twin. */
.site-foot-legal {
  margin: 14px 0 0;
  font-size: 11.5px;
  line-height: 1.5;
  color: #a8abb0;
}