/* Data handling (06-DESIGN §13.6): composition, the dated-document pieces only this page has (print tools)
   and the print sheet. The stamp, the navy plate (.plate, .path-fig) and the committee sheet (.checklist, .q)
   are components (the stamp moved there on 28/09/2026: the privacy notice uses it too). Distances follow §6,
   one step smaller on phones. */

.page-data-security [hidden] { display: none !important; }

/* ---------------------------------------------------------------- opening: a dated document */
.page-data-security .doc-open .standfirst { margin-top: var(--s-5); padding-top: 0; }
.page-data-security .doc-meta { margin-top: var(--s-4); }
.page-data-security .tool {
  min-height: 44px; padding: 10px 0; background: none; border: 0; cursor: pointer; text-align: left;
  font: 600 .875rem/1.3 var(--sans); color: var(--navy);
  text-decoration: underline; text-decoration-color: var(--navy-light); text-decoration-thickness: 1px; text-underline-offset: .24em;
}
.page-data-security .tool:hover { color: var(--pen); text-decoration-color: var(--pen-stroke); text-decoration-thickness: 2px; }
.page-data-security .doc-print { margin-top: var(--s-1); }

/* ---------------------------------------------------------------- the plate and the sheet */
.page-data-security .path { margin-top: var(--s-7); }
.page-data-security .committee { margin-top: var(--s-8); }
.page-data-security .committee > h2 { max-width: 13em; }
.page-data-security .checklist { margin-top: var(--s-5); }
.page-data-security .ck-doors { margin-top: var(--s-4); }

/* ---------------------------------------------------------------- this website */
.page-data-security .site-web { margin-top: var(--s-8); }
.page-data-security .web-voice { margin-top: var(--s-4); font: 400 var(--fs-voice)/1.45 var(--serif); color: var(--navy); max-width: var(--measure-voice); }
.page-data-security .web-how { margin-top: var(--s-4); max-width: var(--measure); }

/* ---------------------------------------------------------------- wider screens */
@media (min-width: 56.25em) {
  .page-data-security .doc-meta { grid-row: 1 / span 2; margin-top: 0; padding-top: .7rem; }
  .page-data-security .path { margin-top: var(--s-8); }
  .page-data-security .committee { margin-top: var(--s-9); }
  .page-data-security .site-web { margin-top: var(--s-9); }
}

/* ---------------------------------------------------------------- print (Ctrl+P prints the whole sheet, clean) */
@media print {
  .page-data-security .hero { padding-top: 0; }
  .page-data-security .plate { background: none; color: #000; box-shadow: none; margin: 12pt 0 0; padding: 0; }
  .page-data-security :is(.path-fig, .path-text) { margin-top: 8pt; }
  .page-data-security .path-text li + li { margin-top: 3pt; }
  .page-data-security .path-after { margin-top: 8pt; font-size: 12pt; max-width: none; }
  .page-data-security :is(.plate-h, .path-after, .path-text li, .path-text code) { color: #000; }
  .page-data-security .path-text li::marker { color: #000; }
  .page-data-security .path-fig--wide { display: block !important; margin-top: 10pt; }
  .page-data-security .path-fig--tall { display: none !important; }
  .page-data-security .path-fig :is(.pl-line, .pl-ext, .pl-box) { stroke: #555; }
  .page-data-security .path-fig .pl-box { fill: #EEF2F6; }
  .page-data-security .path-fig .pl-dot { fill: #555; }
  .page-data-security .path-fig :is(.pl-t, .pl-m) { fill: #000; }
  .page-data-security .path-fig .pl-pen { fill: var(--pen); }
  .page-data-security .path-fig .bd-cover { display: none; }
  .page-data-security :is(.q-need, .q-act, .q-tools, .ck-doors, .doc-print) { display: none !important; }
  .page-data-security .q-anchor a::after { display: none; }
  .page-data-security .checklist { box-shadow: none; margin: 12pt 0 0; padding: 0; }
  .page-data-security .checklist::before, .page-data-security .q::before { display: none; }
  .page-data-security .q { break-inside: avoid; padding-block: 9pt; }
  .page-data-security .q-anchor a, .page-data-security .stamp { color: #000; }
  .page-data-security .committee { margin-top: 0; break-before: page; }
  .page-data-security .site-web { margin-top: 18pt; break-inside: avoid; }
  .page-data-security :is(.letterhead, .q-end) { padding-left: 0; }
  /* "Print the ones I ticked": the letterhead and the chosen questions only */
  .is-print-ticked .page-data-security :is(.doc-open, .path, .site-web, .committee > h2, .q-end) { display: none !important; }
  .is-print-ticked .page-data-security .q:not(.is-picked) { display: none !important; }
  .is-print-ticked .page-data-security .committee { break-before: auto; }
}