/* Extension privacy policy — long-form (docs) typography, this page only.
   Loaded after disclaimer.css from landing_disclaimer_extension_privacy.html;
   same specificity, so source order wins. Nothing here reaches the other five
   pages that share disclaimer.css (contact / payment / refund / service /
   privacy).

   Why this page diverges from its own family: its only reader is a Chrome Web
   Store reviewer scanning for three answers — what is collected, which sites it
   touches, which permissions it asks for. It is English-only, outside the .po
   and outside the sitemap already. The recipe is lifted from #docs_content
   (css/landing/agent/docs.css), which is the site's long-form register, rather
   than invented here; if the legal family is ever unified on that register
   (designer's "T"), this page is already there.

   Values are docs' own, with one deliberate step up: body 16px rather than
   docs' 14. Docs pages carry a sidebar and a breadcrumb; this one is a lone
   column of prose, and 14px in a 704px measure reads thin. */

#box_text.doc-privacy {
  /* 44em at 16px — canon Spacing › line length. The shared rules already clamp
     to 588 / 350 below 1300, so this only takes effect on wide screens. */
  width: 704px;
  padding-top: 80px;
}

/* One h1, so the document outline starts where it should. The shared family
   opens on h2; this page owns its own title. */
#box_text.doc-privacy h2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: var(--space-4);
}

/* The updated line, demoted to metadata rather than a paragraph of body text. */
#box_text.doc-privacy .doc-meta {
  font-size: 12px;
  color: var(--color-greyMedium);
  margin-bottom: var(--space-48);
}

/* Section headings: the whole fix. They previously fell through to main.css's
   30px with margin 0, so a display-sized heading sat flush on the paragraph
   under it and a new section looked exactly like a new paragraph. 48 above /
   12 below plus a hairline is docs' rhythm, and it is what makes the page
   scannable. */
#box_text.doc-privacy h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  margin-top: var(--space-48);
  margin-bottom: var(--space-12);
  padding-bottom: var(--space-8);
  border-bottom: 1px solid var(--color-greyLight);
}

#box_text.doc-privacy p {
  font-size: 16px;
  line-height: 1.8;
  color: var(--color-black);
}

/* The page's entire message is "nothing is collected". It was set in the same
   grey as the body while the least consequential words on the page — the
   permission names — carried the only saturated colour on screen. Ink for the
   emphasis, neutral for the code. */
#box_text.doc-privacy strong {
  color: var(--color-black);
  font-weight: 700;
}

/* Bootstrap Reboot's #d63384 was leaking in at 3.97:1 on white, under AA.
   This is docs' inline-code recipe verbatim. */
#box_text.doc-privacy code {
  font-family: "SF Mono", "Fira Code", "Consolas", monospace;
  font-size: 13px;
  background-color: var(--color-greyLight);
  color: var(--color-black);
  padding: 2px 6px;
  border-radius: var(--radius-micro);
  overflow-wrap: break-word;
  word-break: break-word;
}

@media (max-width: 768px) {
  #box_text.doc-privacy {
    padding-top: var(--space-48);
  }
  #box_text.doc-privacy h2 {
    font-size: 22px;
  }
  /* main.css drops h3 to 26px below 768; that is a display size for a section
     label in a 350px column, where it wraps to two lines. */
  #box_text.doc-privacy h3 {
    font-size: 17px;
    margin-top: var(--space-32);
  }
  #box_text.doc-privacy p {
    font-size: 15px;
  }
}