/* ============================================================
   KeyLen Web — Finder Privacy document
   ------------------------------------------------------------
   `/finder/privacy` is a SUPPORTING DOCUMENT for KeyLen Finder,
   not a landing page. It reuses the site's twelve-column field,
   type scale, header, footer and every design token unchanged.

   This file is ADDITIVE and PAGE-LOCAL. It defines no existing
   selector, so neither the frozen homepage nor the frozen
   `/finder` page can be affected by it — those pages do not link
   this stylesheet at all.

   It deliberately introduces no new type scale, no new colour, no
   new component and no new interaction. Every value below is an
   existing token. Only the document's own vertical rhythm and two
   end-matter details are set here; everything else is reused.

   This comment block is long on purpose: the next reader should
   not have to guess whether this file is part of the shared
   system. It is not. It is one document's rhythm.
   ============================================================ */

/* ---- the document's section rhythm -------------------------
   A document section is lighter than a marketing section: the
   reader is here to read, not to be moved. `--section-pad` is the
   site's own product-section value, reused rather than re-invented,
   so the document still breathes at the site's own tempo. */
.privacy-doc { padding: var(--section-pad) 0; }
.privacy-doc .grid { row-gap: var(--space-4); }
.privacy-doc .t-body + .t-body { margin-top: var(--space-3); }

/* ---- end matter --------------------------------------------
   Contact and effective date close the document. The email is the
   page's only action, set in the site's link colour; the
   effective-date line is deliberately quieter than body copy,
   because it is a release-time placeholder rather than a statement
   of the policy. Neither is a panel, a card or a callout. */
.privacy-end { padding: var(--section-pad) 0 var(--space-16); }
.privacy-end .grid { row-gap: var(--space-4); }

.privacy-mail {
  color: var(--accent);
  text-decoration: none;
  font-weight: 620;
}
.privacy-mail:hover { text-decoration: underline; }

.privacy-note { color: var(--faint); }

/* ---- mobile ------------------------------------------------
   Only the rhythm changes. Every anchored block already collapses
   to the single reading axis through `site.css`'s own `.c-wide`
   reset, and `.hero` already carries its own mobile values, so
   nothing else is needed here. */
@media (max-width: 900px) {
  .privacy-doc { padding: var(--section-pad-sm) 0; }
  .privacy-end { padding: var(--section-pad-sm) 0 var(--space-12); }
}