/* /css/legal-doc.css
   Version: 1.3 (2026-10-10) print line-height 1.3, 3pt paragraphs, 5pt above headings: Privacy had no room to spare on Letter.
   1.2 (2026-10-10) one printed page each (Steve): print hides Contents and Print, a compact head,
   two columns of 9.5pt Georgia, tight numbered headings; on screen the Contents is a compact two-column list.
   1.1 (2026-10-10) see the 1.1 note below.
   1.0 (2026-10-09) Terms of Service and Privacy Policy read as documents (Steve):
   a paper sheet on an ivory page, document header with a details table, numbered sections
   and contents, serif body in dark ink, Print / Save as PDF, and a print layout without the
   site header and footer. Linked only from /terms.asp and /privacy.asp.
   1.1 (2026-10-10) reads as plain text (Steve): the sitewide body.public heading and text rules no longer win
   (every rule below is scoped body.public .legal-page, appended at the end); one quiet reading column, serif
   title in normal case, numbered serif section headings, contents as a plain list, Print as a text link. */

.legal-page{background:var(--ivory,#f7f3eb);padding:48px 16px 72px}
.legal-sheet{max-width:820px;margin:0 auto;background:#fff;border:1px solid rgba(7,21,36,.12);
  border-radius:4px;box-shadow:0 1px 2px rgba(7,21,36,.06),0 12px 32px rgba(7,21,36,.07);
  padding:56px 64px 64px;color:#1a2430;counter-reset:clause}

/* Document header */
.legal-doc-head{border-bottom:2px solid var(--navy,#061826);padding-bottom:20px;margin-bottom:24px}
.legal-doc-issuer{font-family:var(--display,'Cinzel',Georgia,serif);font-size:13px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-deep,#75561f);margin:0 0 14px}
.legal-sheet h1{font-family:var(--display,'Cinzel',Georgia,serif);font-size:clamp(28px,4vw,38px);
  letter-spacing:.01em;line-height:1.15;color:var(--navy,#061826);margin:0 0 18px;font-weight:600}
.legal-doc-meta{border-collapse:collapse;font-family:var(--sans,Inter,Arial,sans-serif);font-size:14px;color:#3b4856}
.legal-doc-meta th{text-align:left;font-weight:600;padding:3px 18px 3px 0;color:var(--navy,#061826);white-space:nowrap;vertical-align:top}
.legal-doc-meta td{padding:3px 0}
.legal-doc-actions{margin:18px 0 0}
.legal-print{font-family:var(--sans,Inter,Arial,sans-serif);font-size:14px;font-weight:600;color:var(--navy,#061826);
  background:#fff;border:1px solid #9baeb3;border-radius:5px;min-height:44px;padding:9px 16px;cursor:pointer}
.legal-print:hover{background:var(--ivory,#f7f3eb)}
.legal-print:focus-visible{outline:2px solid var(--gold,#c79a45);outline-offset:2px}

/* Contents */
.legal-toc{margin:0 0 32px;padding:18px 22px;background:#fbfaf7;border:1px solid rgba(7,21,36,.10);border-radius:3px}
.legal-toc-title{font-family:var(--sans,Inter,Arial,sans-serif);font-size:12px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--navy,#061826);margin:0 0 8px}
.legal-toc ol{margin:0;padding-left:22px;columns:2;column-gap:32px}
.legal-toc li{font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.6;break-inside:avoid}
.legal-toc a{color:#1a2430;text-decoration:none;border-bottom:1px solid rgba(7,21,36,.25)}
.legal-toc a:hover,.legal-toc a:focus-visible{color:var(--gold-deep,#75561f);border-bottom-color:currentColor}

/* Body: serif, dark ink, numbered clauses */
.legal-body p,.legal-body li{font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.7;color:#1a2430;margin:0 0 14px}
.legal-body h2{font-family:Georgia,'Times New Roman',serif;font-size:20px;font-weight:700;letter-spacing:0;
  color:var(--navy,#061826);margin:34px 0 10px;scroll-margin-top:96px}
.legal-body h2::before{counter-increment:clause;content:counter(clause) ".";display:inline-block;min-width:2em}
.legal-body ul{margin:4px 0 16px;padding-left:2em}
.legal-body li{margin:0 0 8px}
.legal-body strong{color:var(--navy,#061826)}
.legal-body a{color:var(--gold-deep,#75561f);text-decoration:underline}
.legal-end{margin:40px 0 0;padding-top:14px;border-top:1px solid rgba(7,21,36,.15);
  font-family:var(--sans,Inter,Arial,sans-serif);font-size:13px;color:#5c6a79}

@media (max-width:640px){
  .legal-page{padding:20px 0 40px}
  .legal-sheet{border-left:0;border-right:0;border-radius:0;box-shadow:none;padding:28px 16px 36px}
  .legal-toc ol{columns:1}
  .legal-body p,.legal-body li{font-size:16px}
  .legal-doc-meta th{padding-right:12px}
}

/* Print / Save as PDF: just the document */
@media print{
  @page{margin:18mm 18mm 20mm}
  .site-header,.site-footer,.skip-link,.legal-doc-actions{display:none !important}
  body{background:#fff}
  .legal-page{background:#fff;padding:0}
  .legal-sheet{max-width:none;border:0;box-shadow:none;padding:0;color:#000}
  .legal-body p,.legal-body li,.legal-toc li{font-size:11pt;line-height:1.5;color:#000}
  .legal-body h2{font-size:12.5pt;margin:18pt 0 6pt;break-after:avoid;page-break-after:avoid}
  .legal-body p{orphans:3;widows:3}
  .legal-toc{background:none;border:1px solid #999;break-inside:avoid}
  .legal-toc a{border:0;color:#000}
  .legal-body a{color:#000}
  .legal-body a[href^="http"]::after,.legal-body a[href^="mailto"]::after{content:" (" attr(href) ")";font-size:9pt}
}
/* 1.1 (2026-10-10) text to read, not a web page (Steve). Scoped to beat body.public. */
body.public .legal-page{background:var(--ivory,#f7f3eb);padding:56px 16px 88px}
body.public .legal-page .legal-sheet{max-width:760px;background:#fff;border:0;border-radius:2px;box-shadow:0 1px 3px rgba(7,21,36,.08);padding:64px 72px 72px;color:#1a2430}
body.public .legal-page .legal-doc-head{border-bottom:1px solid rgba(7,21,36,.18);padding-bottom:22px;margin-bottom:28px}
body.public .legal-page .legal-doc-issuer{font-family:var(--sans,Inter,Arial,sans-serif);font-size:12px;letter-spacing:.14em;color:var(--gold-deep,#75561f);margin:0 0 10px}
body.public .legal-page .legal-sheet h1{font-family:Georgia,'Times New Roman',serif;font-variant:normal;text-transform:none;font-size:clamp(30px,4vw,38px);font-weight:700;letter-spacing:0;line-height:1.2;color:#061826;margin:0 0 14px}
body.public .legal-page .legal-doc-meta{font-size:14px;color:#5c6a79}
body.public .legal-page .legal-doc-meta th{font-weight:600;color:#3b4856}
body.public .legal-page .legal-doc-actions{margin:12px 0 0}
body.public .legal-page .legal-print{background:none;border:0;border-radius:0;padding:0;min-height:44px;font-size:14px;font-weight:600;color:var(--gold-deep,#75561f);text-decoration:underline;text-underline-offset:3px}
body.public .legal-page .legal-print:hover{background:none;color:#061826}
body.public .legal-page .legal-toc{background:none;border:0;padding:0;margin:0 0 36px}
body.public .legal-page .legal-toc-title{font-family:Georgia,'Times New Roman',serif;font-size:17px;font-weight:700;letter-spacing:0;text-transform:none;color:#061826;margin:0 0 6px}
body.public .legal-page .legal-toc ol{columns:1;padding-left:1.6em}
body.public .legal-page .legal-toc li{font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.75;color:#1a2430}
body.public .legal-page .legal-toc a{color:#1a2430;border-bottom:1px solid rgba(7,21,36,.25)}
body.public .legal-page .legal-body p,body.public .legal-page .legal-body li{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.75;color:#1a2430;max-width:none}
body.public .legal-page .legal-body h2{font-family:Georgia,'Times New Roman',serif;font-variant:normal;text-transform:none;font-size:21px;font-weight:700;letter-spacing:0;line-height:1.35;color:#061826;margin:40px 0 10px}
body.public .legal-page .legal-body h2::before{min-width:1.8em}
body.public .legal-page .legal-body h3{font-family:Georgia,'Times New Roman',serif;text-transform:none;font-size:18px;font-weight:700;letter-spacing:0;color:#061826;margin:24px 0 8px}
body.public .legal-page .legal-body a{color:var(--gold-deep,#75561f)}
@media (max-width:640px){
  body.public .legal-page{padding:0 0 40px;background:#fff}
  body.public .legal-page .legal-sheet{box-shadow:none;padding:32px 20px 40px}
  body.public .legal-page .legal-body p,body.public .legal-page .legal-body li,body.public .legal-page .legal-toc li{font-size:17px}
  body.public .legal-page .legal-body h2{font-size:19px}
}
@media print{
  body.public .legal-page,body.public .legal-page .legal-sheet{background:#fff;padding:0;box-shadow:none}
  body.public .legal-page .legal-body p,body.public .legal-page .legal-body li,body.public .legal-page .legal-toc li{font-size:11pt;line-height:1.5;color:#000}
  body.public .legal-page .legal-body h2{font-size:12.5pt;margin:18pt 0 6pt}
}
/* 1.2 (2026-10-10) compact Contents on screen; one printed page per document (Steve). */
body.public .legal-page .legal-toc{margin:0 0 28px}
body.public .legal-page .legal-toc ol{columns:2;column-gap:32px;padding-left:1.8em;margin:0}
body.public .legal-page .legal-toc li{font-size:15px;line-height:1.6}
@media (max-width:640px){
  body.public .legal-page .legal-toc ol{columns:1}
}
@media print{
  @page{size:auto;margin:13mm}
  html,body{font-size:9.5pt}
  body.public .legal-page .legal-toc,body.public .legal-page .legal-doc-actions{display:none !important}
  body.public .legal-page .legal-doc-head{border-bottom:1px solid #000;padding-bottom:4pt;margin-bottom:8pt}
  body.public .legal-page .legal-doc-issuer{font-size:7pt;margin:0 0 2pt;color:#000}
  body.public .legal-page .legal-sheet h1{font-size:16pt;margin:0 0 3pt;color:#000}
  body.public .legal-page .legal-doc-meta{font-size:8pt;color:#000}
  body.public .legal-page .legal-doc-meta tr{display:inline}
  body.public .legal-page .legal-doc-meta th,body.public .legal-page .legal-doc-meta td{display:inline;padding:0 4pt 0 0;color:#000}
  body.public .legal-page .legal-doc-meta td{padding-right:12pt}
  body.public .legal-page .legal-body{column-count:2;column-gap:8mm}
  body.public .legal-page .legal-body p,body.public .legal-page .legal-body li{font-size:9.5pt;line-height:1.3;margin:0 0 3pt;color:#000}
  body.public .legal-page .legal-body ul{margin:0 0 3.5pt;padding-left:1.4em}
  body.public .legal-page .legal-body li{margin:0 0 1.5pt}
  body.public .legal-page .legal-body h2{font-size:10pt;line-height:1.25;margin:5pt 0 1.5pt;color:#000;break-after:avoid;page-break-after:avoid}
  body.public .legal-page .legal-body h2:first-of-type{margin-top:0}
  body.public .legal-page .legal-body h2::before{min-width:1.6em}
  body.public .legal-page .legal-body h3{font-size:9.5pt;margin:4pt 0 1pt}
  body.public .legal-page .legal-body a{color:#000;text-decoration:none}
  body.public .legal-page .legal-body a[href^="http"]::after,body.public .legal-page .legal-body a[href^="mailto"]::after{content:" (" attr(href) ")";font-size:7.5pt}
  body.public .legal-page .legal-body a[href^="http://www.thecrewdock.com"]::after,body.public .legal-page .legal-body a[href^="https://www.thecrewdock.com"]::after{content:""}
  body.public .legal-page .legal-end{margin:6pt 0 0;padding-top:3pt;font-size:7.5pt;color:#000}
}
