/* site-kit footer, version 1. Vendored verbatim; never edited in a site. It borrows the site's own colour tokens
   (--ink, --body, --ink2, --rule, --mono) and falls back to neutral values where a site lacks one, so it takes the look
   of whatever page it ends. A clean block under a rule, readable at a glance: those who care will see it. */
.site-footer{
  max-width:72rem; margin:48px auto 0; padding:18px 20px 36px;
  border-top:1px solid var(--rule,#c9cdd2);
  font:13.5px/1.55 var(--sans,system-ui,-apple-system,"Segoe UI",sans-serif); color:var(--body,#333);
}
.site-footer p{margin:0 0 8px; max-width:90ch}
.site-footer strong{color:var(--ink,#111); font-weight:600}
.site-footer a{color:inherit; text-decoration:underline; text-underline-offset:2px}
.site-footer a:hover{color:var(--ink,#111)}
.site-footer .site-built{margin-top:14px; color:var(--ink2,#555)}

/* The link to the TabLab-Hub that every tool shows in its header (site-kit 0.7.0; the markup is header/site-hub.html). A small grey chip that follows the page's
   theme by the family's one convention: html[data-theme="dark"] is dark, html[data-theme="light"] is light, and with neither (or "auto") the operating system's
   choice. Light: light grey, "Tab" and "-Hub" grey, "Lab" green. Dark: darker grey, light grey and light green. Every pair is at least 4.5:1 (a test holds it,
   hover included). Where it sits in the header (margin-left:auto, an order, a gap) is the site's own business, set in the site's own stylesheet, and so is its HEIGHT: a site
   sets `--site-hub-h` to the height of the buttons next to the chip (the text is centred in it), or leaves it and lets a flex row stretch the chip; with neither, the chip is 26px. */
.site-hub{
  --site-hub-bg:#E6E9E7; --site-hub-edge:#C9CECB; --site-hub-ink:#4D544F; --site-hub-lab:#2F6B3A; --site-hub-hover:#D7DCD9;
  display:inline-flex; align-items:center; white-space:nowrap; box-sizing:border-box;
  padding:0 11px; height:var(--site-hub-h,auto); min-height:var(--site-hub-h,26px); vertical-align:middle;
  border-radius:999px; border:1px solid var(--site-hub-edge); background:var(--site-hub-bg); color:var(--site-hub-ink);
  font:600 13px/1 var(--sans,system-ui,-apple-system,"Segoe UI",sans-serif); letter-spacing:.01em; text-decoration:none;
}
html[data-theme="dark"] .site-hub{
  --site-hub-bg:#2A2E2B; --site-hub-edge:#414844; --site-hub-ink:#B4BAB6; --site-hub-lab:#86D49A; --site-hub-hover:#363B38;
}
@media (prefers-color-scheme: dark){
  html:not([data-theme="light"]):not([data-theme="dark"]) .site-hub{
    --site-hub-bg:#2A2E2B; --site-hub-edge:#414844; --site-hub-ink:#B4BAB6; --site-hub-lab:#86D49A; --site-hub-hover:#363B38;
  }
}
.site-hub .lab{color:var(--site-hub-lab)}
.site-hub:hover{background:var(--site-hub-hover); color:var(--site-hub-ink)}
.site-hub:focus-visible{outline:2px solid var(--site-hub-lab); outline-offset:2px}