@charset "utf-8";
/* CSS Document */
/* =========================
   ACCESSIBILITY
========================= */

	/* Screen-reader only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Focus styles */
:focus-visible {
  outline: 3px solid #005FCC;
  outline-offset: 3px;
}

.focusable-link:focus {
  outline: none;
}

.focusable-link:focus-visible {
  outline: 3px solid #005FCC;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(0,95,204,0.3);
  border-radius: 4px;
}

/* =========================
   TYPOGRAPHY / CONTENT/LEGAL
========================= */

.storyCopy {
  max-width: 70ch;
}
.legal {
  margin-top: 2rem;
}

.legal sup {
  vertical-align: super;
  font-size: 0.75em;
}

.legal ol {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.legal li {
  padding-left: 1.5em;
  line-height: 1.5;
  font-size: 0.91em;
  margin-bottom: 0.95em;
}

.legal li sup {
  font-size: 0.75em;
  vertical-align: super;
  margin-right: 0.3em;
  display: inline;
}


/* Highlight when navigated to */
.legal li:target {
  background: #f0f6ff;
  padding: 0.25em;
  border-radius: 4px;
}
	.footnote-ref {
  font-weight: 700;
  font-size: 1em;           /* increase from default sup scaling */
  color: #005FCC;
  text-decoration: none;
  padding: 0 2px;
  border-radius: 3px;
  line-height: 1;
}
	.legal ol {
  list-style: none;
  counter-reset: none;
}

/* Hover + focus = clearer affordance */
.footnote-ref:hover {
  text-decoration: underline;
}

.footnote-ref:focus-visible {
  outline: 3px solid #005FCC;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(0,95,204,0.25);
}