/* css/page-privacy-policy.css : privacy-policy.html. Owner: wave E.
   Body composition: chassis-only legal sheet (.prose--legal + .legal-toc) (adapted spec:
   v2-specs/interiors-spec-privacy-policy.md). Loaded LAST, after tokens.css + site.css + interior.css.
   Page rules only, scoped to this page's pp-* classes inside .sheet-body; the chassis is never restyled.
   The notice keeps the chassis measure (70ch) on the well's left edge; the contents list sits in the
   well's remaining right-hand width as a quiet sticky rail from 1024 up (E-L2, class C). */

.pp-doc { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "lead" "rail" "text"; }
.pp-lead { grid-area: lead; }
.pp-rail { grid-area: rail; }
.pp-text { grid-area: text; margin-top: 32px; }

/* the notice's own header statement, kept in capitals (E-L4) */
.pp-header {
  max-width: var(--measure); margin: 0;
  font: 600 16px/27.2px var(--font-body); color: var(--ink); overflow-wrap: anywhere;
}

/* contents: plain text links (chassis .legal-toc, 44px each) under a Gelasio 20 head, one hairline */
.pp-rail { margin-top: 32px; padding: 4px 0 4px 24px; border-left: 1px solid var(--rule); }
.pp-rail__head { margin: 0 0 4px; font: 400 20px/26px var(--font-display); color: var(--steel); }
.pp-rail .legal-toc { margin: 0; }
/* block-level link boxes (an inline-flex box inside a list item adds a descender gap under each
   link), with the 44px target built from padding, so a two-line label keeps the same 22px of air
   as a one-line label instead of filling its box */
.pp-rail .legal-toc a { display: flex; padding-block: 11px; }

/* contact block the notice points to ("the information listed at the end of this Notice"; E-L6) */
.pp-text .pp-nap { margin-bottom: 4px; }
.pp-tel a { display: inline-flex; align-items: center; min-height: 44px; }

@media (min-width: 1024px) {
  .pp-doc {
    grid-template-columns: minmax(0, var(--measure)) minmax(220px, 360px);
    grid-template-rows: auto 1fr;
    grid-template-areas: "lead rail" "text rail";
    justify-content: space-between; column-gap: 48px;
  }
  .pp-rail { margin-top: 0; position: sticky; top: calc(var(--chrome-h) + 24px); align-self: start; }
}

/* the chassis sub-head is Gelasio 20 (W-A11), but interior.css's tablet and phone steps for
   `.prose h3` (26 / 24) out-rank `.prose--legal h3` by source order; hold the chassis's own 20 here
   (shared request filed) */
@media (max-width: 900px) {
  .pp-text h3 { font-size: 20px; }
}

@media (max-width: 600px) {
  .pp-rail { margin-top: 24px; padding-left: 16px; }
  .pp-text { margin-top: 24px; }
}