/* privacy.css — the three things the privacy page needs that about.css does not supply.

   `about.css` gives this page its cream reading surface: `.aboutbody`, its 720px `.inner`, the
   1.12rem Newsreader paragraph and the #7D5E22 link. Those are deliberately shared with the
   review surface (BRIEF.md section 4) and are NOT restated here.

   What is NOT reused, and why the first build of this page was broken: `.aboutsec` is the About
   essay's PICTURE layout, a grid of `120px minmax(0,1fr)` that places only `>h2` and
   `>.abouttext` in column two. A privacy notice has no pictures, so bare paragraphs inside it
   auto-placed into the 120px picture gutter and the opening paragraph rendered as a 90px ribbon
   beside the heading. Use `.docsec`, never `.aboutsec`, on a page with nothing in the gutter. */

/* Section rhythm, at .aboutsec's own 2.7rem, without any of its grid. */
.aboutbody .docsec + .docsec{margin-top:2.7rem}

/* about.css styles h1, h2 and p and has NO h3 rule, so the YouTube and Spotify subheadings fell
   back to the browser default. Serif like the h2 above them, a step down in size and a step up in
   weight, so a subheading reads as subordinate rather than as a different kind of thing. */
.aboutbody .docsec h3{
  font-family:var(--serif);font-weight:600;font-size:clamp(1.08rem,2vw,1.28rem);
  line-height:1.25;letter-spacing:-.01em;color:#17161A;margin:1.7rem 0 .7rem;
}

/* The date is metadata, not prose, and read as another sentence at body size. */
.aboutbody .updated{
  font-family:var(--sans);font-size:.78rem;letter-spacing:.02em;color:#6B6259;
  margin:2.7rem 0 0;
}