/* ==================================================================
   privacy.css  /  the privacy page, and nothing else
   ------------------------------------------------------------------
   THREE STYLESHEETS ON THAT PAGE, AND THE SPLIT IS DELIBERATE.

     app.css      the design system. Tokens, reset, type, the
                  masthead, the buttons, the ink footer. Shared with
                  every page and not touched by this one.
     tuesday.css  the SECONDARY PAGE furniture. `.tl-page .mast`,
                  `.tl-head`, `.tl-spec`, `.tl-foot` and the rest are
                  what a page that is not the scroll narrative is
                  made of, and The Tuesday List happened to be the
                  first page to need them. Reusing them is why this
                  page looks like it belongs to the site rather than
                  like a policy page somebody bolted on.
     privacy.css  this file: the handful of things a long piece of
                  prose needs that a list of one-line answers did
                  not.

   Nothing here redefines anything in either file above it.
   ================================================================== */

/* A LINK INSIDE AN ANSWER. `a { color: inherit }` in the reset leaves
   the browser's underline, which is right; this only tames its colour
   so a page with a dozen links on it does not read as a dozen marks.
   Orange on hover, which is the one accent this page is allowed. */
.pp-page .tl-spec dd a,
.pp-body a {
  text-decoration: underline;
  text-decoration-color: var(--zinc);
  text-underline-offset: 3px;
  transition: text-decoration-color .2s var(--e-seat);
}
.pp-page .tl-spec dd a:hover,
.pp-body a:hover { text-decoration-color: var(--orange); }

/* RUNNING PROSE. `.tl-sub` is one paragraph of standfirst; this is
   two or three paragraphs of actual reading, so it gets its own
   measure and its own spacing rather than borrowing either. */
.pp-body { max-width: 68ch; }
.pp-body p { font-size: 15.5px; line-height: 1.6; margin-bottom: 16px; }
.pp-body p:last-child { margin-bottom: 0; }

/* a section of answers, repeated down the page. `.tl-rules` already
   owns the first one's top padding, so this is only the gap between
   them. */
.pp-block { padding: 54px 0 0; }
.pp-block .wrap > * { max-width: 880px; }
.pp-block:last-of-type { padding-bottom: 96px; }

/* the "as of" line, under the last block, in the same mono meta the
   rest of the site uses for a date */
.pp-asof { color: var(--ash); padding-top: 40px; }

/* the address block in the closing band. It is the same postal
   address as the structured data on the homepage and as the footer
   line under it, written once per page and never paraphrased. */
.pp-addr { color: var(--paper); font-size: 16px; line-height: 1.6; }
.pp-addr a {
  color: var(--paper); text-decoration: underline;
  text-decoration-color: var(--steel); text-underline-offset: 3px;
  transition: text-decoration-color .2s var(--e-seat);
}
.pp-addr a:hover { text-decoration-color: var(--orange); }

@media (max-width: 900px) {
  .pp-block { padding-top: 40px; }
  .pp-block:last-of-type { padding-bottom: 64px; }
}