/* Better Butter's legal pages: legal.css with the app's colours. The print's
   royal blue ink (#0A64B4, Squish.metal) for links and the kicker, a pale butter
   cream for the lede. The kicker is set like the stick's "SALTED" (bold, spaced
   caps in the system face), since Outfit is dilly&dally's wordmark only. These
   pages are deliberately unlinked and noindex: they exist for App Store Connect. */

:root {
  --accent: #0A64B4;   /* 6:1 on white */
  --tint: #FDF5DC;
}

.doc .app-icon {
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 12.5px;   /* the iOS icon corner at this size */
  box-shadow: 0 1px 3px rgba(38, 34, 28, 0.14);
  margin: 0 0 18px;
}

.doc .kicker {
  font-family: var(--sans);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.24em;
  color: var(--accent);
}

.doc .lede { border-color: #F0E2B6; }
.doc a { border-bottom-color: #B8CFE8; }
.doc h3 { font-size: 17px; font-weight: 600; margin: 26px 0 6px; }
.doc .lede a { white-space: nowrap; }   /* keep the address whole (it fits at 320px) */