/* The privacy policy (/privacy) and the cookie policy (/cookies) - linked
   from privacy.html and cookies.html only.
   The policy generator's own export CSS, kept as it came and scoped under
   .policy-text
   so none of it can reach the site's header, footer or other pages. The
   export carried it in <style> blocks and style="" attributes; the page's
   Content-Security-Policy (style-src 'self') refuses both, so it lives here.
   The attribute styles that mattered (the three-column category table) are
   the "table" rules at the bottom. */

.policy-text [data-custom-class='body'],
.policy-text [data-custom-class='body'] * { background: transparent !important; }
.policy-text [data-custom-class='title'],
.policy-text [data-custom-class='title'] * { font-family: Arial !important; font-size: 26px !important; color: #000000 !important; }
.policy-text [data-custom-class='subtitle'],
.policy-text [data-custom-class='subtitle'] * { font-family: Arial !important; color: #595959 !important; font-size: 14px !important; }
.policy-text [data-custom-class='heading_1'],
.policy-text [data-custom-class='heading_1'] * { font-family: Arial !important; font-size: 19px !important; color: #000000 !important; }
.policy-text [data-custom-class='heading_2'],
.policy-text [data-custom-class='heading_2'] * { font-family: Arial !important; font-size: 17px !important; color: #000000 !important; }
.policy-text [data-custom-class='body_text'],
.policy-text [data-custom-class='body_text'] * { color: #595959 !important; font-size: 14px !important; font-family: Arial !important; }
.policy-text [data-custom-class='link'],
.policy-text [data-custom-class='link'] * { color: #3030F1 !important; font-size: 14px !important; font-family: Arial !important; word-break: break-word !important; }

/* The export's list-marker rules, scoped */
.policy-text ul { list-style-type: square; }
.policy-text ul > li > ul { list-style-type: circle; }
.policy-text ul > li > ul > li > ul { list-style-type: square; }
.policy-text ol li { font-family: Arial ; }

/* ---------- the site's heading rules, undone inside the policy ----------
   style.css gives h1/h2 small uppercase muted labels; the export's headings
   carry their own size and colour (above) and are already upper case. */
.policy-text h1,
.policy-text h2,
.policy-text h3 {
  margin: 0;
  letter-spacing: normal;
  text-transform: none;
  font-weight: inherit;
  line-height: inherit;
}
.policy-text [data-custom-class='body_text'] { line-height: 1.5; }
.policy-text {
  overflow-wrap: break-word;
}

/* ---------- the category table (section 11) ----------
   The export split it into three <table>s with inline borders and
   widths; the borders and column widths are re-created here. */
.policy-text table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 0;
}
.policy-text th,
.policy-text td {
  border: 1px solid #000;
  padding: 4px 8px;
  text-align: left;
  vertical-align: top;
  background: transparent;
  font-size: 14px;
}
.policy-text th:nth-child(1), .policy-text td:nth-child(1) { width: 33.8274%; }
.policy-text th:nth-child(2), .policy-text td:nth-child(2) { width: 51.4385%; }
.policy-text th:nth-child(3), .policy-text td:nth-child(3) { width: 14.9084%; text-align: center; }
/* the three tables follow one another; share the border between them */
.policy-text table + div:empty + table { margin-top: -1px; }

/* ---------- the cookie policy (/cookies) ----------
   Plain <h1>/<h2>/<h3>/<p> markup rather than the export's spans, given
   the privacy policy's look: the same type (Arial; 26px title, 19px section
   headings, 17px sub-headings, 14px/1.5 grey body text, blue links) and the
   same rhythm - one blank line (22.5px, the height of the privacy policy's
   <div><br></div> spacer lines) between paragraphs and before a heading,
   none between a heading and its text, and three after the date. */
.policy-prose {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #595959;
  overflow-wrap: break-word;
}
.policy-prose h1,
.policy-prose h2,
.policy-prose h3 {
  font-family: Arial, sans-serif;
  color: #000000;
  font-weight: bold;
  letter-spacing: normal;
  text-transform: none;
  line-height: 1.5;
  margin: 0;
}
.policy-prose h1 { font-size: 26px; }
.policy-prose h2 { font-size: 19px; }
.policy-prose h3 { font-size: 17px; }
.policy-prose p,
.policy-prose .table-scroll { margin: 0 0 22.5px; }
.policy-prose > :last-child { margin-bottom: 0; }
.policy-prose .policy-updated { font-weight: bold; margin-bottom: 67.5px; }
.policy-prose a { color: #3030F1; word-break: break-word; }
.policy-prose th,
.policy-prose td { font-size: 14px; color: #595959; }