/* PK2 Finance & Strategy · privacy (v2)
   Composition rules for the privacy notice only. The page is layout A and
   nothing else, so all this file does is set the vertical rhythm of a document
   and give the one inline link its treatment. */

/* The notice is a single reading column, so it keeps the measure even where
   layout A would allow seven columns of a 1200px container. */
.privacy .label,
.privacy h1,
.privacy p,
.privacy .privacy-block { max-width: var(--measure); }

.privacy h1 { margin-top: 26px; }
.privacy-lede { margin-top: 26px; color: var(--text-muted); }

/* Each block is one question and its answer. The rule above it does the work a
   heading size increase would otherwise have to do. */
.privacy-block {
  margin-top: 56px;
  padding-top: 34px;
  border-top: 1px solid var(--hairline);
}

.privacy-block .h3 { margin-top: 34px; }
.privacy-block .h2 + .h3 { margin-top: 28px; }
.privacy-block .body { margin-top: 12px; }

/* The date closes the document. Mono, muted, held away from the last answer. */
.privacy-effective {
  margin-top: 56px;
  padding-top: 26px;
  border-top: 1px solid var(--hairline);
}

/* Same treatment as the contact page's inline link. The two stylesheets are
   never loaded together, so it is stated here rather than reached for. */
.text-link {
  color: var(--ink);
  text-decoration: underline;
  text-decoration-color: var(--gold);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: color var(--dur-ui) ease;
}
.text-link:hover { color: var(--gold-hover); }
/* Touch target. Padding on an inline box grows what a thumb can hit without
   changing the line it sits in. */
@media (max-width: 860px) {
  .text-link { padding-block: 3px; }
}

@media (max-width: 640px) {
  .privacy h1 { margin-top: 22px; }
  .privacy-lede { margin-top: 22px; }
  .privacy-block { margin-top: 44px; padding-top: 28px; }
  .privacy-block .h3 { margin-top: 28px; }
  .privacy-effective { margin-top: 44px; }
}