/* ============================================================
   KeyLen Web — KeyLen AI Privacy document
   ------------------------------------------------------------
   `/ai/privacy` is a LEGAL DOCUMENT, not a product 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 the frozen homepage, `/finder`, `/finder/privacy`,
   `/finder/help`, `/ai` and `/ai/zh` cannot be affected by it —
   none of them links this stylesheet.

   It introduces no new type scale, no new colour and no new
   component. Every value below is an existing token. Only three
   things are set here:

     1. the document section rhythm
     2. the numbered and bulleted list treatment
     3. the effective-date line

   The page deliberately carries NO hero image, NO screenshot,
   NO price, NO CTA and no commercial decoration. It is a
   document. No JavaScript is involved.
   ============================================================ */

/* ---- document rhythm ---------------------------------------
   Lighter than a product section: a legal document is read, not
   skimmed. `--section-pad` is still the site's own value, reused
   so the page keeps the site's tempo. */
.ai-privacy-doc { padding: var(--section-pad) 0; }
.ai-privacy-doc .grid { row-gap: var(--space-4); }
.ai-privacy-doc .t-body + .t-body { margin-top: var(--space-3); }

/* the last section closes the document rather than stopping */
.ai-privacy-end { padding: var(--section-pad) 0 var(--space-16); }

/* the effective-date line sits under the H1. It is a release-time
   placeholder, so it is set quieter than body copy — it is not a
   statement of the policy. */
.ai-privacy-updated { color: var(--faint); }

/* ---- lists --------------------------------------------------
   The policy is built from numbered points and bulleted facts.
   Set at body size in the reading column, with the same muted
   colour and measure as the paragraphs around them — not cards,
   not a panel, not boxed.

   `max-width: var(--measure)` is inherited from `.t-body`'s own
   measure so the line length matches the prose sections. */
.ai-privacy-list {
  margin: 0;
  padding-left: 1.35em;
  font-size: var(--fs-body-lg);
  color: var(--muted);
  max-width: var(--measure);
}
.ai-privacy-list li { margin-bottom: var(--space-2); }
.ai-privacy-list li:last-child { margin-bottom: 0; }
.ai-privacy-list strong { font-weight: 650; color: var(--fg); }

/* a link inside a list item keeps the site's inline-action colour */
.ai-privacy-list a { overflow-wrap: anywhere; }

/* ---- mobile ------------------------------------------------
   Only the rhythm changes. `.c-wide` already collapses to the
   single reading axis through `site.css`'s own mobile reset, and
   this page has no figures or grid-anchored blocks beyond that. */
@media (max-width: 900px) {
  .ai-privacy-doc { padding: var(--section-pad-sm) 0; }
  .ai-privacy-end { padding: var(--section-pad-sm) 0 var(--space-12); }
}