/* Legal pages only — /privacy, /terms, /accessibility.
 *
 * Hand-authored, unlike assets/site.css which is generated by
 * scripts/extract-css.py. Rules added to site.css would be lost the next time
 * it is regenerated, so the legal-only delta lives here instead.
 *
 * The .prose block in site.css was written but never used by any page, so it
 * was missing the pieces below.
 */

/* The global reset zeroes all padding, and list markers sit outside the content
 * box — so default discs rendered at or past the container's left edge and were
 * invisible. Matches the coral-dot pattern used by .plan-list and .incl. */
.prose ul {
  list-style: none;
  margin-bottom: 1.4rem;
}

.prose ul li {
  position: relative;
  padding-left: 1.5rem;
}

.prose ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 11px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--coral);
}

/* Emphasis reads as plum against the lighter body colour, as elsewhere. */
.prose strong {
  color: var(--plum);
  font-weight: 600;
}

/* Underline prose links. Colour alone is not a sufficient signal (WCAG 1.4.1),
 * and these pages are where that matters most. */
.prose a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.prose a:hover {
  color: var(--coral);
}

/* Inline code, used for things like lang="en" and fonts.googleapis.com.
 * break-word rather than nowrap: a long hostname must wrap on a phone instead
 * of forcing the page to scroll sideways. */
.prose code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.9em;
  background: var(--cream-dark);
  color: var(--plum);
  padding: 0.1em 0.38em;
  border-radius: 4px;
  border: 1px solid var(--line);
  overflow-wrap: break-word;
}

/* The "Last updated" line sits directly under the hero; give it room and set it
 * apart from the body copy that follows. */
.prose .lede {
  color: var(--text-light);
  margin-bottom: 1.8rem;
}